9 Plugin Tipografi Terbaik untuk WordPress

Tipografi yang baik sangat penting untuk situs web Anda. Tipografi mencakup tipografi, tata letak, drop caps, ikon, dan banyak lagi. Banyak dari ini sekarang dapat dilakukan dengan Gutenberg, tetapi tipografi masih merupakan area di mana plugin dapat membuat perbedaan besar. Pada artikel ini, kita akan melihat beberapa opsi untuk membantu Anda memilih plugin tipografi terbaik untuk WordPress.

1. Plugin Pembuat Divi

Plugin Divi Builder menambahkan Divi Builder ke tema WordPress apa pun. Ini mencakup 800 font Google, dan Anda dapat menambahkan kunci Google API Anda untuk mendapatkan font baru secara otomatis. Anda juga dapat mengunggah lebih banyak. Meskipun plugin Divi melakukan lebih dari sekadar tipografi, itu adalah pilihan yang bagus bahkan jika Anda tidak sepenuhnya menggunakan Divi Builder karena banyaknya fitur tipografi yang dimilikinya. Opsi tipografi juga tersedia di Tema Divi.

Cari melalui font dalam modul apa pun yang menyertakan teks dan lihat pratinjau setiap font. Font yang baru-baru ini digunakan ada di bagian atas sehingga mudah ditemukan.

Font sepenuhnya bergaya. Gaya sebaris atau dalam pengaturan modul. Sesuaikan setiap ukuran heading untuk setiap modul secara mandiri.

Tetapkan gaya sebagai global dan perluas ke modul lain hanya dengan beberapa klik.

Fitur Utama :

• Gaya font dan teks.
• Buat gaya global.
• Sesuaikan font untuk desktop, tablet, dan ponsel secara mandiri.
• Uji split pilihan tipografi Anda.
• Pratinjau gaya sebelum melamar.
• Perpanjang gaya.
• Salin dan tempel gaya.
• Manajer warna.
• Temukan dan ganti gaya.
• Bayangan teks.

Harga : $89 per tahun, $249 seumur hidup | Informasi Lebih Lanjut

2. Gunakan Font Apa Saja

Use Any Font adalah plugin tipografi sederhana untuk WordPress yang memungkinkan Anda mengunggah font baru.

Unggah font baru di dalam layar pengaturan. Anda juga dapat menambahkan font yang telah ditentukan sebelumnya.

Memilih font yang telah ditentukan akan membuka modal di mana Anda dapat mencari dan memilih font yang Anda inginkan. Ini memberikan pratinjau, sehingga Anda tahu apa yang Anda dapatkan. Ada hampir 24.000 opsi untuk penggunaan pribadi dan komersial.

Tetapkan font ke elemen apa pun dari layar pengaturan. Anda juga dapat menambahkan elemen khusus.

Fitur Utama :

• Tetapkan font ke elemen apa pun.
• Tetapkan ke elemen khusus.
• Unggah font baru.
• Hampir 24.000 font standar.
• Versi Pro menambahkan beberapa unggahan font.

Harga : Gratis, versi pro mulai dari $9,99 | Informasi Lebih Lanjut

3. Alat Editor Tingkat Lanjut

Alat Editor Lanjutan berfungsi dengan Gutenberg dan editor Klasik. Ini menambahkan banyak opsi tipografi dan memungkinkan Anda menyesuaikan bilah alat editor klasik di blok klasik dan editor klasik. Itu menambahkan blok paragraf baru ke Gutenberg. Anda juga dapat mengganti editor blok dengan editor klasik jika Anda mau.

Pengaturan Gutenberg mencakup bilah alat untuk editor blok, paragraf klasik dan blok klasik, tombol yang tidak digunakan untuk bilah alat, dan banyak opsi. Pengaturan fokus pada tipografi dan memungkinkan Anda untuk menyesuaikan fitur yang Anda inginkan.

Anda juga dapat menyesuaikan Editor Klasik dengan bilah alat, tombol yang tidak digunakan, dan opsi yang sama.

Fitur Utama :

• Menambahkan opsi tipografi ke editor Gutenberg dan Klasik.
• Sesuaikan toolbar.
• Sesuaikan warna teks.
• Tambahkan blok paragraf ke Gutenberg.
• Ganti editor blok dengan editor klasik.

