Bagaimana cara membuat favicon di wordpress. Lalu, Apa itu favicon? Favicon adalah ikon yang berukuran kecil yang mempersentasikan website Anda dan biasanya muncul di samping judul website tab browser.
Pada dasarnya. Ikon ini berperan sebagai identitas website. Jadi, ketika pengguna atau user mengunjungi situs sobat, logo atau ikon inilah yang akan terlihat dan tampil di bagian tab browser.
Membuat favicon di wordpress
Pada umumnya, ukuran favicon blog atau website yang direkomendasikan oleh wordpress adalah 512x512px berbentuk persegi.
Ada banyak software editing gambar yang bisa Anfa gunakan, diantaranya seperti adobe photoshop atau berbayar dan Gimp (gratis).
Anda bisa menggunakan format file .jpeg, .ico, .gif, atau .png. jika menggunakan latar belakang transparant. Berikut cara dan tutorialnya.
Memasang favicon di website secara otomatis
Sebagian besar web browser saat ini bisa mendeteksi file favicon.io yang terletak di direktori website dan langsung menggunakannya.
- Siapkan gambar berdimensi persegi 1:1 dalam format .jpeg, .bmp, .gif, atau .png
- Konversikan format gambar menjadi .ico. Ada banyak tool online yang bisa Anda gunakan, pada tutorial ini saya menggunakan convertico.com
- Buka convertico.com, lalu klik tombol untuk memilih dan mengunggah file
- Gambar akan otomatis dikonversi
- Klik download untuk unduh, simpan file .ico Anda
- Lalu ganti nama file menjadi favicon.io karena browser hanya mengenali nama ini
- Unggah file ke direktori website
Cara membuat favicon di HTML
Anda bisa menggunakan gambar umum untuk membuat favicon. Berikut cara menambahkan favicon di file HTML.
- Siapkan gambar berdimensi persegi 1:1 dalam format .jpeg, .bmp, .gif, atau .png
- Unggah file ke direktori website. Pada hosting berbasis linux, direktori ini biasanya adalah
public_html. - Masukan gambar yang ingin digunakan pada kode website Anda. Tambahkan kode berikut diantara tag
<head></head>
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>Kode HTML akan terlihat seperti pada gambar dibawah ini:
Note: Pada type="image/png", ganti png dengan format gambar sobat lalu ganti favicon.jpg dengan nama file sobat.Itulah tutorial artikel kali ini mengenai bagaimana cara membuat favicon di WordPress. Semoga bermanfaat.
0 Response to "Cara Membuat Favicon di WordPress"
Post a Comment
Apa pertanyaan Anda?