Cara Menambahkan Favicon ke WordPress

WordPress menguasai lebih dari 40% web. Ikuti panduan modern tahun 2026 ini untuk memastikan favicon WordPress Anda ditampilkan dengan benar di tab browser dan layar beranda seluler.

Menambahkan favicon ke WordPress ditangani melalui fitur Ikon Situs bawaan WordPress. Biasanya Anda tidak perlu membuat file favicon.ico, mengedit file tema, atau menginstal plugin favicon. Di WordPress, favicon disebut Ikon Situs. Anda dapat menambahkannya dari Pengaturan Umum di WordPress 6.5 dan yang lebih baru. Versi WordPress yang lebih lama menggunakan Customizer, sedangkan tema blok juga dapat mengelola ikon melalui blok Logo Situs.

Sebelum memulai, siapkan gambar persegi berukuran minimal 512×512 piksel. WordPress merekomendasikan PNG untuk Ikon Situs.

Apa itu Favicon WordPress?

Favicon adalah gambar kecil yang diasosiasikan dengan sebuah situs web. Browser dapat menampilkannya di samping judul halaman di tab browser, bookmark, bilah alamat, riwayat browser, dan antarmuka browser lainnya. Itu juga dapat digunakan sebagai ikon aplikasi di beberapa perangkat. WordPress menyebut gambar ini sebagai Ikon Situs.

Ikon Situs dan Logo Situs belum tentu sama:

  • Ikon Situs: Ikon kecil yang digunakan untuk mengidentifikasi situs web Anda di antarmuka browser dan lokasi lain yang didukung.
  • Logo Situs: Citra merek yang lebih besar ditampilkan sebagai bagian dari desain situs web Anda, seperti di header.

Anda dapat menggunakan gambar yang sama untuk keduanya, namun Anda tidak harus melakukannya. WordPress secara khusus mendukung penggunaan gambar Logo Situs sebagai Ikon Situs dalam tema blok.

Apa yang Harus Anda Persiapkan Sebelum Menambahkan Favicon ke WordPress?

Siapkan gambar sebelum membuka pengaturan WordPress Anda.

  • Gunakan gambar persegi: WordPress mengharuskan gambar Ikon Situs berbentuk persegi dan setidaknya berukuran 512 × 512 piksel. Kanvas persegi juga masuk akal secara visual karena browser menampilkan favicon sebagai ikon persegi kecil.
  • Gunakan PNG jika memungkinkan: WordPress merekomendasikan PNG untuk Ikon Situs. PNG berfungsi sangat baik untuk logo, simbol, inisial, dan grafik yang memerlukan tepian atau transparansi yang bersih.
  • Jaga agar desainnya tetap sederhana: Favicon ditampilkan dalam ukuran yang sangat kecil. Logo mendetail mungkin terlihat bagus pada resolusi 500 piksel, namun menjadi tidak terbaca jika direduksi menjadi ikon browser. Hindari teks panjang, huruf kecil, garis tipis, ilustrasi rumit, dan terlalu banyak elemen visual. Simbol sederhana, inisial, atau tanda merek yang dapat dikenali biasanya berfungsi lebih baik.
  • Gunakan kontras yang kuat: Pastikan elemen utama ikon tetap terlihat dengan latar belakangnya. Misalnya, teks gelap dengan latar belakang gelap bisa menjadi sulit dikenali saat ikon diperkecil.
  • Mulailah dengan gambar berkualitas tinggi: Jangan memperbesar gambar yang sangat kecil dan berharap gambar tersebut menghasilkan favicon yang tajam. Mulailah dengan karya seni yang bersih dan kemudian siapkan versi persegi yang Anda perlukan untuk WordPress.
  • Jangan berasumsi Logo Situs Anda otomatis menjadi favicon terbaik: Logo bisnis lengkap mungkin berfungsi dengan baik di header situs web, tetapi buruk jika digunakan sebagai favicon. Misalnya, logo horizontal yang berisi simbol ditambah nama perusahaan yang panjang mungkin tidak terbaca jika diperkecil. Jika demikian, gunakan simbol atau monogram pendek.

