Apakah Anda ingin menambahkan font khusus ke WordPress?
Percayalah, polisi juga peran yang sangat besar untuk dimainkan di blog Anda dan Anda akan mendapatkan banyak dengan menambahkan font yang diadaptasi tidak hanya untuk konteks blog Anda, tetapi juga untuk tema WordPress Anda.
Dalam tutorial ini saya akan menunjukkan kepada Anda bagaimana menambahkan font khusus ke blog WordPress Anda menggunakan Google Font, Typekit dan CSS3.
Penggunaan font kustom dalam tema WordPress telah menjadi hal biasa. Bahkan, banyak tema WordPress menawarkan berbagai pilihan font. Namun, memuat semua font ini secara bersamaan dapat memperlambat waktu pemuatan halaman secara signifikan.
Dan jika blog Anda lambat, saya sarankan Anda Beberapa solusi untuk masalah performa di Wordpress
Inilah salah satu alasan mengapa kita akan melakukannya dengan benar, yaitu hanya memuat font kustom yang ingin kita gunakan di blog.
Namun pertama dan terpenting, penting untuk mengetahui cara mencari font dengan juga merujuk pada 7 WordPress plugins untuk menangani tipografi blog Anda
Bagaimana menemukan font dan bagaimana menggunakan WordPress
Font saat ini tidak lagi sefleksibel seperti dulu. Namun, ada beberapa sumber tempat Anda dapat menemukan font seperti " Google Font "" Typekit "" FontSquirrel "Dan" Fonts.com '.
Cara Menambahkan Google Font Font WordPress
Google Font adalah pustaka font gratis yang sangat besar yang dapat Anda gunakan di beberapa proyek.
Anda hanya perlu mengakses " Google Font Dan pilih font pilihan Anda. Kemudian klik " pilih font ini »Sebuah tab muncul di kanan bawah layar Anda.
Klik pada tab ini, yang akan terbuka seperti yang ditunjukkan pada gambar di atas. Anda dapat menyesuaikan gaya font yang ingin disertakan dengan mengklik Menyesuaikan. Anda hanya perlu memilih gaya yang ingin Anda lihat di blog Anda.
Anda kemudian harus menggulir ke bawah ke bagian " Menanamkan ". Anda kemudian perlu menyalin kode yang terletak di bagian " STANDAR Ini adalah kode yang dapat Anda tambahkan ke Header Tema anak Anda.
Begitulah cara menambahkan Google Font baru ke blog WordPress Anda.
Cara menambahkan font menggunakan Typekit
Typekit adalah layanan gratis dan premium lain yang menawarkan font yang dapat Anda gunakan juga di berbagai proyek Anda. Mereka menawarkan langganan premium dan langganan gratis.
Yang Anda butuhkan hanyalah akun Typekit dan membuat yang baru kit '.
Selanjutnya, Anda perlu memilih font dari pustaka Typekit dan menambahkannya ke proyek Anda. Setelah itu, ambil kode untuk font kit Anda dan tambahkan dari dasbor Anda.
Untuk menambahkannya ke dasbor Anda, Anda cukup menginstal dan mengaktifkan " Font Typekit untuk WordPress '.
Setelah aktivasi, Anda cukup mengakses " Pengaturan> Font Typekit Dan rekatkan kode dari kit Anda ke " aturan adat CSS '.
Font tersebut kemudian dapat digunakan dengan cara yang sama, yaitu dengan menentukan nama keluarga font untuk elemen tertentu atau untuk seluruh dokumen.
Cara menambahkan font menggunakan CSS3 (@ font-face)
Cara paling langsung untuk mengintegrasikan font ke dalam blog Anda adalah dengan menambahkannya menggunakan "font-faces" melalui CSS3. Metode ini memungkinkan Anda untuk menambahkan jenis font apa pun pilihan Anda ke blog Anda.
Hal pertama yang perlu dilakukan adalah mengunduh font pilihan Anda dalam format web. Jika Anda tidak memiliki font dalam format web, Anda dapat mengonversinya secara gratis di " Generator FontSquirrel Webfont '.
Setelah Anda memiliki file dalam format " jaringan Anda kemudian perlu mengirimkannya langsung ke server Anda. Saya sangat menyarankan untuk menambahkannya ke " font Tema anak Anda menggunakan klien FTP (FileZilla adalah rekomendasi saya).
Jika Anda ingin melangkah lebih jauh dalam prosedur ini, lihat tutorial kami di Cara menggunakan FTP pada Windows 10
Ayo kembali ke tujuan kita.
Setelah itu selesai, Anda dapat mengintegrasikan font seperti ini:
Untuk menggunakannya di mana saja, Anda cukup menentukan nama font seperti yang telah Anda tentukan di " wajah bagian bawah »Sebelumnya (lihat nilai atribut font-family ).
Itulah semua yang perlu diketahui tentang penggunaan kode CSS3. Namun, perlu saya tekankan bahwa metode yang menggunakan fitur "font-face" lebih cocok untuk pengembang.
Solusi dan alat lain juga digunakan dan direkomendasikan untuk mengelola atau memanipulasi font di situs web Anda.
Temukan juga beberapa plugin WordPress premium
Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.
Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.
1. CommentPress
CommentPress adalah plugin ringkas WordPress yang kuat yang memungkinkan Anda menyisipkan, mengedit, dan menghapus komentar dengan cepat dan mudah. CommentPress menggunakan Ajax, jQuery dan PHP untuk memberi pengunjung kemampuan untuk memasukkan komentar tanpa harus memuat ulang halaman.
Plugin ini memiliki banyak pilihan kustomisasi, untuk memberikan tampilan dan tampilan yang Anda inginkan. Ini memiliki captcha untuk memblokir spam dan memberi bagian komentar Anda lebih aman.
Fitur utamanya adalah: penyisipan komentar yang mudah, kemungkinan bagi pengguna untuk membalas komentar tertentu, penomoran halaman komentar, manajemen lengkap administrasi bagian komentar, tombol untuk memudahkan penyisipan gambar, video dan tautan, tata letak yang sepenuhnya responsif, a Captcha untuk mengamankan formulir dan menghindari spam, dan banyak lagi.
Download | Demo | Hébergement Web
2. Galeri Everest
Sesuai namanya, ini adalah puncak dari plugin galeri foto WordPress premium. Alat yang sangat mudah disesuaikan ini memungkinkan Anda membuat galeri dengan gaya apa pun hanya dalam hitungan menit.
Galeri Everest dapat digunakan untuk menampilkan artikel, jenis posting khusus, taksonomi/kategori khusus, Produk WooCommerceProduk yang dipersonalisasi, galeri gambar dan lampiran, video, fitur produk, contoh pelanggan, portofolio, anggota tim, tangkapan layar, dll., sepenuhnya responsif.
Galeri Everest dilengkapi dengan dokumentasi lengkap, dan lebih dari opsi 30 untuk sepenuhnya dikustomisasi tampilan galeri. Dengan opsi penyesuaian yang tersedia, Anda dapat menggunakan plugin WordPress ini untuk menyajikan apa saja dengan mudah dan efisien.
Download | Demo | Hébergement Web
3. WP Media Manager
WP Media Manager adalah salah satu plugin manajemen pustaka media WordPress terbaik dan paling ampuh. Plugin ini unggul dalam manajemen folder dan kemudahan penggunaannya memungkinkan Anda untuk mengatur ribuan file media Anda.
Cukup gunakan metode drag and drop untuk memasukkan file media ke dalam folder/subfolder. Kemampuan ini tidak hanya memungkinkan dia untuk meningkatkan manajemen file, tetapi juga memungkinkan dia untuk mengelola folder. Yang umumnya harus dimiliki oleh pengguna pemula.
Plugin WordPress ini memiliki fitur-fitur seperti pembuatan folder, penyaringan folder, 3 galeri responsif yang indah, kemampuan untuk menduplikasi file, pembuatan hierarki tanpa batas, dan masih banyak lagi…
Download | Demo | Hébergement Web
Sumber daya lain yang direkomendasikan
Pelajari lebih lanjut tentang penggunaan font kustom di WordPress dengan juga memeriksa tautan atau sumber daya yang direkomendasikan di bawah ini.
- Cara Menambahkan Kata Kunci dan Deskripsi Meta di WordPress
- Cara menambahkan tipografi mengesankan dengan Typekit
- 7 plugin WordPress untuk menambahkan slider ke blog
- 8 plugin WordPress untuk menambahkan sistem terjemahan di blog
- Sumber Daya Lainnya:
- Daftar hal-hal penting untuk memulai sebuah blog
- 14 Elemen Plugin WordPress Dapat Mengganti
- Harga Elementor Pro 2023: Paket Mana yang Paling Menguntungkan untuk Anda?
- Cara Membuat dan Menampilkan Popup dengan Post Tag di WordPress
- Addons Elementor Gratis Terbaik di tahun 2023
- Cara membuat font kustom untuk blog WordPress Anda
Kesimpulan
Selesai! Tutorial tentang cara terbaik menambahkan font kustom ke WordPress telah berakhir. Saran atau komentar apa pun dipersilakan.
Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
N'' jangan ragu untuk membagikannya pada Anda yang berbeda jaringan sosial. Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan untuk ini.
...