Cara Membuat Favicon WordPress dan Memasangnya – Ikon situs web adalah ikon persegi kecil yang mewakili situs web Anda dan biasanya ditampilkan di sebelah judul situs web pada tab browser. Ikon ini juga muncul di riwayat browser, bookmark, dan lokasi lain di mana identitas visual situs web ditampilkan.
Cara Membuat Favicon WordPress dan Memasangnya
wpbars – Pada contoh di bawah, logo ungu “H” adalah ikon favorit Hostinger, dan meskipun kecil, detail ini sangatlah penting bagi identitas online Anda. Pada artikel kali ini, kami akan membahas apa yang Anda maksud dan cara membuat ikon situs web di WordPress dan cara menambahkan ikon situs web ke situs web Anda.
Alasan Situs Perlu Memiliki Favicon
Dikutip dari hostinger, Pada dasarnya icon ini berfungsi sebagai logo website. Oleh karena itu, ketika orang mengunjungi situs Anda, mereka akan melihat logo ini di bagian tab browser. Jika situs web Anda tidak memiliki ikon situs web, itu akan memalukan karena pengunjung mungkin menganggap situs web Anda kurang kredibel.
Berikut beberapa alasan mengapa ikon ini sangat penting untuk situs web Anda:
Merek pengenalan layanan
Beberapa pengguna sering membuka banyak tab di browser mereka. Tanpa ikon, mereka hanya akan melihat halaman atau nama posting Anda di tab browser. Selain itu, jika Anda membuka lebih dari 20 tab, ukuran tab akan lebih pendek. Daqmpaknya, pengunjung akan sangat kesulitan mengidentifikasi situs yang mereka buka.
Dengan menambahkan beberapa ikon ini, visitor situs dapat lebih mudah mengidentifikasi setiap tag. Apabila ikon Anda cukup unik, visibilitas serta pengalaman pengguna situs web akan lebih baik.
Baca juga : Cara Membuat Widget Fixed
Membangun kepercayaan
Tanpa ikon situs web, kesan pertama Anda terhadap pengunjung situs web mungkin buruk. Situs web tanpa ikon identitas ini terlihat tidak profesional. Jika website Anda hanya digunakan untuk blog harian, maka ini mungkin bukan masalah besar. Namun untuk website perusahaan atau toko online, icon ini memiliki peran yang sangat penting.
Pengunjung pasti akan berdagang di situs web yang tidak profesional.
Tingkatkan pengalaman seluler
Saat ini hampir semua pengguna menggunakan smartphone untuk mengakses website. Situs responsif saja tidak cukup untuk meningkatkan pengalaman seluler, terutama di era teknologi seluler saat ini, dengan semakin populernya aplikasi web.
Pengguna dapat dengan mudah menandai situs web di ponsel cerdas mereka, sehingga mereka tidak perlu lagi mengetikkan URL.
Nah, dalam hal ini, memiliki ikon yang dirancang dengan baik dapat menguntungkan Anda dalam segala hal. Pertama, ikon dapat digunakan sebagai ikon aplikasi, dan kedua, pengguna akan mengingat ikon Anda. Oleh karena itu, mereka akan mengaitkan ikon favorit ini dengan situs web Anda untuk menyimpannya dalam memori mereka.
Cara Membuat Favicon di WordPress
Biasanya icon favoritnya adalah logo brand Anda. WordPress merekomendasikan ukuran ikon blog atau situs web 512 piksel x 512 piksel (persegi).
Anda dapat menggunakan gambar yang lebih besar, tetapi Anda mungkin diminta untuk memotongnya agar sesuai dengan persyaratan WordPress.
Untuk membuat gambar dengan ukuran persis 512 pixels x 512 pixels, Anda dapat menggunakan berbagai software editing gambar, seperti Adobe Photoshop (berbayar) dan Gimp (gratis), atau Anda juga dapat mencoba cara membuat gambar secara online. Gunakan ikon pembangun.
Kemudian, meskipun Anda dapat memilih warna latar belakang untuk ikon situs web WordPress, warna transparan terlihat lebih efektif. Anda dapat menggunakan format file .jpeg, .ico, .gif atau .png (jika Anda menggunakan latar belakang transparan, pastikan untuk menggunakan format .png).
Setelah menyiapkan gambar, gunakan salah satu metode berikut untuk menambahkannya ke situs WordPress Anda. Anda juga dapat menggunakan poin yang kami jelaskan di bawah ini untuk mengubah ikon favorit.
1. Menggunakan WordPress Customizer
Jika Anda sudah menggunakan WordPress 4.3 atau lebih tinggi, Anda dapat dengan mudah menambahkan ikon situs web WordPress melalui area manajemen. Berikut langkah-langkah untuk melakukannya:
Buka dasbor manajemen Anda
Arahkan mouse ke atas tampilan -> sesuaikan
Pilih identitas situs web
Klik “Pilih Gambar” di bawah bagian “Ikon Situs”.
Unggah gambar ikon yang Anda siapkan
Klik Publikasikan untuk menyimpan perubahan
Jika Anda mengikuti langkah-langkah ini dengan benar, sebuah ikon akan muncul di sebelah judul situs web. Untuk menambahkannya ke perangkat seluler Anda, buka situs web dari ponsel Anda dan pilih Tambahkan ke layar beranda.
Ikon favorit Anda sekarang akan muncul di layar beranda.
2. Menggunakan Plugin
Anda juga dapat menambahkan ikon ke WordPress dengan bantuan plugin RealFaviconGenerator bernama Favicon. Selain mudah digunakan, plug-in ini juga memiliki fungsi yang beragam. Berikut adalah cara menggunakan plug-in terkait untuk membuat ikon favorit:
Buka dasbor manajemen
Pilih Plugin-> Tambahkan Baru
Ketik Favicon RealFaviconGenerator di kotak pencarian
Instal dan aktifkan plugin
Setelah aktivasi, buka Appearance -> Favicon
Unggah gambar yang ingin Anda gunakan sebagai ikon favorit. Anda tidak perlu mengeditnya, karena plugin ini akan menjalankan untuk Anda. Pastikan berukuran minimal 70 x 70 piksel. Lebih baik lagi, gunakan gambar yang lebih besar dari 260 x 260 piksel
Kemudian gambar diunggah, klik Generate Favicon
kemudian, kamu akan diarahkan ke situs RealFaviconGenerator
Di situs web ini, cari serta klik opsi “Buat Favicon dan kode HTML”
Kemudian Anda akan dibawa kembali ke situs web Anda. Jika berhasil, notifikasi akan menunjukkan bahwa icon website Anda sudah siap
Periksa bagaimana ikon situs web ditampilkan di browser dan perangkat seluler.
3. Favicon secara Manual
Sebelum menjalankan ikon situs web dengan cara ini, Anda harus mengujinya terlebih dahulu dengan komputer Anda.
Akses file tema melalui klien FTP atau pengelola file
Temukan folder / wp-content / theme / your-theme
Unggah ikon situs web Anda ke folder tema. Kami merekomendasikan untuk mengunggah ikon favorit ke subfolder (mis. Aset)
Ingat file jalur ini
4. Favicon di Website secara Otomatis
Sebagian besar browser web saat ini dapat mendeteksi file favicon.ico yang terletak di direktori situs web dan segera menggunakannya. Ini adalah cara termudah untuk menambahkan ikon favorit ke situs web Anda.
Siapkan gambar persegi 1: 1 dalam format .jpeg, .bmp, .gif atau png. Sangat disarankan untuk menggunakan kotak karena terlihat paling profesional.
Konversikan gambar ke format .ico. Ada banyak alat online yang dapat Anda gunakan, tetapi dalam tutorial ini, kami menggunakan convertico.
Buka convertico dan klik tombol untuk memilih dan mengunggah file.
Untuk mengupload file ini, Anda dapat menggunakan file manager atau aplikasi FTP. Di host Linux, ini biasanya public_html. Namun, direktori tersebut mungkin berbeda, bergantung pada konfigurasi atau penyedia hosting Anda. Dalam hal ini, Anda harus menghubungi perusahaan hosting terlebih dahulu.
Setelah mengupload file favicon.ico dan file website lainnya, browser akan langsung mengenali file tersebut dan menampilkannya di browser.
5. Cara Membuat Favicon di HTML
Jika menurut Anda metode sebelumnya merepotkan, Anda dapat menggunakan gambar umum sebagai ikon favorit untuk situs web. Berikut ini adalah cara menambahkan ikon favorit di HTML:
Siapkan gambar persegi 1: 1 dalam format .jpeg, .bmp, .gif atau .png.
Unggah file ke direktori tempat situs web Anda berada. Di host Linux, ini biasanya public_html. Namun, direktori tersebut mungkin berbeda, bergantung pada konfigurasi atau penyedia hosting Anda. Kami menyarankan Anda menghubungi perusahaan hosting terlebih dahulu.
Masukkan gambar yang ingin Anda gunakan di kode situs web. Tambahkan baris berikut di antara tag <head> </ head> pada kode situs web.