Bagaimana Anda Menambahkan Favicon ke WordPress?

Untuk WordPress 6.5 dan yang lebih baru, WordPress memindahkan pengaturan Ikon Situs ke Pengaturan Umum. Ini adalah metode utama yang digunakan pada instalasi WordPress saat ini.

  1. Masuk ke dasbor WordPress Anda: Buka area admin WordPress Anda dan masuk. Anda memerlukan akses tingkat administrator atau izin yang memadai untuk mengubah pengaturan situs.
  2. Buka Pengaturan Umum: Dari dashboard WordPress, buka Pengaturan → Umum.
  3. Temukan pengaturan Ikon Situs: Cari bagian Ikon Situs. Anda akan melihat opsi berlabel Pilih Ikon Situs.
  4. Unggah atau pilih favicon Anda: Klik Pilih Ikon Situs. WordPress akan membiarkan Anda memilih gambar dari Perpustakaan Media Anda atau mengunggah gambar yang sudah disiapkan. Pilih gambar favicon persegi Anda (setidaknya 512 × 512 piksel, disarankan PNG).
  5. Konfirmasikan gambar: Setelah memilih gambar, periksa pratinjau dengan cermat. Pastikan gambar yang dipilih benar, bagian penting dari desain Anda terlihat, ikonnya tidak terlalu rumit, dan gambarnya berbentuk persegi. Jika gambar berisi logo dengan teks yang sangat kecil, pertimbangkan untuk menyiapkan versi sederhana sebelum menggunakannya sebagai Ikon Situs.
  6. Simpan Ikon Situs: Simpan perubahan Pengaturan Umum. Ikon Situs sekarang dikaitkan dengan situs WordPress Anda.
  7. Buka situs web langsung: Buka situs web Anda di tab browser baru. Periksa ikon di samping judul halaman. Jangan menilai hasilnya hanya dari layar admin WordPress. Ujian sebenarnya adalah situs web yang dipublikasikan di browser.

Di Mana Pengaturan Favicon di WordPress?

Lokasinya terutama bergantung pada versi WordPress dan pengaturan tema Anda.

Di Mana Pengaturan Favicon di WordPress 6.5 dan Lebih Baru?

Untuk WordPress 6.5 dan yang lebih baru, gunakan:

Admin WordPress �� Pengaturan → Umum → Ikon Situs

WordPress memindahkan Ikon Situs dari Penyesuai ke Pengaturan Umum di WordPress 6.5. Ini adalah rute standar saat ini.

Di Mana Pengaturan Favicon di Versi WordPress Lama?

Di WordPress versi 4.3 hingga 6.4, Ikon Situs dikelola melalui Penyesuai:

Admin WordPress → Penampilan → Kustomisasi → Identitas Situs → Ikon Situs

Anda kemudian memilih atau mengunggah gambar persegi berukuran minimal 512 × 512 piksel. Ini menjelaskan mengapa tutorial WordPress lama mungkin menunjukkan jalur navigasi yang berbeda. Jika dasbor Anda tidak sesuai dengan petunjuk tersebut, periksa dulu versi WordPress Anda sebelum berasumsi bahwa fitur tersebut telah hilang.

Dimanakah Setting Favicon pada Tema Blok?

Tema blok menyediakan alur kerja lain melalui Editor Situs. Blok Logo Situs mencakup a Gunakan sebagai ikon situs pilihan. Jika diaktifkan, gambar yang ditetapkan ke blok Logo Situs juga digunakan sebagai Ikon Situs. Hal ini sangat relevan ketika Anda bekerja dengan tema blok modern dan menghabiskan sebagian besar waktu Anda di dalamnya Penampilan → Editor.

Bagaimana Cara Menambahkan Favicon Dengan Tema Blok WordPress?

