Favicon merupakan sebuah icon/gambar kecil yang tampil di pojok kiri address bar. Ketika install joomla pertama kali maka secara default favicon di website joomla ini akan menggunakan favicon joomla, sesuai dengan favicon yang terdapat di template bawaan installasi joomla.
Apabila ingin diubah, maka bisa dilakukan dengan upload favicon.ico baru dan replace favicon.ico yang sebelumnya sudah ada di document root atau folder public_html hosting.
Apa itu Favicon
Favicon merupakan kependekan dari Favorite Icon yang bisa diartikan sebagai sebuah gambar atau icon untuk menujukkan identitas dari sebuah website. Favicon biasanya ditemukan di sitebar website terutama bagian kiri dan berukuran kecil. Anda dapat melihat contohnya seperti berikut
Favicon dapat Anda buat atau edit sesuai dengan website yang Anda pakai. Pada artikel ini kami akan fokus pada cara merubah favicon joomla. Untuk joomla yang kami gunakan adalah versi latest atau terbaru yaitu Joomla 4.2.3. Silahkan menyimak informasi langkah-langkahnya.
Baca juga artikel Favicon: Arti, Fungsi, hingga Cara Menambahkannya di Website
Merubah Favicon Joomla
1. Siapkan file gambar dengan ekstensi .ico berukuran 16 x 16 piksel dan beri nama favicon.ico . Untuk membuat favicon dapat menggunakan image converter yang bisa dengan mudah dicari di internet. Anda juga bisa membuat sendiri menggunakan tool online untuk generate favicon misalnya tool dari website favicongenerator.com dan mendownload hasilnya ke komputer.
2. Setelah itu login ke cPanel hosting Anda. Masuk ke menu file manager kemudian ke folder public_html
3. Sebelum menuju lokasi folder template, silahkan login dahulu ke halaman admin Joomla dengan mengakses namadomain-Anda/administator lalu masuk ke menu System > Site Template Styles untuk melihat nama template yang aktif
4. Pada panduan ini template yang aktif bernama Cassiopeia. Setelah ditemukan template aktif, silahkan kembali ke cPanel di bagian File Manager
5. Upload gambar favicon.ico yang baru ke folder template yang digunakan dan replace(hapus) favicon.ico yg lama. Pastikan upload juga di folder template yang berada di dalam folder administrator. Letak upload file favicon:
/templates/namatemplate/
dan
/administrator/template/namatemplate/. Pastikan upload file favicon.ico sesuai dengan nama templates yang Anda gunakan.
6. Setelah diupload, dapat dicoba akses website. Jika favicon yang baru belum tampil, maka bisa mencoba dengan masuk ke templates/nama-template-Anda/index.php dan perhatikan baris seperti berikut
Pada informasi gambar di atas, terdapat lokasi dimana favicon berada. Jika dari template yang kami gunakan, favicon lain bernama joomla-favicon.svg dan joomla-favicon-pinned.svg.
Untuk menemukannya, Anda dapat mencarinya di kolom pencarian dan upload file baru dengan nama yang sama dengan informasi di baris
// Browsers support SVG favicons
Setelah mendapatkan lokasi file berada, silahkan upload file gambar untuk favicon di lokasi tersebut. Jika pada templates yang kami gunakan menuju ke directory /media/system/images
7. Opsi lain jika setelah upload file favicon tambahan dan tidak kunjung berubah tampilan faviconnya, Anda dapat masuk kembali ke file index.html di folder templates Anda. Klik kanan dan pilih edit.
8. Cari baris seperti panduan nomor 6 bernama // Browsers support SVG favicons dan tambahkan tanda # di depan $this->addHeadLink. Pastikan yang ada tulisan favicon.ico jangan diberi tanda # di depannya. Contoh jelasnya seperti berikut
9. Jika sudah, silahkan mencoba refresh atau akses dari tab baru atau mode incognito atau browser lain untuk melihat hasilnya.
Demikian panduan mengganti favicon pada Joomla, semoga bisa membantu.