Cara Mengganti Jenis Huruf / Font Judul Post WordPress

Cara Mengganti Jenis Huruf / Font Judul Post WordPress. Blogging tidak hanya identik dengan aktivitas tulis menulis, saling berkomentar dan mencari backlink. Namun kita juga kadang harus memperhatikan desain atau style dari blog kita. Desain blog / theme bisa mencakup beberapa hal seperti warna, tampilan header, jumlah kolom, sidebar, navigasi, jenis font, ukuran font dan kawan-kawannya.

Jika temen-temen termasuk narablog yang ingin lebih menonjolkan konten daripada yang lain, typography tentu menjadi perhatian utama. Aspek readibility / keterbacaan yang sering dibahas oleh mas Iskandaria harus diaplikasikan dalam blog tersebut. Anda bisa membaca tulisannya tentang readibility sebuah web disana. Semoga blog ini sedikit sudah mengaplikasikannya. Jika ada kekurangan mohon untuk dijadikan masukan.

Dulu pada awal ngeblog, saya terpaku pada explor desain blog. Gonta ganti theme, edit-edit sana sini. Rasa kurang puas selalu hinggap hingga malah melupakan mengupdate tulisan. Sampai akhirnya saya memasang theme ini dalam waktu yang cukup lama dan konsen untuk sering mengupdate kontennya.

Suatu saat rasa ketidakpuasan saya dengan desain theme ini adalah pada title postnya. Saya ingin mengganti jenis huruf / font judul post nya dengan font yang unik yang saya sukai. Pada sasat itu saya sangat suka dengan jenis font Museo dan kebetulan saya sudah memiliki file .ttf untuk font Museo tersebut.

Setelah browsing kesana kemari mencari artikel tentang bagaimana cara mengganti font judul blog / title post pada blog wordpress ini, namun berujung gagal.

Ada beberapa cara yang saya temui baik menggunakan teknik CSS, @font-face, google font maupun instal font di wordpress menggunakan plugin. Namun kesemuanya gagal saya aplikasikan jika ingin menggunakan font Museo tersebut.

Akhirnya saya menemukan plugin untuk menginstal font di judul post wordpress yaitu Plugin TTF Titles.

Cara Mengganti Jenis Huruf  Font Judul Post WordPress

Cara Mengganti Jenis Huruf Font Judul Post WordPress

 

 

Cara memasang

1. Download plugin TTF Titles, atau mode add new plugin di dasbor wp dengan seacrh “TTF Titles”

2. Upload dan aktifkan plugin TTF Title ke direktori plugin blog Anda

3. Masuk ke halaman setting plugin TTF Titles

4. Upload font kamu dalam ekstensi .ttf pada tab Fonts. Jika berhasil maka akan langsung tertampil pada daftar‚All Installed Fonts

Cara Mengganti Jenis Huruf  Font Judul Post WordPress 2

Cara Mengganti Jenis Huruf Font Judul Post WordPress 2

 

5. Kembali ke menu Styles, pilih Add New Style. Ganti Font Name dengan font yang sudah kamu upload tadi. Yang lainnya silahkan sesuaikan dengan keinginan Anda.

Cara Mengganti Jenis Huruf  Font Judul Post WordPress 3

Cara Mengganti Jenis Huruf Font Judul Post WordPress 3

6. setup font yang baru saja kamu upload dengan klik Make Default pada kolom paling kanan

7. Proses ini belum mengubah judul post blog wordpress Anda. Anda harus menyisipkan sedikit kode ke tempat yang ingin Anda ubah jenis font-nya. Untuk pembahasan kali ini saya akan mencontohkan mengganti font pada judul post, namun Anda bisa mengembangkannya sendiri

8. Bukalah file index.php

9. Cari kode <a href=”<?php the_permalink() ?>”><?php the_title(); ?></a> dan ubah menjadi‚<a href=”<?php the_permalink() ?>”><?php the_ttftitle(); ?></a> (hanya menyisipkan ttf pada the_title)

10. Simpan File dan silahkan cek perubahannya dengan mengkases blog Anda.

 

Anda bisa berkreasi untuk mengganti jenis font pada bagian yang lain dengan menambahkan kode ttf. Salah satu contoh lain adalah‚<?php get_bloginfo(‘name’); ?> menjadi‚<?php the_ttftext(get_bloginfo(‘name’)); ?>

NB : Penggunaan plugin ini menghasilkan image pada bagian yang diganti fontnya. Jika saya memasang pada judul post di file index.php. Maka akan menghasilkan image sejumlah posting kita. Perhatikan betul kapasitas hosting Anda.

Silahkan mencoba, semoga bermanfaat.

Saya menunggu ilmu dari temen yang mempunyai cara lain untuk menginstal font yang tidak menghasilkan font dalam bentuk image seperti yang dihasilkan plugin ini. Saya pernah mencoba teknik @font-face tapi tak tahu dimana letak salahnya selalu gagal. Saya sangat ingin mencobanya.