Tema blok dapat mengelola Ikon Situs melalui blok Logo Situs.

  1. Buka Penampilan → Editor: Dari dasbor WordPress Anda, buka Penampilan → Editor. Ini membuka Editor Situs WordPress untuk tema blok.
  2. Temukan atau tambahkan blok Logo Situs: Tema Anda mungkin sudah memiliki blok Logo Situs di headernya. Pilih itu. Jika tidak ada, tambahkan blok Logo Situs melalui penyisip blok. Dokumentasi WordPress menjelaskan bahwa blok tersebut dapat dimasukkan ke dalam templat di Editor Situs.
  3. Tambahkan gambar Anda: Pilih blok Logo Situs dan unggah gambar atau pilih salah satu dari Perpustakaan Media.
  4. Buka pengaturan blok: Dengan blok Logo Situs dipilih, buka sidebar pengaturan. Carilah Gunakan sebagai ikon situs pilihan.
  5. Aktifkan "Gunakan sebagai ikon situs": Nyalakan Gunakan sebagai ikon situs. WordPress akan menggunakan gambar itu sebagai Ikon Situs.
  6. Simpan perubahan Anda: Simpan perubahan di Editor Situs, lalu buka situs web langsung dan periksa tab browser.

Logo Situs dan Ikon Situs juga bisa berbeda. WordPress mendokumentasikan alur kerja Logo Situs di mana logo dapat digunakan untuk mengatur ikon terlebih dahulu dan kemudian Ikon Situs yang berbeda dapat dipilih setelahnya.

Bagaimana Cara Membuat Favicon untuk WordPress?

Anda memiliki beberapa cara untuk membuat gambar sebelum mengunggahnya.

Bagaimana Cara Membuat Favicon Dari Logo Anda?

Mulailah dengan logo merek Anda yang sudah ada. Jika logo sudah berupa simbol persegi sederhana, Anda mungkin hanya perlu mengubah ukuran dan mengekspornya. Jika logonya horizontal, sederhanakan terlebih dahulu. Hapus teks yang tidak perlu atau gunakan bagian logo yang paling mudah dikenali. Jangan menerjemahkan logo atau mengubah nama merek sebagai bagian dari proses pembuatan favicon. Pertahankan identitas merek asli sambil mengadaptasi karya seni ke format persegi kecil.

Bagaimana Cara Membuat Favicon Dari Inisial atau Teks?

Favicon dapat menggunakan satu atau dua huruf, bukan logo lengkap. Misalnya, perusahaan bernama North Star Digital dapat menggunakannya NS daripada mencoba memasukkan nama lengkap ke dalam ikon. Gunakan karakter yang besar dan mudah dibaca dengan kontras yang cukup.

Bagaimana Cara Mengonversi PNG Menjadi Favicon?

Jika Anda sudah memiliki gambar PNG, Anda dapat menggunakan alat konversi favicon untuk menyiapkan versi favicon. Misalnya, PNGtoFavicon.com dapat mengubah PNG yang ada menjadi karya seni favicon. Ini berguna ketika Anda sudah memiliki logo atau ikon yang sesuai namun perlu menyiapkan versi favicon sebelum mengunggahnya ke WordPress. Setelah konversi, periksa gambar yang dihasilkan dalam ukuran kecil sebelum menggunakannya sebagai Ikon Situs Anda.

Persyaratan penting WordPress masih sama: gambar harus berbentuk persegi dan setidaknya berukuran 512 × 512 piksel.

Berapa Ukuran Favicon WordPress?

WordPress mengharuskan Ikon Situs berbentuk persegi, setidaknya 512 × 512 piksel, dan merekomendasikan format PNG. Ini adalah persyaratan terdokumentasi WordPress saat ini.

Jangan bingung antara ukuran gambar yang Anda unggah dengan ukuran browser pada akhirnya menampilkan favicon. Browser dapat menampilkan ikon dengan ukuran yang jauh lebih kecil daripada gambar asli yang diunggah. Itulah mengapa memulai dengan gambar yang cukup besar dan bersih adalah hal yang penting.

