January 12, 2021
4min Read
Faradilla A.
January 12, 2021
4min Read
Faradilla A.
Favicon adalah ikon kotak kecil yang merepresentasikan website Anda dan biasanya muncul di samping judul website di tab browser. Favicon juga muncul di histori browser, bookmark, dan lokasi lain yang menampilkan identitas visual website. Pada contoh di bawah ini, logo ‘H’ berwarna ungu adalah favicon Hostinger.
Meskipun ukurannya kecil, detail ini sangat penting untuk identitas online Anda. Dalam artikel ini, kami akan membahas pengertian dan cara membuat favicon di situs WordPress.
Daftar Isi
Pada dasarnya, favicon berperan sebagai identitas website. Jadi, ketika orang-orang mengunjungi situs Anda, logo inilah yang nantinya mereka lihat di bagian tab browser. Akan sangat disayangkan jika situs Anda tidak memiliki favicon, karena pengunjung mungkin menganggap situs Anda kurang kredibel.
Berikut beberapa alasan mengapa favicon sangat penting untuk website Anda:
Umumnya, favicon merupakan logo merek Anda. Untuk gambar, ukuran favicon website yang direkomendasikan oleh WordPress adalah 512 piksel x 512 piksel dengan bentuk persegi.
Anda bisa menggunakan gambar yang berukuran lebih besar, tapi kemungkinan akan diminta untuk memotongnya (crop) agar sesuai dengan ketentuan ukuran favicon WordPress.
Untuk membuat gambar dengan ukuran tepat 512 piksel x 512 piksel, ada banyak sekali software editing gambar yang bisa digunakan, seperti Adobe Photoshop (berbayar) dan Gimp (gratis), atau Anda juga bisa mencoba cara membuat favicon online menggunakan generator.
Kemudian, meskipun Anda bisa memilih warna latar belakang untuk favicon WordPress, warna transparan akan terlihat jauh lebih efektif. Anda bisa menggunakan format file .jpeg, .ico, .gif, atau .png (pastikan Anda menggunakan format .png jika menggunakan latar belakang transparan).
Jika gambar sudah siap, tambahkan ke situs WordPress Anda menggunakan salah satu cara di bawah ini. Poin-poin yang kami jelaskan di bawah ini juga bisa Anda gunakan sebagai cara mengganti icon blog atau website Anda.
Jika sudah menggunakan WordPress versi 4.3 atau yang lebih baru, Anda bisa menambahkan favicon WordPress dengan mudah melalui area admin. Berikut langkah-langkah untuk melakukannya:
Jika langkah-langkah ini dilakukan dengan benar, favicon akan muncul di samping judul website Anda. Untuk menambahkan favicon ke perangkat mobile, buka website dari ponsel dan pilih Add to Homescreen.
Favicon kini akan muncul di layar utama Anda.
Anda juga bisa menambahkan favicon ke WordPress dengan bantuan plugin bernama Favicon by RealFaviconGenerator. Selain mudah digunakan, plugin ini memiliki fitur yang beragam. Berikut cara membuat favicon menggunakan plugin yang dimaksud:
Sebelum mengonlinekan favicon dengan cara ini, sebaiknya lakukan tes terlebih dahulu menggunakan komputer.
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');
Nah, jadi, favicon adalah hal yang sangat penting dan wajib untuk website Anda agar terlihat lebih kredibel dan profesional. Terlebih lagi, ada banyak cara untuk membuat favicon dan semuanya bisa dilakukan dengan sangat mudah untuk situs WordPress Anda.
Dari segi fungsi, favicon berperan untuk merepresentasikan identitas website. Meskipun hanya ditampilkan dalam ukuran kecil pada website, detail ini mampu memperkenalkan merek Anda secara lebih luas serta meningkatkan user experience agar pengunjung tidak meragukan kredibilitas website Anda. Selamat mencoba!
Ketik balasan