Perlu mencari tahu cara menambahkan Favicon WordPress dengan mudah? Cari tahu dengan mengikuti tutorial ini
Favicon adalah ikon persegi kecil yang mewakili situs web Anda. Biasanya muncul di sebelah judul situs web di tab browser. Favicon juga muncul di riwayat browser, bookmark, dan di mana pun situs web Anda membutuhkan identitas visual.
Detail kecil ini penting untuk identitas online Anda. Kami akan membahas favicon WordPress dan cara menambahkannya ke situs WordPress Anda.
Tetapi sebelum kita mulai, jika Anda belum pernah menginstal WordPress, cari tahu Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda
Lalu kembali ke mengapa kita ada di sini.
Mengapa Menambahkan Favicon ke Situs Web Anda Penting
Favicon pada dasarnya adalah ID situs web Anda; oleh karena itu, logo Anda akan lebih mungkin muncul di sana. Mengabaikan kehadirannya di website Anda memang sebuah kesalahan.
Berikut adalah beberapa alasan mengapa favicon sangat penting untuk situs web Anda.
- Menonjol sebagai pengakuan dari marque
Sebagian besar pengguna cenderung membuka banyak tab di browser mereka. Tanpa favicon, Anda hanya dapat melihat halaman atau nama posting di tab browser. Juga, jika Anda membuka lebih dari 20 tab, mereka menjadi lebih pendek dan sulit untuk mengidentifikasi tab mana yang mewakili situs web mana.
Memiliki favicon membantu pengguna melihat setiap tab dengan lebih mudah. Jika favicon Anda menonjol, itu tidak hanya akan meningkatkan visibilitas Anda, tetapi juga Anda Pengalaman pengguna. - Membangun kepercayaan
Anda akan memberikan kesan pertama yang buruk kepada pengguna Anda jika Anda tidak memiliki favicon. Situs web tanpa favicon tidak terlihat profesional.
Jika Anda membuat situs web hanya untuk blogging harian, tidak memiliki favicon mungkin tidak relevan. Tapi, itu menjadi penting ketika Anda mengelola situs web bisnis atau toko online.
anda pengunjung tidak akan mempercayai transaksi apa pun di situs web yang tidak terlihat profesional. - Meningkatkan pengalaman seluler
Ini adalah era pengalaman seluler. Memiliki situs web yang responsif mungkin tidak cukup untuk menyenangkan pengguna seluler, terutama karena aplikasi web sedang naik daun saat ini.
Pengguna cukup mem-bookmark situs web di layar beranda ponsel mereka. Tidak ada lagi mengetik URL!
Dalam situasi ini, memiliki favicon yang dibuat dengan baik akan membantu Anda dalam dua cara berbeda. Pertama, favicon akan digunakan sebagai ikon aplikasi dan kedua, orang yang menggunakan aplikasi web Anda akan mengingat ikon Anda. Oleh karena itu, favicon Anda akan dikaitkan dengan situs web Anda.
Pembuatan favicon untuk WordPress
Biasanya favicon Anda adalah logo merek Anda. Untuk gambar, WordPress menyarankan Anda menggunakan kotak juga 512px x 512px.
Anda dapat menggunakan gambar yang lebih besar, tetapi WordPress kemungkinan besar akan meminta Anda untuk memotongnya agar sesuai dengan ukurannya.
Untuk membuat gambar dengan ukuran yang tepat 512 piksel x 512 piksel, Anda dapat menggunakan perangkat lunak pengedit gambar apa pun seperti daripada Adobe Photoshop (berbayar) dan penderita cacat (gratis) atau generator favicon
Meskipun Anda dapat memilih warna latar belakang untuk favicon WordPress Anda, transparansi lebih disukai. Anda dapat menggunakan format .jpeg,.ico, . Gif ou . Png (pastikan untuk menggunakan format . Png jika Anda menggunakan latar belakang transparan).
Setelah gambar siap, Anda dapat menambahkannya ke situs WordPress Anda menggunakan salah satu dari tiga metode berikut:
1. Menambahkan Favicon WordPress melalui Penyesuai WordPress
Dari versi WordPress 4.3, Anda cukup menambahkan favicon WordPress dari area admin Anda. Untuk melakukannya, ikuti langkah-langkah di bawah ini:
- Akses ke anda dasbor admin
- Arahkan mouse Anda ke atas Penampilan -> Sesuaikan
- memilih identitas situs web
- Klik tombol Pilih a gambar di bawah bagian Ikon situs
- Unggah favicon kamu yang sudah disiapkan
- Klik tombol Publikasikan untuk menyimpan perubahan.
Jika Anda melakukan proses dengan benar, favicon Anda akan muncul di sebelah judul situs web Anda. Untuk mengatur ini di perangkat seluler, kunjungi situs web Anda dari ponsel dan pilih Tambahkan ke layar beranda.
Favicon Anda sekarang akan muncul di layar beranda Anda.
2. Tambahkan Favicon ke situs web dengan plugin WordPress
Anda juga dapat menambahkan favicon ke WordPress menggunakan plugin bernama Favicon oleh RealFaviconGenerator. Mudah digunakan dan menawarkan lebih banyak fitur. Berikut adalah langkah-langkah yang diperlukan:
- Akses Anda dasbor admin
- Pilih Ekstensi -> Tambahkan
- jenis Favicon oleh RealFaviconGenerator di kotak pencarian
- Instal dan aktifkan WordPress Plugin
- Setelah aktivasi, buka Penampilan -> Favicon
- Unggah gambar yang ingin Anda atur sebagai favicon. Anda tidak perlu mengedit gambar Anda menggunakan perangkat lunak pengedit gambar. Plugin akan melakukannya untuk Anda. Pastikan gambar Anda memiliki ukuran minimal 70 x 70px. Bahkan lebih baik jika lebih besar dari 260 260 x px.
- Setelah Anda mengunggah gambar, tekan tombol Hasilkan favicon.
- Setelah mengklik tombol, plugin akan membawa Anda ke situs web GeneratorFavicon Nyata.
- Di situs web, temukan dan klik Hasilkan Favicons dan kode HTML Anda.
- Plugin akan membawa Anda kembali ke situs web Anda. Anda akan menerima pemberitahuan bahwa favicon Anda telah dikonfigurasi.
- Periksa seperti apa tampilan favicon Anda di browser dan perangkat seluler Anda.
3. Tambahkan Favicon WordPress secara manual ke situs web
Sebaiknya uji ini di situs web pengembangan lokal Anda sebelum ditayangkan.
- Akses file tema Anda melalui klien FTP atau pengelola file
- Temukan foldernya
/wp-content/themes/votre-theme - Unggah favicon Anda ke folder tema Anda. Disarankan untuk mengunduhnya di subfolder seperti Aktiva
- Ingat jalur file ini
- Cari file bernama functions.php dan tambahkan kode berikut:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');- Garis setelah
href="'.get_template_directory_uri()harus menjadi jalan menuju favicon Anda. Pastikan juga Anda memiliki nama file yang benar. Jika Anda menggunakan format .ico file, akan menjadi ini:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');Memiliki favicon adalah suatu keharusan! Apalagi jika pembuatannya sangat mudah. Favicon mewakili identitas situs web Anda. Ini mungkin hanya memakan sedikit ruang di situs web Anda, tetapi detail kecil ini memiliki peran khusus dalam meningkatkan pengenalan merek dan pengalaman pengguna Anda.
Sumber daya lain yang direkomendasikan
Kami juga mengundang Anda untuk berkonsultasi dengan ressources di bawah ini untuk mengambil lebih banyak kepemilikan dan kendali atas situs web dan blog Anda.
- Bagaimana menambahkan otentikasi Gmail di WordPress
- Cara menghapus tema WordPress dari situs web
- Cara mengatur beranda Anda di WordPress
- Elementor: Cara Menambahkan Efek Suara Tombol
- Cara membuat template kustom WordPress
Kesimpulan
Itu saja untuk tutorial ini yang menjelaskan cara menambahkan Favicon di WordPress. Jika Anda memiliki masalah atau saran, beri tahu kami di dalam komentar.
Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
