Favicon singkatan dari favorites icon, yaitu ikon yang muncul di URL bar (sebelah kiri) di browser kita. Ikon ini juga muncul di daftar bookmark di browser. Contoh di bawah adalah favicon yang ada di alamat situs saya.
Image atau photo yang ada di pojok kiri di atas disebut favicon. Bagaimana cara memasang favicon di WordPress kita? Berikut langkah-langkahnya (saat saya menuliskan tips ini saya menggunakan WordPress versi 3.3):
- Siapkan image yang akan kita pasang sebagai favicon. Perhatikan, image yang akan kita gunakan harus berformat .ico atau file-file mempunyai ekstensi .ico. Banyak situs yang menyediakan file-file dengan extensi .ico seperti http://www.favicon.co.uk dan yang lainnya dengan mudah bisa di-googling.
- Namun jangan khawatir, apabila kita ingin menggunakan image yang kita punyai sendiri misalnya photo kita seperti contoh yang saya gunakan pada alamat situs saya di atas, ada beberapa situs yang bisa merubah image kita tadi menjadi file favicon. Misalnya apabila anda menggunakan situs http://favicon.htmlkit.com/favicon/ untuk merubah file image menjadi file favicon. Klik “Browse” dan pilih image yang akan kita gunakan sebagai favicon kemudian klik Generate. Favicon siap digunakan
- Unggah file favicon.ico tersebut di folder themes WordPress kita yang kita gunakaan saat ini misalnya di wp-content/themes/theme-yang-digunakan. Saya menggunakan program FTP FileZilla untuk menggunggah atau mengunduh file karena lebih mudah dan interaktif, misalnya kita bisa langsung mengedit file tersebut langsung dari FileZilla
- Dari program file FileZilla tadi, masih di direktori wp-content/themes/theme-yang-digunakan, cari file header.php. Kemudian tambahkan kode berikut ini tepat di bawah tag </head>. Saya menggunakan program Notepad++ untuk membuka dan mengedit file header.php. Kemudian simpan
- Unggah lagi satu file favicon.ico yang sama di direktori utama situs kita di bawah direktori public_html
- Untuk mengecek apakah favicon yang baru saja kita pasang tersebut valid atau tidak, kita bisa menggunakan situ berikut untuk membantu kita memvalidasi http://www.htmlkit.com/go/favicon/validator/
- Bersihkan cache di browser kita dan tutup browser tadi. Ketikkan alamat blog WordPress kita di halaman browser yang baru. Dan favicon yang baru kita pasang tadi sudah muncul di pojok kiri blog WordPress kita.
Semoga informasinya bermanfaat dan selamat memasang Favicon di WordPress anda masing-masing