Bagaimana Anda Memeriksa apakah Favicon WordPress Anda Berfungsi?

Setelah menyimpan Ikon Situs, periksa situs web langsung.

  • Periksa tab browser: Buka situs web Anda dan lihat tab browser. Ikon Situs akan muncul di samping judul halaman. Ini adalah cara termudah untuk mengonfirmasi bahwa favicon disajikan oleh situs web Anda.
  • Periksa penanda: Tandai situs web dan periksa apakah ikon muncul di samping penanda. Favicon juga dapat digunakan dalam riwayat browser dan antarmuka browser lainnya.
  • Uji situs di jendela pribadi atau penyamaran: Jika favicon lama Anda masih terlihat, buka situs web di jendela pribadi atau penyamaran. Ini memberi Anda pengujian yang lebih bersih karena sesi browser normal Anda mungkin masih menyimpan favicon sebelumnya dalam cache.
  • Uji browser lain: Buka situs web di browser kedua. Jika favicon baru muncul di sana tetapi tidak di browser utama Anda, pengaturan WordPress mungkin sudah benar dan masalah yang tersisa mungkin adalah cache browser.
  • Periksa domain langsung: Pastikan Anda mengunjungi domain terbitan yang benar. Jangan secara tidak sengaja menguji situs web pementasan, instalasi pengembangan, domain lama, atau instalasi WordPress yang berbeda.

Mengapa Favicon WordPress Saya Tidak Muncul?

Favicon yang hilang tidak otomatis berarti pengunggahan Ikon Situs gagal. Beberapa masalah berbeda dapat menyebabkan akibat yang sama.

Tembolok peramban

Masalah: Browser Anda terus menampilkan ikon sebelumnya.
Memperbaiki: Buka situs web di jendela pribadi atau penyamaran. Jika ikon baru muncul di sana, kemungkinan besar Ikon Situs berfungsi. Anda juga dapat menghapus cache browser dan memulai ulang browser.

Ikon Situs tidak disimpan

Masalah: Anda memilih gambar tetapi tidak menyimpan pengaturannya.
Memperbaiki: Kembali ke pengaturan Ikon Situs, konfirmasikan gambar yang benar telah dipilih, dan simpan perubahannya.

Anda memeriksa situs web yang salah

Masalah: Favicon tidak berubah karena Anda mengedit instalasi atau domain WordPress yang berbeda.
Memperbaiki: Konfirmasikan domain yang Anda edit dan domain yang Anda uji.

Gambar tidak memenuhi persyaratan WordPress

Masalah: Gambar tidak persegi atau berukuran di bawah 512 × 512 piksel.
Memperbaiki: Siapkan gambar persegi dengan dimensi minimal 512×512 piksel. PNG adalah format yang direkomendasikan.

Favicon telah diubah baru-baru ini

Masalah: WordPress memiliki Ikon Situs baru, namun browser masih menampilkan versi sebelumnya.
Memperbaiki: Uji di browser lain atau jendela pribadi sebelum mengubah Ikon Situs lagi.

Tema blok Anda menggunakan alur kerja Logo Situs

Masalah: Anda berharap menemukan pengaturan Ikon Situs tradisional tetapi tema Anda terutama menggunakan blok Logo Situs.
Memperbaiki: Buka Penampilan → Editor, pilih blok Logo Situs, dan centang ikon Gunakan sebagai situs.

Plugin caching menyajikan versi yang lebih lama

Masalah: Situs WordPress Anda menggunakan plugin caching yang belum membuat ulang keluaran cache-nya.
Memperbaiki: Bersihkan cache dari plugin caching lalu uji kembali situs web tersebut. (Ini hanya berlaku ketika sistem caching benar-benar digunakan.)

CDN atau cache server terlibat

