HomeBlogTutorialMengganti Favicon di CMS WordPress

Mengganti Favicon di CMS WordPress

Pernahkah kamu memperhatikan logo kecil yang ada di tab browser ketika membuka sebuah situs? Misal facebook.com pasti memilikinya.

Logo yang website yang berada di tab browser tersebut dinamakan Favicon. Favicon merupakan icon kecil yang jadi identitas dari sebuah website. Tampilannya berada pada lokasi tab browser yang kami buka, berbeda dengan logo website yang letaknya biasanya berada pada bagian menu atas halaman yang memiliki ukuran yang berbeda-beda.

Jika kamu memiliki website namun sampai saat ini masih belum ada faviconnya kami mempunyai solusi untuk masalah ini. Silahkan baca artikel ini sampai selesai, karena kami akan memberikan kamu bagaimana cara mengganti favicon di website kamu yang menggunakan CMS WordPress.

Mengapa Sebuah Website Membutuhkan Favicon?

Favicon merupakan identitas sebuah website, jadi website kamu pastinya butuh favicon untuk identitasnya yang akan membedakannya dengan web lain.

Pengguna yang melakukan browsing pasti sangat sering melihat tab browser apa lagi yang membuka banyak tab secara bersamaan. Nah, favicon ini yang akan menjadi pembeda dari tiap website yang dibuka, biasanya jika banyak tab dibuka tulisan nama websitenya tidak muncul, hanya faviconnya saja.

Berikut ini adalah beberapa alasan mengapa website kami membutuhkan kehadiran Favicon

Perkuat branding

Umumnya, pengunjung website pasti akan menyadari penggunaan logo yang ada di website, apalagi yang membuka banyak tab.

Dengan tambahan favicon pada website kamu, branding kamu pasti akan semakin kuat dan lebih diingat oleh pengunjung. Terlebih bagi pengunjung yang suka membuka banyak tab di browser. Dengan favicon pastinya pengunjung akan dengan mudah mengenali logo web kamu.

Contohnya kamu membuka sosial media, lalu melakukan browsing di mesin pencari dan membuka blog secara bersamaan. Tiap favicon di tab browser kamu pasti berbeda misal facebook dengan favicon berwarna biru putihnya. Pastinya butuh waktu untuk melakukan branding melalui proses ini.

Membangun kepercayaan

Walaupun ukuran favicon kecil namun rasa kepercayaan bisa dibangun melalui komponen kecil ini. Mengapa bisa begitu? Karena jika kamu melihat website yang profesional pastinya memiliki favicon, sementara jika kamu tidak memilikinya pastinya akan janggal.

Hal ini akan sangat memberikan dampak penilaian pengguna jika website yang kamu punyai memiliki tujuan untuk bisnis ataupun berjualan online, keberadaan favicon menjadi hal yang wajib.

Mobile experience

Kebiasaan membuka banyak tab biasanya dilakukan tak hanya pengguna desktop namun juga oleh pengguna smartphone. Nah, dengan adanya favicon akan sangat membantu pengguna smartphone dalam berpindah tab, karena biasanya tulisan yang ada di tab terlalu kecil atau bahkan terpotong karena kendala kecilnya tampilan.

Cara Membuat Favicon di CMS WordPress

Teruntuk kamu yang masih belum tahu, favicon memiliki faormat .ico yang memiliki bentuk bidang persegi serta ukurannya adalah 512p x 512p.

Apabila kamu telah mempunyai gambar logo website, kamu bisa melakukan resize gambar sesuai dengan ukuran rekomendasi, yaitu 512p x 512p.

Jika belum punya, silahkan membuat desain logo website dengan software pengolah gambar yang kamu kuasai bisa lewat Photoshop ataupun Corel dan sejenisnya.

Simpanlah gambar kamu dengan format .ico atau lakukan konversi gambar melalui aplikasi Favicon.io, favicon-generaror.org atau situs sejenis.

Apakah file gambar favicon kamu sudah siap untuk digunakan? Ayo kita lanjutkan untuk cara pemasangannya di WordPress!

Cara Mengganti Favicon di CMS WordPress

