Tampilan website yang menarik menjadi salah satu daya tarik dari pengunjung website.
Setiap pemilik website pasti selalu berusaha memberikan desain tampilan yang menarik dengan navigasi yang simpel.
Tetapi ada salah satu hal yang kadang terlewat yaitu penggunaan font standar WordPress.
Secara default WordPress memberikan font standar pada semua websitenya, jadi jika Anda teliti tampilan font antar satu website dengan website lainnya sama.
Terkecuali jika pemilik website sudah mengganti font WordPress standar dengan jenis font lain.
Anda tidak perlu khawatir karena mengganti font tidak akan berpengaruh pada SEO, hanya sebatas tampilan tulisan saja yang lebih menarik.
Nah bagi sahabat Qwords yang tertarik untuk merubah font standar dengan font kustom sesuai dengan pilihan, maka simak penjelasan artikel berikut sampai selesai ya!
Cara Mengganti Font WordPress
Sebenarnya ada dua cara yang bisa Anda lakukan untuk mengganti font di WordPress yaitu secara manual dengan upload font ke server hosting.
Cara ini lebih rumit untuk dilakukan karena Anda perlu login ke akun hosting, download font, konvert, upload dengan FTP dan menambahkan script editor.
Bagaimana tertarik untuk mengganti font WordPress secara manual? Jika tertarik silahkan tuliskan pada kolom komentar akan kami bahas pada artikel selanjutnya.
Nah cara yang akan kami ajarkan adalah mengganti font WordPress dengan plugin.
Jadi Anda tidak perlu repot upload file ke server hosting, cukup memilih font yang diinginkan saja.
Baca juga: 7 Cara Mengetahui Jenis Font dengan Mudah & Cepat (Berhasil)
Cara Mengganti Font WordPress dengan WP Google Fonts
Rekomendasi plugin font WordPress pertama yang bisa Anda coba adalah WP Google Font.
Plugin ini banyak direkomendasikan oleh pengguna WordPress, Anda hanya perlu install dan memilih jenis font.
Nantinya plugin WP Google Fonts akan menambahkan script sesuai font yang Anda pilih.
Tidak hanya font pada paragraf saja, melainkan Anda bisa melakukan custom font yang ada pada judul, heading atau bagian lainnya.
Jadi dalam satu tampilan Anda bisa menggunakan jenis font yang berbeda, bagaimana menarik bukan?
Langsung saja pembahasannya berikut ini.
- Install WP Google Font
Langkah pertama Anda harus install WP Google Font terlebih dahulu, pastikan Anda sudah login website WordPress kemudian pilih Plugins > Add New > tulis WP Google Font.
Jika sudah ketemu silahkan pilih “Install Now” kemudian “Activate”.
- Membuka Google Font
Jika proses instalasi sahabat Qwords benar maka akan muncul menu baru pada dashboard WordPress, silahkan klik menu tersebut. Kira-kira tampilannya akan seperti gambar dibawah ini.
- Memilih font
Font 1 – pada bagian ini silahkan pilih jenis font yang akan Anda coba, pada contoh kali ini kami menggunakan font “Advent Pro”.
Font style – Font style merupakan pilihan font Anda nantinya akan dibuat dengan kecil, standar atau dengan bold. Tidak semua font memiliki opsi font style, hanya beberapa saja.
Element – menu untuk bagian mana saja font yang akan diganti, pada contoh ini kami merubah semuanya dengan font yang sama, jika Anda ingin custom silahkan pilih salah satu saja.
Custom CSS – Anda bisa custom tampilan font salah satunya dengan memberikan warna atau sejenisnya.
Character sets – ini lebih ke tampilan huruf, silahkan pilih Latin saja.
- Save Fonts – jika semuanya sudah silahkan Save All Fonts dan cek hasilnya.
Jika hasilnya masih sama saja, Anda bisa menghapus cache browser atau membuka dengan mode penyamaran agar hasilnya bisa langsung terlihat.
Baca juga: Kombinasi Font Terbaik yang Patut Anda Coba
Cara Mengganti Ukuran Font WordPress
Setelah Anda berhasil mengganti font WordPress dengan font baru, permasalahan baru mulai muncul yaitu font yang dipakai terlalu kecil atau besar, sehingga Anda perlu merubah ukuran font WordPress.
Nah tenang saja karena kami akan memberikan caranya, silahkan ikuti panduan cara mengganti ukuran font WordPress dengan mudah.
1. Mengganti Ukuran Font WordPress dengan Editor
Pernahkah Anda mengatur ukuran font pada setiap halaman website? jika tidak Anda atur maka secara default ukuran font pada editor halaman adalah 12pt.
Nah berikut cara mengganti ukuran font di WordPress:
- Install Advanced Editor Tools – Silahkan install plugin “Advanced Editor Tools” ini terlebih dahulu, fungsinya untuk memunculkan opsi ukuran font pada editor WordPress.
- Add New Post – kemudian silahkan pergi ke menu All Post > Add New.
- Merubah ukuran font – Anda bisa mencoba menuliskan beberapa kalimat, kemudian gantilah ukuran font sesuai dengan kebutuhan.
- Simpan – Jika semuanya sudah Anda bisa langsung publish.
Bagaimana mudah bukan cara merubah ukuran font dengan plugin WordPress?
Jika Anda tidak ingin website WordPress Anda terlalu banyak plugin yang terinstall, Anda bisa menggunakan opsi kedua ini.
2. Mengganti Ukuran Font WordPress dengan CSS
Cara kedua ini Anda perlu menambahkan beberapa script custom pada WordPress, Anda bisa menyesuaikan mana saja yang akan Anda rubah.
Berikut cara ganti ukuran font dengan CSS:
- Masuk ke Customize
Silahkan Anda pergi ke menu Appearance > Customize.
- Pilih Additional CSS
Kemudian silahkan scroll ke bawah dan pilih Additional CSS.
- Memilih Script
Agar tidak salah, berikut ada beberapa script penting untuk merubah ukuran font website WordPress Anda.
Mengganti seluruh font
body {
font-size: 1.25rem;
}
Mengganti paragraf font
p {
font-size: 25px;
}
Mengganti heading
h2 {
font-size: 2.5em;
}
Heading bisa disesuaikan mau H2, H3, H4 atau H5
Mengganti font sidebar
.sidebar li {
font-size: 12px;
}
Mengganti font footer
.footer {
font-size: 150%;
}
- Publish font
Pada contoh ini kami mengganti ukuran font website standar dari 12px menjadi 16px, jadi tinggal masukan saja kemudian “Publish”.
Baca juga: Cara Menggunakan Canva untuk Desain Menarik
Sudah bisa mengganti font sendiri?
Nah bagaimana sahabat Qwords apakah Anda sudah bisa mengganti font WordPress beserta dengan ukurannya?
Jika ada kendala silahkan hubungi provider hosting yang Anda gunakan saat ini.
Ngomong-ngomong provider hosting, kami memiliki rekomendasi penyedia hosting cPanel murah yaitu dari Qwords.com.
Hosting WordPress Terbaik Untuk Website
Silahkan kunjungi saja dan temukan paket yang sesuai dengan kebutuhan.
Selamat mencoba
