Rumahweb Journal
Cara Upload Joomla Ke Hosting cPanel

Cara Merubah Favicon Joomla

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

Apa itu favicon

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

Merubah Favicon Website Pada CMS Joomla

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

Melihat Nama Templates Joomla yang Aktif

4. Pada panduan ini template yang aktif bernama Cassiopeia. Setelah ditemukan template aktif, silahkan kembali ke cPanel di bagian File Manager

Templates Aktif Joomla ditemukan

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/

Upload favicon ke lokasi templates

dan

/administrator/template/namatemplate/. Pastikan upload file favicon.ico sesuai dengan nama templates yang Anda gunakan.

Upload favicon ke lokasi administrator templates

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

Mencari lokasi favicon di folder lain

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
Mencari file favicon lain

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.

Mengedit file index templates joomla

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

menonaktifkan beberapa script index favicon joomla

9. Jika sudah, silahkan mencoba refresh atau akses dari tab baru atau mode incognito atau browser lain untuk melihat hasilnya.

favicon berhasil berubah

Demikian panduan mengganti favicon pada Joomla, semoga bisa membantu.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 4.7 / 5. Vote count: 3

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Hosting Murah

Gatot Antok Wibowo

Technical Support Rumahweb. Menyukai hal-hal baru.