Mengubah Jenis & Ukuran Font Di WordPress – Font situs Anda, atau tipografi, memainkan peran penting dalam hal desain situs Anda serta pengalaman penggunanya . Saat Anda membuat atau mengoptimalkan halaman web, Anda pasti ingin menemukan font yang sempurna untuk digunakan untuk konten Anda sehingga pengunjung tidak hanya terpikat oleh desain Anda, tetapi juga menerima informasi sebagaimana dimaksud.
Mengubah Jenis & Ukuran Font Di WordPress
wpbars – Namun, mungkin sulit untuk mengetahui dari mana harus memulai, terutama jika tema WordPress Anda tidak menawarkan opsi font yang sangat fleksibel. Untungnya, ada beberapa cara mudah untuk melampaui opsi tipografi bawaan tema Anda dan mengakses hampir semua font di internet untuk situs web WordPress Anda .
Baca Juga : Panduan Pemula Untuk Integrasi GitHub WordPress
Cara Mengubah Font di WordPress
Berikut ringkasan singkat dari setiap metode:
- Gunakan tema WordPress Anda : tempat terbaik untuk memulai adalah memeriksa apakah tema WordPress Anda sudah menawarkan pengaturan tipografi yang fleksibel. Ini tidak akan selalu berhasil, tetapi kami selalu menyarankan untuk memulai dari sini.
- Gunakan plugin Google Fonts : Anda dapat menggunakan plugin gratis sederhana untuk mengakses 1.350+ font gratis di Google Fonts.
- Unggah font khusus : Anda dapat mengunggah font khusus apa pun ke situs Anda menggunakan plugin sederhana atau CSS khusus Anda sendiri.
- Sesuaikan font untuk setiap bagian konten : Anda dapat menyesuaikan font situs Anda satu per satu jika diperlukan.
1. Ubah font dengan pengaturan tema WordPress Anda.
Di WordPress, cara termudah untuk mengubah font dan tempat terbaik untuk memulai adalah pengaturan tipografi bawaan tema Anda. Hampir semua tema WordPress hadir dengan opsi bawaan untuk memungkinkan Anda mengubah font, ukuran font, dan warna font. Opsi ini unik untuk setiap tema. Beberapa tema akan memberi Anda opsi yang sangat terbatas, dalam hal ini Anda mungkin ingin menggunakan salah satu metode lain dalam daftar ini. Tema lain akan memberi Anda opsi yang sangat mendetail, dalam hal ini opsi font tema Anda mungkin yang Anda butuhkan.
Ada dua cara untuk mengakses pengaturan font tema Anda.
Penyesuai WordPress
Cara paling umum untuk mengakses pengaturan tipografi tema Anda adalah melalui WordPress Customizer . Untuk meluncurkannya, buka Appearance → Customize di dashboard WordPress Anda. Anda harus menemukan area pengaturan untuk tipografi tema Anda. Sayangnya, ini akan sedikit berbeda untuk setiap tema, jadi kami tidak dapat memberikan instruksi yang tepat.
Biasanya, Anda akan melihat area menu bernama sesuatu seperti “Tipografi” di bilah sisi Penyesuai. Namun, Anda mungkin harus terlebih dahulu menavigasi ke salah satu kategori menu. Misalnya, dalam tema Astra, Anda harus membuka pengaturan Global terlebih dahulu sebelum Anda dapat menemukan pengaturan Tipografi :
Setelah Anda memilih pengaturan tersebut, Anda akan melihat opsi untuk mengubah font situs Anda. Sekali lagi, opsi ini akan berbeda untuk setiap tema WordPress.
Untuk contoh ini, gambar di bawah ini menunjukkan opsi tipografi dalam tema Astra gratis. Anda dapat menggunakan menu tarik-turun untuk mengubah font untuk berbagai bagian situs Anda. Jika Anda tidak yakin bagaimana mengubah ukuran font, Anda juga dapat melakukannya dari area ini.
Untuk mengubah warna font, Anda mungkin perlu masuk ke area lain di Penyesuai, seperti pengaturan Warna . Atau, Anda mungkin perlu menambahkan beberapa CSS khusus. Misalnya, berikut ini cara mengubah warna font di header Anda dengan menambahkan beberapa CSS khusus:
Panel Opsi Tema Kustom
Metode kedua ini telah menjadi jauh lebih jarang, tetapi beberapa tema WordPress masih menggunakan panel opsi tema khusus. Dalam hal ini, Anda biasanya akan mengelola font dari area itu alih-alih Penyesuai WordPress. Jika Anda tidak melihat opsi font apa pun di Penyesuai, periksa dokumentasi tema Anda untuk melihat apakah Anda mungkin perlu menggunakan area opsi tema kustom.
2. Tambahkan Google Font ke situs WordPress Anda.
Jika Anda tidak puas dengan pengaturan font bawaan tema Anda, opsi hebat lainnya adalah menambahkan Google Font ke situs Anda. Jika Anda tidak terbiasa dengan Google Font, ini adalah koleksi besar 1.350+ font gratis yang digunakan , termasuk beberapa font paling populer di web seperti Roboto, Montserrat, dan Lato.
Banyak tema WordPress populer sekarang menawarkan dukungan Google Font bawaan, yang biasanya dapat Anda akses melalui metode di bagian sebelumnya. Namun, jika tema Anda tidak menawarkan opsi itu, ada sejumlah plugin tipografi yang memungkinkan Anda menambahkan Google Font ke WordPress dengan mudah. Berikut adalah beberapa plugin WordPress Google Font yang paling banyak digunakan :
- Plugin Font
- Google Font Mudah
- WP Google Font
Pengguna yang lebih mahir juga dapat mempertimbangkan plugin OMGF , yang membantu Anda menghosting font secara lokal di server Anda alih-alih menggunakan jaringan pengiriman konten (CDN) Google Fonts. Beberapa webmaster lebih menyukai pendekatan ini dari perspektif kinerja karena memungkinkan Anda mengontrol perilaku caching dan menghilangkan permintaan HTTP pihak ketiga.
Untuk tutorial ini, kita akan menggunakan Plugin Font gratis, tetapi sebagian besar plugin Google Font bekerja dengan cara yang sama. Untuk memulai, instal dan aktifkan plugin dari WordPress.org. Dari sana, Plugin Font memungkinkan Anda menyesuaikan font situs Anda menggunakan Penyesuai WordPress waktu nyata, seperti yang kami tunjukkan untuk metode tema di atas. Untuk meluncurkan antarmuka, buka Plugin Font → Sesuaikan Font di dasbor WordPress Anda. Anda akan melihat pratinjau langsung situs Anda bersama dengan empat area pengaturan di bilah sisi:
- Pengaturan Dasar: mengontrol tipografi seluruh situs untuk teks isi, judul, dan tombol Anda.
- Pengaturan Lanjutan: menerapkan tipografi ke elemen yang lebih spesifik seperti widget bilah sisi dan widget footer. Ini akan secara otomatis mewarisi font dari area Pengaturan Dasar, tetapi Anda dapat menimpanya jika diperlukan.
- Pemuatan Font: membutuhkan versi premium dari plugin.
- Debugging : Anda harus dapat membiarkan ini sebagai default.
3. Tambahkan font khusus ke WordPress.
Google Font populer karena perpustakaan font berkualitasnya yang besar. Namun, Anda mungkin memiliki situasi di mana koleksi Google Fonts tidak cukup. Dalam hal ini, Anda dapat menemukan sejumlah font gratis atau berbayar yang dapat Anda gunakan di situs WordPress Anda. Namun, Anda harus mengunggah font ke server situs Anda dan kemudian mengintegrasikannya ke dalam halaman web Anda.
Untuk menemukan font, coba cari di Google atau jelajahi pasar font gratis populer seperti Font Squirrel , DaFont , dan 1001 Free Fonts ( yang sebenarnya memiliki 65.000+ font gratis ). Kemudian, Anda dapat menggunakan plugin untuk menambahkannya ke situs Anda atau mengunggah dan mendaftarkan font secara manual menggunakan CSS.
Unduh plugin “Gunakan Font Apa Saja”.
Cara termudah untuk menambahkan font khusus ke WordPress adalah melalui plugin Use Any Font yang bernama tepat . Seperti namanya, plugin ini memungkinkan Anda mengunggah file font apa pun ke WordPress dan menggunakannya di mana saja di situs Anda, termasuk di editor asli, plugin pembuat halaman , dan beberapa tema WordPress populer.
Plugin ini adalah pilihan terbaik untuk pengguna non-teknis karena menghilangkan kebutuhan untuk menggunakan CSS khusus. Untuk memulai, instal dan aktifkan plugin. Kemudian, buka area Use Any Font yang baru di dashboard WordPress Anda. Pertama, klik tombol Generate Free Lite / Test API Key , lalu klik tombol Verify setelah kunci API dibuat. Kemudian, buka tab Unggah Font dan unggah file font yang ingin Anda gunakan. Anda dapat menggunakan format berikut:
- .woff
- .ttf
- .otf
Jika Anda mengunduh font sebagai file zip, Anda harus mengekstrak file zip terlebih dahulu, lalu mengunggah file font yang sebenarnya. Setelah pengunggahan selesai, buka tab Tetapkan Font untuk menetapkan di mana Anda ingin menggunakan font itu di situs Anda:
- Klik tombol Tetapkan Font .
- Pilih font yang baru saja Anda unggah menggunakan drop-down.
- Gunakan kotak centang untuk mengontrol di mana Anda ingin menerapkan font tersebut. Misalnya, untuk menggunakan font judul posting blog Anda, Anda dapat memilih Judul Posting Saja . Atau, Anda dapat memilih Judul 1 untuk menggunakannya untuk semua tag H1.
- Klik tombol Tetapkan Font lainnya di bawah pengaturan untuk menyimpan pilihan Anda.