Harga : Gratis | Informasi Lebih Lanjut

4. Tipografi Font Google

Tipografi Font Google menambahkan menu baru ke penyesuai tema dengan pengaturan dasar dan lanjutan. Pilih dari 998 font Google dan terapkan ke elemen tertentu di situs web Anda. Anda dapat mempratinjau font, sehingga Anda akan tahu seperti apa tampilannya sebelum dipublikasikan.

Menu baru ditambahkan ke Penyesuai Tema yang mencakup pengaturan dasar, pengaturan lanjutan, pemuatan font, dan alat debugging.

Pengaturan dasar memungkinkan Anda memilih keluarga font untuk tipografi, judul, dan tombol dasar. Anda juga dapat memilih berat dan gaya font.

Lanjutan menambahkan pengaturan khusus untuk pencitraan merek, navigasi, konten, bilah sisi, footer, dan memuat font saja. Contoh ini menunjukkan pengaturan konten.

Anda juga dapat menambahkan font Adobe jika Anda memiliki kunci API.

Fitur Utama :

• Menggunakan penyesuai tema.
• Termasuk pengaturan dasar dan lanjutan.
• Pratinjau sebelum dipublikasikan.
• Versi Pro menambahkan ukuran dan warna font, host secara lokal, mengoptimalkan pemuatan, dan mengunggah font khusus.
• Tambahkan font Adobe.

Harga : Gratis, versi pro mulai dari $59 | Informasi Lebih Lanjut

5. Font Mengagumkan

Font Awesome memudahkan untuk menambahkan ikon ke konten Anda. Anda dapat menggunakan ikon gratis atau pro dan memilih antara SVG atau Web Font. Ikon dapat dimuat dari CDN atau web kit. Ikon ditambahkan ke konten Anda dengan kode pendek atau HTML. Versi gratisnya mencakup lebih dari 1600 ikon, dan Anda dapat menambahkan lebih banyak lagi dengan versi pro.

Layar pengaturan memungkinkan Anda memilih antara menggunakan kit atau CDN, font pro atau gratis, dan font SVG atau Web. Anda juga dapat memilih versi dan kompatibilitas yang ingin Anda gunakan.

Contoh ini menunjukkan ikon Font Awesome yang ditambahkan ke konten saya dengan kode pendek.

Ikon yang saya tambahkan sekarang muncul di konten di ujung depan.

Fitur Utama :

• Tambahkan ikon Font Awesome dengan shortcode atau HTML.
• Lebih dari 1600 ikon untuk versi gratis.
• Gunakan SVG atau kit web.
• Pilih CDN atau kit.
• Versi Pro mencakup lebih dari 7800 ikon, 4 gaya, 20 kit pro yang dihosting, 250 ikon yang diunggah, dan banyak lagi.

Harga : Gratis, versi pro adalah $99 | Informasi Lebih Lanjut

6. Panduan gaya

Styleguide adalah plugin tipografi sederhana untuk WordPress yang memungkinkan Anda memilih font dan warna dari penyesuai tema. Ini termasuk 45 font Google teratas, dan Anda dapat menambahkan lebih banyak dengan kode. Kompatibilitas tema terbatas. Ini tidak bekerja dengan Divi secara default. Jika tidak bekerja dengan tema Anda, Anda harus menambahkan dukungan tema dengan kode. Mereka menyertakan contoh kode.

Opsi penataan font ditambahkan ke penyesuai tema. Pengaturan termasuk font header, font body, dan warna latar belakang. Ini juga memiliki opsi mode gelap yang menambahkan tombol ke bagian bawah halaman.

Fitur Utama :

• Penataan font ditambahkan ke penyesuai tema.
• Pilih font untuk header dan teks isi secara independen.
• Mode gelap.
• Tambahkan lebih banyak font dengan kode.
• Tambahkan kompatibilitas tema dengan kode.

Harga : Gratis | Informasi Lebih Lanjut

7. Pemisah Judul Halaman

