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 khusus di Tema WordPress telah menjadi umum. Bahkan, ada beberapa Tema WordPress yang menawarkan beberapa font untuk dipilih. Namun memuat semua font ini secara bersamaan dapat sangat memperlambat pemuatan halaman.

cara menambahkan font kustom wordpress 1 1

Dan jika blog Anda lambat, saya sarankan Anda Beberapa solusi untuk masalah performa di Wordpress

Inilah salah satu alasan mengapa kami akan melakukannya dengan cara yang benar, hanya mengunggah font khusus yang ingin kami gunakan di blog.

Tapi pertama-tama, pertama-tama penting untuk mengetahui cara mencari font sambil juga berkonsultasi dengan 7 WordPress plugins untuk menangani tipografi blog Anda

Bagaimana menemukan font dan bagaimana menggunakan WordPress

Font tidak skalabel 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

Tipografi font WordPress google

Google Font adalah pustaka font gratis yang sangat besar yang dapat Anda gunakan di beberapa proyek.
Yang perlu Anda lakukan hanyalah mengakses " Google Font Dan pilih font pilihan Anda. Kemudian klik " pilih font ini »Sebuah tab muncul di kanan bawah layar Anda.

Tutorial wordpress tipografi Font Google

Klik pada tab ini yang mengembang seperti pada gambar di atas. Anda akan dapat menyesuaikan gaya font yang akan disertakan dengan mengklik Menyesuaikan. Anda hanya perlu memilih gaya yang ingin Anda lihat di blog Anda.

Anda kemudian harus menggulir ke bawah ke " Menanamkan ". Anda kemudian perlu menyalin kode yang terletak di bagian " STANDAR ". Kode inilah yang dapat Anda tambahkan di " Header Tema anak Anda.

Itu saja untuk menambahkan Font Google baru ke blog WordPress Anda.

Cara menambahkan font menggunakan Typekit

Tipografi font WordPress typekit 2

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.

Anda hanya perlu memiliki akun Typekit dan membuat " kit '.

Tipografi font WordPress typekit

Anda kemudian harus memilih font dari perpustakaan Typekit dan menambahkannya ke proyek Anda. Setelah itu, ambil kode untuk kit Anda dan tambahkan dari dasbor Anda.

Tipografi font WordPress typekit 1

Untuk menambahkannya ke dasbor, Anda hanya perlu menginstal dan mengaktifkan plugin " Font Typekit untuk WordPress '.

Setelah aktivasi, Anda hanya perlu mengakses " Pengaturan> Font Typekit Dan rekatkan kode dari kit Anda ke " aturan adat CSS '.

Typekit pasta-a-kit

Font kemudian dapat digunakan dengan cara yang sama, yaitu dengan menentukan nama keluarga untuk elemen tertentu atau untuk keseluruhan dokumen.

Cara menambahkan font menggunakan CSS3 (@ font-face)

Cara paling langsung untuk menyematkan font di blog Anda adalah dengan menambahkannya menggunakan "font-face" melalui CSS3. Metode ini memungkinkan Anda untuk menambahkan jenis font apa pun yang Anda inginkan di blog Anda.

Hal pertama yang harus dilakukan adalah mengunduh font pilihan Anda dalam format web. Jika Anda tidak memiliki font ini dalam format web, Anda dapat mengonversinya secara gratis di " Generator FontSquirrel Webfont '.

Setelah Anda memiliki file dalam format " jaringan », Anda kemudian harus mengirimkannya langsung ke server Anda. Saya sangat menyarankan Anda 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 selesai, Anda dapat mengintegrasikan font seperti ini:

integrasi-Polisi

Untuk menggunakannya di mana saja, Anda hanya perlu menentukan nama font seperti yang Anda tentukan di " wajah bagian bawah »Sebelumnya (lihat nilai atribut font-family ).

Gunakan kode-font-face

Hanya itu yang perlu diketahui tentang penggunaan kode CSS3. Namun, saya harus menentukan bahwa metode dengan fungsionalitas "font-face" lebih cocok untuk pengembang.

Solusi dan alat lain juga digunakan dan direkomendasikan untuk mengelola atau memanipulasi font di situs Anda.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website 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.

CommentPress Ajax Komentar Sisipkan Edit dan Hapus Komentar

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

Seperti namanya, ini adalah puncak dari plugin WordPress galeri foto premium. Alat yang sangat dapat disesuaikan ini memungkinkan Anda membuat galeri dengan gaya apa pun hanya dalam beberapa menit.

Plugin Wordpress Galeri WordPress Responsif Galeri Everest

Galeri Everest dapat digunakan untuk menampilkan artikel, jenis posting khusus, taksonomi/kategori khusus, Produk WooCommerce, produk yang dipersonalisasi, galeri gambar dan lampiran, video, fitur produk, etalase 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 ini WordPress Plugin untuk menyajikan sesuatu dengan mudah dan efektif. 

Download | Demo | Hébergement Web

3. WP Media Manager

WP Media Manager adalah salah satu yang terbaik dan paling kuat plugin WordPress manajemen perpustakaan media. Ini hebat dalam mengelola folder dan kemudahan penggunaannya memungkinkan Anda mengatur ribuan file media Anda.

WP Media Manager Plugin Manajer Media WordPress termudah

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.

Ce WordPress Plugin memiliki fitur seperti pembuatan folder, pemfilteran ini, 3 galeri responsif yang luar biasa, kemungkinan menggandakan file, pembuatan hierarki tanpa batas, dan banyak lainnya ...

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Lebih jauh dalam menggunakan font khusus di WordPress dengan juga berkonsultasi dengan tautan atau sumber daya yang direkomendasikan di bawah ini.

Kesimpulan

Jadi ! Itu saja untuk tutorial ini tentang cara terbaik untuk menambahkan font khusus ke WordPress. Jika Anda memiliki saran atau komentar, mereka akan diterima.

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.

...