Masalah: Browser terus menerima versi aset situs yang lebih lama.
Memperbaiki: Bersihkan CDN atau cache server yang relevan jika pengaturan hosting Anda menggunakannya, lalu uji lagi di jendela pribadi.

Bagaimana Cara Menghapus Cache WordPress atau Browser Setelah Mengubah Favicon?

Caching harus diperiksa hanya setelah mengonfirmasi bahwa Ikon Situs benar-benar disimpan. Gunakan urutan ini:

  1. Konfirmasikan Ikon Situs sudah benar di WordPress.
  2. Simpan kembaliannya.
  3. Bersihkan cache plugin caching WordPress Anda, jika sudah terpasang.
  4. Bersihkan cache CDN Anda, jika situs web Anda menggunakan CDN.
  5. Buka situs web di jendela pribadi atau penyamaran.
  6. Uji situs web di browser lain.
  7. Periksa favicon di tab browser.

Ini memisahkan masalah konfigurasi WordPress dari masalah caching. Jangan mengganti favicon berulang kali hanya karena browser Anda terus menampilkan gambar sebelumnya.

Bagaimana Cara Mengubah atau Mengganti Favicon WordPress?

Mengganti Ikon Situs mirip dengan menambahkannya.

Untuk WordPress 6.5 dan lebih baru

  • Masuk ke WordPress.
  • Buka Pengaturan → Umum.
  • Temukan Ikon Situs.
  • Pilih gambar lain dari Perpustakaan Media atau unggah.
  • Konfirmasikan gambar tersebut.
  • Simpan pengaturannya.
  • Buka situs web langsung dan periksa tab browser.

Dokumentasi WordPress saat ini menempatkan Ikon Situs di Pengaturan Umum untuk WordPress 6.5 dan yang lebih baru.

Untuk versi WordPress yang lebih lama

Di WordPress 4.3 hingga 6.4, gunakan Penampilan → Sesuaikan → Identitas Situs → Ikon Situs, lalu pilih gambar pengganti dan simpan perubahan Anda.

Bagaimana Cara Menghapus Favicon WordPress?

Proses penghapusan bergantung pada apakah Anda menggunakan Pengaturan Umum, Penyesuai, atau tema blok.

Hapus Ikon Situs dari WordPress saat ini

Buka kontrol Ikon Situs di bawah Pengaturan → Umum dan gunakan kontrol penghapusan atau penggantian yang tersedia yang disediakan oleh instalasi WordPress Anda. Karena antarmuka WordPress dapat bervariasi antara versi dan tema, jangan bergantung pada nama tombol tertentu dari tutorial lama.

Hapus Ikon Situs dari Penyesuai

Instalasi WordPress yang lebih lama mengelola ikon melalui Penampilan → Kustomisasi → Identitas Situs. Panel Identitas Situs berisi kontrol Ikon Situs dan memungkinkan gambar diubah atau dihapus.

Hapus Ikon Situs dari tema blok

Tema blok dapat menggunakan blok Logo Situs untuk mengontrol Ikon Situs. Buka Penampilan → Editor, pilih blok Logo Situs, dan tinjau pengaturan gambar dan Ikon Situsnya. Menghapus gambar dari blok Logo Situs dan menghapus Ikon Situs belum tentu merupakan operasi yang sama, jadi periksa pengaturan Ikon Situs itu sendiri ketika tujuan Anda secara khusus adalah untuk menghapus favicon.

Bisakah Anda Menambahkan Favicon WordPress Dengan Kode?

Ya, tetapi pengkodean biasanya tidak diperlukan. WordPress memiliki fungsionalitas Ikon Situs bawaan, jadi situs web normal harus menggunakan pengaturan bawaan daripada menambahkan markup favicon secara manual ke file tema. WordPress telah menyediakan fitur Site Icon sejak versi 4.3.

Kapan Anda Harus Menggunakan Ikon Situs Bawaan WordPress?

Gunakan opsi bawaan jika tersedia. Lebih sederhana, lebih mudah untuk dipelihara, dan menghindari modifikasi file tema yang tidak perlu.