Pemisah Judul Halaman memungkinkan Anda mengatur titik henti sementara untuk judul Anda untuk menentukan di mana mereka akan membagi. Ini sangat membantu untuk layar yang lebih kecil. Ini bekerja dengan editor klasik dan memberi Anda bilah sederhana untuk menempatkan breakpoint. Mengklik ikon membuka bilah. Breakpoint kemudian ditempatkan di mana Anda mengklik di dalam judul.

Pengaturan memungkinkan Anda untuk menambahkan kelas dan gaya CSS dan memilih untuk mengubah judul, judul menu, judul widget, dan banyak lagi. Ini memberikan petunjuk rinci tentang cara menggunakannya.

Berikut breakpoint untuk contoh artikel yang saya buat. Saya telah menetapkan satu, tetapi Anda dapat mengatur beberapa penanda untuk memecahkan judul di beberapa tempat.

Breakpoint membagi judul di ujung depan. Ini dapat digunakan untuk mendesain judul Anda dengan tata letak unik yang biasanya tidak tersedia.

Fitur Utama :

• Membuat breakpoint untuk judul.
• Bekerja dengan editor klasik.
• Tetapkan beberapa penanda.
• Sesuaikan breakpoint dengan CSS.

Harga : Gratis | Informasi Lebih Lanjut

8. Judul Sekunder

Judul Sekunder adalah plugin tipografi sederhana untuk WordPress yang bekerja dengan editor klasik untuk menampilkan judul lain bersama dengan judul biasa. Itu menambahkan bidang baru di atas bidang judul dan menyediakan pengaturan di mana Anda dapat menyesuaikan tampilan dan cara kerjanya. Ini kompatibel dengan jenis posting, kategori, dan ID posting tertentu.

Pengaturan memungkinkan Anda untuk mengatur format judul sekunder dan mengatur aturan tampilan. Tetapkan aturan untuk jenis dan kategori posting. Ini memberikan pratinjau judul sekunder sehingga Anda dapat menyesuaikannya.

Bidang baru ditambahkan di atas judul tempat Anda dapat memasukkan judul sekunder.

Judul ditampilkan sesuai dengan opsi yang dipilih di layar pengaturan. Ini adalah pengaturan default.

Fitur Utama :

• Menambahkan bidang judul baru ke editor klasik.
• Sesuaikan desain judul dengan cara apa pun yang Anda inginkan.
• Pilih jenis dan kategori posting yang menggunakan judul sekunder.

Harga : Gratis | Informasi Lebih Lanjut

9. Pengubah Ukuran Font Zeno

Zeno Font Resizer memungkinkan pengunjung Anda untuk mengubah ukuran font saat mereka melihat situs web Anda. Cookie menyimpan pengaturan, sehingga mereka tidak perlu mengubahnya setiap kali mereka berkunjung. Anda memiliki kendali atas pilihan yang dapat mereka buat, ikon yang ditampilkan, jumlah hari cookie bekerja, dan banyak lagi.

Layar pengaturan memungkinkan Anda menyesuaikan HTML, mengubah ukuran langkah, ukuran minimum dan maksimum, karakter yang ditampilkan untuk ikon pengubahan ukuran, dan pengaturan cookie. HTML memungkinkan Anda memilih cara kerja pengubahan ukuran.

Saya telah menambahkan resizer ke sidebar menggunakan widget.

Fitur Utama :

• Sesuaikan langkah pengubahan ukuran.
• Tetapkan ukuran minimum dan maksimum.
• Pilih karakter.
• Cookie menyimpan pengaturan pengunjung.
• Tambahkan dengan kode atau widget.

Harga : Gratis | Informasi Lebih Lanjut

Mengakhiri Pikiran

Itulah tampilan kami tentang plugin tipografi terbaik untuk WordPress. Ada banyak pilihan bagus yang dapat membuat tipografi Anda menonjol dan menarik perhatian pembaca Anda. Jika Anda mencari plugin tipografi untuk WordPress, Anda pasti akan menemukan sesuatu yang memenuhi kebutuhan Anda di daftar ini.

Kami ingin mendengar dari Anda. Apa plugin tipografi favorit Anda untuk WordPress?

Gambar Unggulan melalui ANTSTUDIO / shutterstock.com