Membuat blog atau website yang unik dan berbeda dari website\/blog lainnya adalah keinginan semua orang. Setiap blogger dan pemilik website berusaha sebaik mungkin untuk membuat website atau blognya lebih menonjol dari yang lain.<\/p>\n
Salah satu dari sekian banyak komponen website atau blog yang bisa Anda modifikasi adalah font. Font yang unik bisa menjadi identitas website atau blog Anda. Sayangnya, font yang disediakan WordPress secara default atau font dari tema yang Anda gunakan mungkin tidak cocok dengan gaya Anda.<\/p>\n
Oleh karena itu, Anda perlu mengganti font di WordPress secara mandiri. Di artikel ini, saya akan menjelaskan bagaimana cara mengganti font di WordPress dengan dua cara, yaitu manual dan otomatis.<\/p>\n
Cara mengganti font di WordPress yang pertama adalah secara manual. Mengganti font di WordPress secara manual agak rumit karena Anda perlu mengunduh font sampai mengunggahnya secara mandiri. Namun, cara ini layak Anda terapkan jika Anda tidak ingin memasang plugin tambahan.<\/p>\n
Berikut adalah cara mengganti font di WordPress secara manual:<\/p>\n
Terdapat berbagai situs penyedia font yang bisa Anda kunjungi untuk mengunduh font secara gratis. Beberapa situs penyedia font yang bisa Anda manfaatkan adalah\u00a0FontSquirrel<\/a>,\u00a0Google Fonts<\/a>,\u00a0Adobe Edge Web Fonts<\/a>,\u00a0Fonts.com<\/a>,\u00a0Dafont<\/a>, dan\u00a01001FreeFonts<\/a>.<\/p>\n Setelah mengunduh font yang Anda inginkan, kini saatnya untuk melakukan ekstrak file. Biasanya situs penyedia font memberikan fontnya dalam format .ZIP. Maka dari itu Anda perlu mengekstraknya menggunakan 7-Zip atau WinZip.<\/p>\n Ada berbagai macam format font untuk website dan Anda perlu mengetahui jenis-jenis format tersebut sebelum mengunggahnya di website Anda. Terdapat beberapa format yang tidak kompatibel dengan semua browser internet.<\/p>\n Tiga format font yang paling umum adalah True Type Fonts (ttf), Web Open Font Format (woff), dan Open Type Fonts (otf). Ketiga format font tersebut bekerja secara optimal di semua browser internet.<\/p>\n Anda bisa mengecek kompatibilitas font menggunakan Web Font Generator Tool. Jika Anda ingin menggunakan font yang formatnya tidak kompatibel dengan semua browser, Anda bisa mengubah formatnya menggunakan Web Font Generator Tool. Berikut adalah caranya:<\/p>\n \u2013 Unggah font yang ingin Anda ubah formatnya<\/p>\n \u2013 Centang\u00a0Yes, the fonts I\u2019m uploading are legally eligible for web embedding<\/strong><\/p>\n \u2013 Download hasil konversi<\/p>\n Langkah selanjutnya adalah mengunggah font pilihan Anda menggunakan FTP. FTP adalah kependekan dari File Transfer Protocol yang memungkinkan Anda mengirimkan data dari komputer ke server.<\/p>\n Salah satu aplikasi FTP yang bisa Anda gunakan untuk mengunggah font adalah\u00a0FileZilla. Unggah file font ke direktori\u00a0wp-content\/themes\/your-theme\/fonts<\/strong>. Jika tidak menemukan folder\u00a0fonts<\/strong>, Anda bisa membuatnya secara mandiri di direktori tersebut.<\/p>\n Setelah proses unggah font selesai, buka dashboard WordPress Anda dan pilih menu\u00a0Appearance > Editor<\/strong>. Editor akan menampilkan file style.css. Kemudian scroll ke bawah dan tambahkan kode di bawah ini:<\/p>\n Jangan lupa untuk mengganti konten font-family dan URL sesuai dengan URL dan font yang Anda gunakan.<\/p>\n Klik\u00a0Update File\u00a0<\/strong>untuk menyimpan perubahan yang telah Anda lakukan.<\/p>\n Kode di atas belum mengaplikasikan penerapan font di front end website Anda. Anda perlu menentukan di bagian mana saja font itu diterapkan dengan mengedit file\u00a0style.css<\/strong>\u00a0yang sama. Contohnya kode di bawah ini digunakan untuk mengganti font di judul website:<\/p>\n Mengganti font di WordPress mungkin terlihat susah untuk kebanyakan orang, terutama pemula dan orang yang masih awam dengan WordPress. Namun, Anda tidak perlu khawatir karena Anda bisa mengganti font di WordPress menggunakan plugin.<\/p>\n Terdapat berbagai pilihan plugin font WordPress yang bisa membantu Anda menambahkan font custom di WordPress. Kelebihan mengganti font di WordPress dengan plugin adalah lebih mudah karena Anda hanya perlu mengikuti pengaturan dari pluginnya.<\/p>\n Berikut adalah beberapa plugin yang bisa Anda gunakan untuk menambahkan font custom di WordPress:<\/p>\n WP Google Fonts memungkinkan Anda untuk menambahkan font custom di WordPress dengan mudah. Plugin ini akan secara otomatis menambahkan kode-kode yang dibutuhkan ke website Anda agar font yang ditambahkan bekerja secara optimal.<\/p>\n Selain itu, Anda juga bisa dengan bebas mengatur penerapan font di bagian-bagian tertentu. Misalnya, Anda hanya ingin mengganti font untuk H2 dan H3, Anda bisa dengan mudah mengaturnya di WP Google Fonts. Bahkan Anda bisa menambahkan lebih dari satu font di website Anda menggunakan plugin ini.<\/p>\n Cukup install plugin WP Google Fonts dari direktori resmi WordPress. Setelah selesai melakukan instalasi dan aktivasi, Anda akan diarahkan ke Google<\/a> Font Control Panel. WP Google Fonts menyediakan lebih dari 600 pilihan font yang bisa Anda gunakan.<\/p>\n Plugin font kedua adalah Google Fonts for WordPress. Plugin ini sudah diunduh lebih dari 30 ribu kali di WordPress dan menyediakan lebih dari 800 jenis font yang bisa Anda pilih.<\/p>\n Cara penggunaannya pun cukup mudah. Sama dengan WP Google Fonts, Anda hanya perlu menginstall plugin Google Fonts for WordPress melalui direktori plugin WordPress lalu mengkativasinya.<\/p>\n Plugin ketiga yang bisa Anda gunakan untuk menambahkan font custom di WordPress adalah Use Any Font. Anda bisa menemukan plugin ini melalui direktori plugin di dashboard WordPress Anda atau mengunduhnya melalui situs resmi WordPress.<\/p>\n Untuk bisa mengaktifkan plugin ini, Anda memerlukan API Key dan melakukan verifikasi secara gratis. Setelah verifikasi selesai, Anda bisa menambahkan font custom di WordPress Anda.<\/p>\n Berbeda dengan WP Google Fonts dan Google Fonts for WordPress, plugin ini memungkinkan Anda untuk mengunggah font dari penyedia font pihak ketiga. Anda bisa mengunggah font yang Anda dari pihak ketiga dalam format ttf, otf, atau woff melalui fitur Upload Fonts.<\/p>\n Demikian artikel mengenai cara mengganti font di WordPress secara manual dan otomatis. Jika WordPress Anda sudah dipasangi terlalu banyak plugin, Anda bisa menggunakan cara pertama. Meskipun agak rumit dan memakan waktu lama, cara pertama bisa dicoba kalau Anda tidak mau membebani WordPress dengan plugin tambahan.<\/p>\n Jika Anda menginginkan cara yang praktis dan cepat, plugin font adalah solusi yang tepat untuk Anda. Dengan menggunakan plugin seperti WP Google Font, Google Fonts for WordPress, dan Use Any Font, Anda bisa menambahkan font custom di WordPress tanpa melakukan coding.<\/p>\n Jadi, cara mengganti font WordPress mana yang akan Anda pilih? Apa pun cara yang Anda pilih, selalu ingat untuk memilih font yang mudah dibaca oleh pembaca. Dengan begitu pembaca akan semakin nyaman berada lebih lama di website atau blog Anda. Selamat mencoba!<\/p>\n","protected":false},"excerpt":{"rendered":" Membuat blog atau website yang unik dan berbeda dari website\/blog lainnya adalah keinginan semua orang. Setiap blogger dan pemilik website berusaha sebaik mungkin untuk membuat website atau blognya lebih menonjol dari yang lain. Salah satu dari sekian banyak komponen website atau blog yang bisa Anda modifikasi adalah font. Font yang unik bisa menjadi identitas website […]<\/p>\n","protected":false},"author":1,"featured_media":6077,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,8,10],"tags":[4,13,6,7,9],"class_list":["post-5292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","category-website","category-wordpress","tag-plugin","tag-tema","tag-tutorial","tag-website","tag-wordpress"],"yoast_head":"\n2. Ekstrak Font WordPress<\/strong><\/span><\/h3>\n
3. Convert Format Font (Opsional)<\/strong><\/span><\/h3>\n
4. Upload Font Menggunakan FTP<\/strong><\/span><\/h3>\n
5. Buka Dashboard WordPress<\/strong><\/span><\/h3>\n
@font-face {\r\nfont-family: Aguafina Script-Regular;\r\nsrc: url(https:\/\/pediaon.com\/wp-content\/themes\/twentyseventeen\/fonts\/AguafinaScript-Regular.ttf);\r\nfont-weight: normal;\r\n}<\/code><\/pre>\n6. Update File<\/strong><\/span><\/h3>\n
7. Tentukan Penerapan Font<\/strong><\/span><\/h3>\n
.site-title { \r\n font-family: \"Aguafina Script-Regular\", Arial, sans-serif; \r\n }<\/code><\/pre>\nCara Mengganti Font di WordPress Menggunakan Plugin<\/strong><\/span><\/h2>\n
1.\u00a0<\/strong>WP Google Fonts<\/strong><\/a><\/span><\/h3>\n
2.\u00a0<\/strong>Google Fonts for WordPress<\/strong><\/a><\/span><\/h3>\n
3.\u00a0<\/strong>Use Any Font<\/strong><\/a><\/span><\/h3>\n
Kesimpulan<\/strong><\/span><\/h2>\n