Lengkap! Cara Mudah Membuat dan Memasang Favicon di WordPress

Apa itu Favicon?

Halo, selamat datang di catatan.net!

Well, sebelum kita berdiskusi dan membahas mengenai cara membuat favicon dan memasangnya di WordPress, ada baiknya kita bahas dahulu apa sih yang dimaksud dengan favicon dan kenapa Anda diwajibkan untuk menggunakannya di website Anda?

Favicon merupakan kependekan dari favorite icon. Favicon adalah sebuah gambar ikon pada website yang berfungsi untuk menjadi identitas visual pada website. Favicon biasanya muncul di tab dan bookmark pada browser ketika Anda mengakses website tersebut.

Coba perhatikan tab browser di bawah ini ketika digunakan untuk membuka website jogjahost!

Pertanyaannya sekarang adalah mengapa Anda perlu menggunakan favicon pada blog atau website Anda? Alasannya tak lain adalah karena favicon memudahkan pengunjung untuk mengingat blog atau website Anda. Dengan adanya favicon, blog atau website Anda akan lebih mudah untuk tampil beda (unik) di antara website dan blog lain sehingga orang lain lebih mudah menemukan situs Anda.

Jika Anda mencoba untuk menggunakan WordPress, biasanya pada template yang digunakan sudah tersedia pilihan untuk menambahkan favicon blog atau site icon. Namun demikian, sebelum membahas cara memasang favicon di WordPress kita akan membahas cara membuat favicon dengan menggunakan favicon generator.

Cara Membuat Favicon Blog dan Website

Mengakses Favicon.cc

Anda bisa membuat simbol dari favicon menggunakan software pengolah gambar seperti Corel Draw atau pun Photoshop. Namun demikian, untuk mendapatka hasil yang terbaik, tentu terdapat standar ukuran favicon yang harus Anda terapkan saat pemasangan favicon di WordPress. Pertanyaannya adalah berapa favicon yang ideal? Sebaiknya Anda menggunaka gambar persegei dengan rasio 16x16 pixel agar favicon tersebut bisa tampil maksimal di browser internet.

Selain itu Anda perlu mengubah format file gambar menjadi .ico agar bisa terbaca oleh browser internet. Pertanyaannya adalah bagaimana cara mengubah gambar menjadi persegi dan berformat favicon.ico? Relax!, Anda tidak perlu khawatir karena banyak platform online yang bisa membantu Anda.

Terdapat banyak favicon generator yang dapat membantu ANda untuk mengubah gambar Anda tersebut menjadi berasio persegi dan berformat menjadi .ico. Salah satunya adalah Favicon.cc.

Melakukan Import Gambar

Hal yang dilakukan pertama kali adalah mengakses favicon.cc (untuk mengaksesnya silahkan ikuti link berikut ini : Favicon.cc.

Kemudian pilih menu “Import Image”. Kemudian Anda diharuskan untuk mengunggah gambar yang akan dijadikan favicon. Anda dapat memilih untuk mengubah dimensinya menjadi rasio persegi atau menggunakan dimensi aslinya.

Pada contoh berikut ini Kami tetap membiarkan dimensi gambar tersebut seperti aslinya.

Mendownload gambar

Yang terakhir adalah Anda melakukan proses download file favicon tersebut. Anda juga bisa melihat preview favicon sebelum mengunduhnya.

Memasang Favicon pada WordPress

Jika sebelumnya kita telah belajar cara membuat Favicon secara online maka pada section kali ini kita akan belajar cara memasang Favicon di WordPress. Hal pertama yang dilakukan adalah melakukan login ke dalam sistem WordPress kita. Jangan lupa untuk menggunakan login yang benar.

Setelah melakukan login Anda akan berada di dashboard WordPress. Setelah berada di dashboard itu, silahkan untuk memilih menu “Tampilan => Sesuaikan”.
Anda akan dialihkan ke dalam menu penyesuaian tema dengan konsep WYSIWYG (What You See Is What You Get) dimana Anda bisa mengedit tampilan WordPress secara real-time.
Kemudian silahkan memilih menu “Identitas Situs” kemudian melakukan upload file icon.ico yang akan dijadikan sebagai favicon.
Kemudian Anda harus memilih file icon.ico yang ada di file manager Anda.
Jika Anda sudah selesai, maka Favicon akan tampil seperti tampilan gambar di bawah ini.

Penutup

Meskipun favicon “hanya” gambar kecil di tab browser, favicon merupakan salah satu bagian penting pada blog atau website. Favicon membantu visitor atau pengunjung mengingat identitas blog atau website. Favicon adalah unsur penting dari brand pada website Anda.

Selamat mencoba!


Hosting Unlimited SSD

Sumber CPU dan alokasi memory lebih besar sehingga Anda lebih leluasa mengembangkan bisnis.

Promo Diskon 50%