Kapan Kode Kustom Diperlukan?

Kode khusus mungkin masuk akal untuk tema khusus atau implementasi khusus yang kontrol bawaannya tidak menyediakan perilaku yang diperlukan. Sebelum mengedit kode tema, pastikan apakah tema yang ada sudah mendukung fitur Ikon Situs. Jangan menambahkan implementasi favicon kedua hanya karena Anda tidak dapat segera menemukan pengaturannya.

Apakah Anda Membutuhkan Plugin untuk Menambahkan Favicon ke WordPress?

Tidak. Plugin favicon khusus biasanya tidak diperlukan. WordPress memiliki fungsionalitas Ikon Situs bawaan, dan dokumentasi resmi merekomendasikan untuk menggunakannya daripada membuat dan menginstal implementasi favicon.ico terpisah secara manual. Sebuah plugin mungkin relevan untuk kebutuhan khusus, tetapi menginstalnya hanya untuk menambahkan Ikon Situs standar akan menambah ketergantungan yang tidak perlu.

Kesalahan Umum Favicon WordPress yang Harus Dihindari

  • Menggunakan gambar non-persegi: WordPress mengharuskan Ikon Situs berbentuk persegi.
  • Mengunggah gambar yang lebih kecil dari 512 × 512 piksel: Siapkan ikon pada dimensi minimum yang diperlukan daripada memulai dengan gambar sumber kecil.
  • Menggunakan logo yang rumit: Logo yang detail menjadi tidak mungkin dikenali jika diperkecil menjadi ukuran favicon.
  • Membuat teks terlalu kecil: Nama dan slogan bisnis yang panjang biasanya tidak terbaca.
  • Menggunakan kontras yang buruk: Favicon dengan kontras rendah dapat hilang di antarmuka browser.
  • Dimulai dengan sumber berkualitas rendah: Gambar buram atau terkompresi berat tidak akan memberikan hasil yang bersih.
  • Lupa menyimpan: Memilih gambar tidak membantu jika pengaturan tidak disimpan.
  • Memeriksa hanya satu browser: Gunakan jendela pribadi atau browser lain saat memverifikasi favicon yang baru saja diubah.
  • Logo Situs yang Membingungkan dengan Ikon Situs: Mereka melayani tujuan yang berbeda. Logo Situs Anda muncul dalam desain situs web, sedangkan Ikon Situs digunakan sebagai ikon browser dan aplikasi kecil.
  • Mengedit kode jika tidak perlu: Gunakan fungsionalitas Ikon Situs bawaan WordPress sebelum memodifikasi file tema.
  • Dengan asumsi favicon gagal karena ikon lama tetap terlihat: Cache browser dapat membuat perubahan yang berhasil tampak tidak berhasil.

FAQ Favicon WordPress

Apa Disebut Favicon di WordPress?

WordPress menyebut favicon sebagai Ikon Situs. Ini mengidentifikasi situs web Anda di tab browser, bookmark, dan lokasi lain yang didukung.

Berapa Ukuran Favicon WordPress?

Ikon Situs harus berupa gambar persegi minimal 512 × 512 piksel. WordPress merekomendasikan PNG sebagai formatnya.

Bisakah saya menggunakan PNG sebagai Favicon WordPress?

Ya. PNG adalah format yang direkomendasikan WordPress untuk Ikon Situs.

Bisakah Saya Menggunakan Logo Saya sebagai Favicon WordPress?

Ya. Logo dapat digunakan sebagai Ikon Situs, namun tetap dapat dikenali ketika diperkecil menjadi ukuran yang sangat kecil. Logo horizontal yang rumit mungkin perlu disederhanakan menjadi simbol, monogram, atau elemen merek lain yang dapat dikenali.

Mengapa favicon WordPress saya tidak muncul?