Berikutnya adalah cara mengganti Favicon di CMS WordPress. Mengganti favicon di WordPress sebenarnya bisa dilakukan dengan beberapa cara. Kamu bisa mencoba salah satu cara yang kami sajikan untuk mengganti favicon.

Berikut adalah cara mengganti favicon di wordpress:

Cara Mengganti Favicon WordPress Otomatis

Apabila kamu pengguna CMS WordPress, kamu bisa melakukan oenggantian favicon secara otomatis dengan cara mengupload file dengan nama favicon.ico.

CMS WordPress akan secara otomatis mengenali file favicon.ico tersebut dan akan langsung menjadikannya favicon website.

Untuk langkah-langkahnya kamu bisa lihat  berikut ini:

  • Pastikan kamu telah menyiapkan gambar persegi dengan dimensi 1:1 serta berukuran 512px x 512px dengan format gambar seperti jpeg, jpg atau png.
  • Jika sudah mempunyai file gambar, kemudian lakukan konversi gambar tersebut dengan format .ico, gunakanlah aplikasi konverter yang ada di website agar lebih mudah.
  • Jika  kamu telah mendownload file hasil konversi, kemudian ganti nama file menjadi favicon.ico, browser kamu akan bisa mengenali nama file tersebut.
  • Selanjutnya  upload file tersebut ke direktori website WordPress kamu, bisa melalui Media > Add New.

Jika kamu telah melakukan langkah diatas, coba cek apakah sudah berhasil atau belum.

Cara Mengganti Favicon WordPress tanpa Plugin

Selanjutnya adalah cara kedua untuk mengganti favicon di WordPress. Silahkan gunakan fitue WordPress customizer. Fitur ini hanya ada di WordPress versi 4.3 ke atas.

Berikut langkah-langkah cara menggantinya:

  • Masuk login ke aku WordPress kamu.
  • Jika kamu telah masuk pergis ke menu Appearance > Customize.
  • Setelah itu pilih menu Site Identity.
  • Setelah di menu Identity, gulir ke bawah dan pilih menu Site Icon, lali pilih file favicon dengan ukuran yang direkomendasikan.
  • Kemudia  Select Image dan Upload, tunggu prosesnya sampai selesai.
  • Kamu jangan lupa untuk menyimpan perubahan yang telah dilakukan dengan menekan tombol “Publish” pada bagian atas themes WordPress.

Sudah melakukan langkah diatas? Silahkan cek apakah favicon kamu sudah berganti apa belum.

Cara Mengganti Favicon WordPress dengan Plugin

Jika kamu masih mengalami kendala dan favicon masih saja tidak muncul kamu bisa gunakan opsis terakhir ini.

Cara ini menggunakan plugin di WordPress, kami merekomendasikan  untuk menggunakan plugin Favicon RealFaviconGenerator. Plugin ini telah digunakan oleh 200 ribu lebih pengguna untuk mengganti favicon.

Berikut langkah-langkahnya:

  • Silahkan kamu melakukan login ke website WordPress kamu.
  • Jika kamu telah masuk silahkan pergi ke bagian menu Plugin > Add New lalu tuliskan pada  kotak pencarian “Favicon”.
  • Apabila telah muncul Favicon by RealFaviconGenerator,  Install plugin tersebut lalu pilih Activate.
  • Setelah itu kembalilah lagi ke dashboard WordPress, pergi ke bagian menu Appearance dan pilih menu baru “Favicon”.
  • Pilih bagian menu “Select from the Media Library” lalu pilih gambar yang akan kamu gunakan sebagai favicon.
  • Bila telah ketemu gambar yang diinginkan, pilih tombol “Generate Favicon” lalu tunggu prosesnya, jika sudah yakin benar,  lanjutkan dengan “Continue with this picture”.
  • Gulir ke bawah dan pilih “Generate your Favicons and HTML code”.
  • Mengganti Favicon dengan Plugin pun selesai.

Coba cek, apakah tampilan favicon website kamu telah berubah atau belum.

Leave a Reply

Your email address will not be published. Required fields are marked *