Panduan Lengkap: Cara Mengganti Font di WordPress dengan Mudah

 

Cara Mengganti Font di WordPress - Seotechman.com Font merupakan elemen penting dalam desain website karena dapat memengaruhi tampilan visual dan pengalaman pengguna. Dengan memilih font yang tepat, situs WordPress Anda bisa terlihat lebih profesional, menarik, dan sesuai dengan brand Anda.

Pada artikel ini, kita akan membahas langkah-langkah cara mengganti font di WordPress, baik menggunakan fitur bawaan, plugin, maupun kode kustom.

Mengapa Mengganti Font di WordPress Itu Penting?

1. Meningkatkan Estetika: Font yang konsisten dan menarik meningkatkan keindahan tampilan situs.
2. Memperkuat Branding: Pilihan font dapat mencerminkan identitas brand Anda.
3. Meningkatkan Keterbacaan: Font yang jelas dan nyaman dibaca membuat pengunjung betah.
4. Memengaruhi SEO: Desain yang baik (termasuk font) dapat meningkatkan durasi kunjungan pengunjung di situs Anda.

Cara Mengganti Font di WordPress

Ada beberapa cara mengganti font di WordPress. Pilih metode yang sesuai dengan kebutuhan dan tingkat keahlian Anda.

1. Menggunakan Pengaturan Tema WordPress

Beberapa tema WordPress modern memiliki fitur bawaan untuk mengganti font.

1. Masuk ke Dashboard WordPress:

   • Login ke www.situsanda.com/wp-admin.

2. Buka Kustomisasi Tema:

   • Klik Tampilan → Kustomisasi.

3. Cari Opsi Tipografi:

   • Di menu Kustomisasi, cari opsi seperti Tipografi, Fonts, atau Desain Global (tergantung tema).

4. Pilih Font yang Diinginkan:

   • Anda dapat memilih font untuk berbagai elemen, seperti judul, paragraf, dan menu.

5. Simpan Perubahan:

   • Klik Publikasikan untuk menyimpan pengaturan.

Catatan: Tidak semua tema WordPress memiliki fitur bawaan untuk mengganti font. Jika tema Anda tidak menyediakan opsi ini, gunakan metode lain di bawah.

2. Menggunakan Plugin Font di WordPress

Jika tema Anda tidak mendukung penggantian font secara bawaan, Anda dapat menggunakan plugin untuk mempermudah proses.

Menggunakan Plugin Google Fonts Typography

1. Instal dan Aktifkan Plugin:

   • Masuk ke Plugin → Tambah Baru.
   • Cari Google Fonts Typography, lalu klik Instal Sekarang → Aktifkan.

2. Buka Pengaturan Plugin:

   • Masuk ke Tampilan → Customize Fonts atau Google Fonts.

3. Pilih Font dari Google Fonts:

   • Pilih font yang diinginkan untuk berbagai elemen seperti heading (H1, H2, H3) atau body text.

4. Simpan Pengaturan:

   • Klik Simpan Perubahan untuk menerapkan font baru.

Menggunakan Plugin Easy Google Fonts

1. Instal dan Aktifkan Plugin:

   • Masuk ke Plugin → Tambah Baru.
   • Cari Easy Google Fonts, lalu klik Instal Sekarang → Aktifkan.

2. Atur Tipografi:

   • Masuk ke Tampilan → Kustomisasi → Tipografi.
   • Pilih font untuk berbagai elemen situs Anda.

3. Simpan Pengaturan:

   • Klik Publikasikan.

3. Menggunakan Kode CSS Kustom

Bagi Anda yang memiliki pengetahuan dasar tentang CSS, mengganti font dapat dilakukan dengan menambahkan kode kustom.

1. Unduh Font yang Diinginkan:

   • Unduh font dari sumber terpercaya seperti Google Fonts atau Font Squirrel.

2. Unggah Font ke WordPress:

   • Masuk ke Media → Tambah Baru dan unggah file font Anda (format seperti .ttf, .woff, atau .otf).

3. Tambahkan CSS di WordPress:

   • Masuk ke Tampilan → Kustomisasi → CSS Tambahan.
   • Tambahkan kode berikut:

   css:
   
   @font-face {  
       font-family: 'NamaFont';  
       src: url('URL-FONT-ANDA') format('woff2');  
   }  
   
   body {  
       font-family: 'NamaFont', sans-serif;  
   }  
   

   • Ganti 'NamaFont' dengan nama font Anda dan URL-FONT-ANDA dengan tautan font yang telah diunggah.

4. Simpan Perubahan:

   • Klik Publikasikan untuk menerapkan font baru.

4. Menggunakan Page Builder

Jika Anda menggunakan plugin page builder seperti Elementor atau WPBakery, Anda dapat mengganti font langsung dari editor halaman.

Mengganti Font di Elementor

1. Buka Halaman dengan Elementor:

   • Masuk ke Halaman → Edit dengan Elementor.

2. Edit Elemen Teks:

   • Klik elemen teks yang ingin diubah.

3. Pilih Font:

   • Di panel kiri, buka Gaya → Tipografi → Keluarga Font.
   • Pilih font dari daftar yang tersedia.

4. Simpan Perubahan:

   • Klik Perbarui untuk menyimpan pengaturan.

Tips Memilih Font untuk WordPress

1. Konsistensi: Gunakan maksimal dua atau tiga jenis font di seluruh situs untuk menjaga tampilan yang rapi.
2. Keterbacaan: Pilih font yang mudah dibaca, terutama untuk paragraf panjang.
3. Sesuai Branding: Gunakan font yang mencerminkan kepribadian brand Anda.
4. Responsif: Pastikan font terlihat baik di berbagai perangkat, termasuk ponsel.
5. Optimalkan Kecepatan Situs: Jangan menggunakan terlalu banyak font eksternal untuk menghindari memperlambat loading.

Kesimpulan

Mengganti font di WordPress adalah langkah penting untuk memperindah tampilan dan meningkatkan pengalaman pengguna di situs Anda. Dengan berbagai metode, baik menggunakan pengaturan tema, plugin, atau kode CSS, Anda bisa dengan mudah menyesuaikan font sesuai kebutuhan. Pilih metode yang paling sesuai dengan kemampuan teknis dan desain yang diinginkan.

Selamat mencoba dan semoga situs WordPress Anda terlihat semakin menarik dan profesional!

Virm Aditya

Berita teknologi informasi terkini

Bagikan Artikel ini