Pertama-tama periksa apakah Ikon Situs telah disimpan dan Anda sedang menguji situs web langsung yang benar. Kemudian buka situs tersebut di jendela pribadi atau browser lain untuk mengecualikan caching favicon. Jika Anda menggunakan plugin caching atau CDN, bersihkan juga cache-nya.

Bagaimana cara mengubah favicon saya di WordPress?

Di WordPress 6.5 dan yang lebih baru, buka Pengaturan → Umum → Ikon Situs, pilih gambar baru, dan simpan perubahannya. Versi WordPress yang lebih lama menggunakan Penampilan → Kustomisasi → Identitas Situs → Ikon Situs.

Bagaimana cara menghapus favicon WordPress?

Buka kontrol Ikon Situs yang digunakan oleh versi WordPress Anda dan hapus atau ganti gambar yang dipilih menggunakan kontrol yang tersedia. Versi lama mengelolanya melalui Penampilan → Kustomisasi → Identitas Situs, sedangkan tema blok dapat mengekspos kontrol Ikon Situs melalui blok Logo Situs.

Apakah saya memerlukan plugin untuk menambahkan favicon di WordPress?

Tidak. WordPress memiliki fitur Ikon Situs bawaan, sehingga biasanya tidak diperlukan plugin.

Dimana Pengaturan Ikon Situs di WordPress 6.5?

Buka Pengaturan → Umum → Ikon Situs. WordPress memindahkan Ikon Situs ke Pengaturan Umum di versi 6.5.

Di Mana Pengaturan Ikon Situs di WordPress Versi Lama?

Untuk WordPress 4.3 hingga 6.4, gunakan Penampilan → Kustomisasi → Identitas Situs → Ikon Situs.

Bisakah Saya Menggunakan Gambar yang Sama untuk Logo dan Favicon Saya?

Ya, tapi Anda tidak perlu melakukannya. Logo Situs lengkap mungkin berisi detail yang tidak berfungsi dengan baik pada ukuran favicon. Dalam tema blok, WordPress juga mengizinkan gambar Logo Situs digunakan sebagai Ikon Situs melalui Gunakan sebagai ikon situs.

Berapa Lama Waktu yang Dibutuhkan untuk Memperbarui Favicon WordPress?

Tidak ada waktu tampilan universal yang dapat diandalkan karena browser dapat menyimpan data favicon dalam cache. Setelah menyimpan Ikon Situs, uji situs langsung di jendela browser pribadi atau browser lain. Hapus juga cache WordPress, CDN, atau server jika memungkinkan.

Cara Membuat Favicon Sebelum Diupload ke WordPress

Gunakan alur kerja ini ketika Anda belum memiliki Ikon Situs yang sesuai:

  1. Mulailah dengan logo, simbol, atau inisial Anda yang sudah ada. Jaga logo asli dan identitas merek tetap utuh.
  2. Sederhanakan karya seni agar tetap dapat dikenali saat ditampilkan dalam ukuran sangat kecil.
  3. Buat kanvas persegi.
  4. Buat gambar minimal 512 × 512 piksel.
  5. Ekspor sebagai PNG.
  6. Periksa ikon pada ukuran tampilan kecil.
  7. Ubah PNG yang ada menjadi karya seni favicon bila diperlukan.
  8. Unggah gambar yang sudah jadi ke WordPress sebagai Ikon Situs.

Kesimpulan

Untuk menambahkan favicon ke WordPress, siapkan gambar persegi minimal 512×512 piksel, lalu buka Pengaturan → Umum → Ikon Situs di WordPress 6.5 dan yang lebih baru. Pilih atau unggah gambar, simpan pengaturannya, dan periksa situs web langsung di browser. Instalasi WordPress yang lebih lama menggunakan Penampilan → Kustomisasi → Identitas Situs, sedangkan tema blok juga dapat mengelola ikon melalui blok Logo Situs. Jika favicon baru tidak segera muncul, periksa cache browser, WordPress, CDN, atau server sebelum berasumsi bahwa unggahan gagal.