Cara Membuat & Menambahkan WordPress Favicon atau Ikon Situs

Apa itu Favicon? Dan Cara Menambahkan Favicons ke WordPress

Favicon, yang merupakan kependekan dari ‘ikon favorit’ juga dapat disebut sebagai ikon situs. Jika Anda melihat halaman browser Anda sekarang, kemungkinan besar akan ada sejumlah favicon yang ditampilkan. Namun, Anda mungkin tidak pernah secara sadar memperhatikan favicon, sadar akan apa mereka atau apa yang mereka lakukan. Jadi apa itu favicon dan mengapa situs WordPress Anda membutuhkannya??


Pada artikel ini, kami akan menjelaskan apa sebenarnya favicon dan bagaimana favicon itu dapat menguntungkan bisnis atau blog Anda. Kami kemudian akan melihat bagaimana Anda dapat dengan cepat dan mudah menambahkan satu ke blog WordPress Anda.

Apa itu Ikon Favicon / Situs?

Contoh Screenshot Favicon

Favicon adalah ikon yang ditampilkan pada tab peramban di sebelah judul halaman situs web. Favicon juga dapat dilihat di sebelah nama situs web dalam daftar situs yang ditandai, serta digunakan sebagai ikon aplikasi dan di WordPress ini juga dapat disebut sebagai “ikon situs” Anda.

Favicons biasanya mengambil gambar dari logo situs yang mereka wakili. Namun, mereka juga dapat berupa gambar yang ditautkan dengan branding atau gaya situs, jika ini lebih cocok. Setelah favicon dipilih, itu tidak boleh diubah, kecuali jika bisnis Anda mengalami merek-ulang. Dengan begitu, pemirsa situs web Anda menjadi terbiasa dengan favicon Anda dan mengenalinya dalam barisan tab browser.

Pentingnya Menggunakan Favicon

Pentingnya Menggunakan Favicon

Favicon adalah semua tentang pemasaran secara visual, dan menghubungkan dengan, pengunjung situs Anda. Menambahkan favicon akan memungkinkan audiens Anda secara tidak sadar dan langsung mengidentifikasi situs web WordPress Anda di lautan aplikasi atau halaman web.

Keakraban dengan favicon ini akan membantu audiens menemukan Anda dengan cepat dan mudah. Ini juga akan mengingatkan pengguna tentang keberadaan situs Anda, menghasilkan peningkatan lalu lintas dan jumlah pengunjung kembali. Terakhir, favicon akan membantu situs Anda menonjol dari pesaing Anda dan menjadikan situs Anda sebagai sumber yang memiliki reputasi baik.

Seperti yang Anda lihat, manfaat menggunakan favicon sangat besar. Jadi sekarang mari kita cari tahu bagaimana Anda bisa membuat favicon dan menambahkannya ke situs web WordPress Anda …

Membuat Favicon

Langkah pertama dalam proses favicon adalah membuat gambar yang cocok. Seperti disebutkan, favicon idealnya harus gambar yang sama dengan logo situs web Anda, sehingga pengunjung dapat langsung mengenalinya.

Namun, terkadang dengan logo yang rumit, ini dapat menyebabkan favicon yang tidak jelas atau membingungkan. Dalam hal ini Anda harus menyederhanakan logo Anda atau menggunakan gambar yang berbeda. Pastikan memilih sesuatu yang mewakili bisnis Anda dan jelas mencerminkan merek Anda.

Merancang atau Mengedit Gambar Favicon

Per WordPress Codex, gambar favicon harus berbentuk persegi dan setidaknya memiliki dimensi 512 x 512 piksel. Meskipun gambar dapat dipotong di WordPress, saya akan menyarankan mengedit gambar Anda terlebih dahulu menggunakan perangkat lunak pengeditan.

Jika Anda ingin merancang gambar baru dari awal, atau logo Anda perlu beberapa penyesuaian serius, maka yang terbaik adalah menggunakan program pengeditan profesional. Photoshop atau GIMP adalah pilihan bagus.

Menggunakan Canva

Pembuat Ikon Canva

Namun, solusi yang lebih mudah, bagi mereka yang kurang berpengalaman dalam desain, adalah menggunakan Canva. Situs web alat desain grafis gratis ini akan memungkinkan Anda untuk dengan mudah mengedit gambar dan membuatnya siap-favicon. Ubah ukuran logo Anda, atau ubah warna atau transparansi, untuk membuat gambar favicon yang akan berfungsi untuk situs Anda.

Setelah Anda puas dengan gambar yang akan Anda gunakan sebagai favicon Anda, gambar itu harus disimpan dalam format gif, png atau jpeg. Anda sekarang siap untuk mengunggah favicon Anda ke situs web WordPress Anda …

Cara Menambahkan Favicon ke Situs / Blog WordPress Anda?

Menambahkan ikon situs dulu sebaiknya diserahkan kepada pengembang web dan mereka yang memiliki pengetahuan pengkodean mendalam. Namun untungnya, setelah rilis WordPress 4.3, menambahkan favicon menjadi sangat mudah dan mudah.

Tautan Kustomisasi WordPress Langsung

Buka dasbor WordPress Anda dan di menu pilih Penampilan> Kustomisasi. Ini akan membuka penyesuai WordPress langsung dengan pratinjau beranda situs web Anda.

Pilih Identitas Situs. Di sini Anda akan melihat Judul Situs dan Ikon Situs yang ditampilkan.

Identitas Situs WordPress

Dibawah Ikon Situs Anda dapat menambah, mengubah, atau menghapus favicon Anda. Klik Pilih gambar.

Pilih Gambar Ikon Situs WordPress

WordPress Media Library Anda sekarang akan muncul di layar Anda. Pilih menu Unggah berkas tab dan kemudian drop gambar favicon Anda ke dalam kotak, atau pilih dari komputer Anda.

Kembali di Perpustakaan Media Anda, periksa gambar Anda dicentang dan kemudian klik Pilih di sudut kanan bawah. WordPress sekarang akan bertanya apakah Anda ingin memotong gambar Anda. Jika Anda sudah mengedit gambar Anda dalam program pengeditan, pilih Lewati pemotongan. Kalau tidak, potong saja.

Pratinjau Ikon Situs Penyesuai

Di penyesuai, di bawah Ikon Situs, Anda akan melihat gambar yang Anda unggah. Pilih Simpan dan Terbitkan di bagian atas penyesuai dan kemudian menyegarkan halaman. Anda sekarang dapat melihat favicon Anda di tab browser halaman web Anda.

Tampilan URL Favicon

Jika suatu saat Anda ingin mengubah favicon Anda, di bawah Ikon Situs cukup pilih Ganti gambar. Namun, seperti yang disebutkan sebelumnya, ini tidak disarankan kecuali Anda melakukan rebranding. Jika Anda terus mengubah favicon Anda, audiens Anda tidak akan dapat mengidentifikasi gambar mana yang mewakili situs web Anda ketika mereka melihat tab atau aplikasi browser mereka..

Cara Lain untuk Menambahkan Favicon ke Situs WordPress Anda

Tentu saja ada sejumlah cara lain untuk menambahkan favicon ke situs web WordPress Anda. Mari kita lihat beberapa opsi berbeda …

Favicon oleh RealFaviconGenerator

Spanduk RealFaviconGenerator

Banyak orang lebih suka menggunakan plugin untuk menambahkan fungsionalitas ke situs mereka daripada mengandalkan tema. Favicon by RealFaviconGenerator adalah plugin WordPress yang merupakan pilihan bagus jika Anda ingin menambahkan favicon ke situs web Anda.

Instal plugin ke situs WordPress Anda dan kemudian cukup arahkan dan klik untuk mengunggah gambar dan menambahkannya sebagai favicon. RealFaviconGenerator kemudian akan menghasilkan semua ikon yang Anda butuhkan untuk berbagai browser dan perangkat. Ini adalah plugin yang mudah, dan gratis untuk diunduh dan digunakan.

Mengunggah Melalui Halaman Opsi Tema Anda

Opsi Total Tema Favicon

Banyak tema baru datang dengan banyak fitur dan fungsi, sehingga cepat dan mudah bagi orang untuk membuat situs WordPress baru. Beberapa tema ini sekarang hadir dengan opsi menambahkan favicon untuk Anda. Periksa halaman Opsi tema Anda untuk melihat apakah ini fitur yang ditawarkannya. Misalnya, tema Total WordPress mencakup opsi untuk Favicon Anda (dan berbagai ukuran perangkat) di panel tema bawaan.

Menggunakan kode

Jika Anda adalah seseorang yang lebih suka kode situs web mereka maka Anda dapat mengunggah gambar favicon Anda ke direktori root situs Anda. Kode kemudian perlu ditambahkan ke file header.php Anda. Untuk informasi lebih lanjut tentang proses ini, serta rincian tentang ukuran gambar dan jenis file yang Anda butuhkan untuk menyimpannya, lihat Dokumentasi dukungan WordPress.

Pikiran terakhir

Seperti yang Anda lihat, mengunggah favicon ke situs web WordPress adalah proses yang sangat mudah. Manfaat memiliki favicon sangat mengesankan, taktik pemasaran yang memungkinkan pengguna mengidentifikasi situs Anda hanya dengan melihat gambar Anda. Jadi jadikan prioritas untuk menemukan cadangan setengah jam dalam hari Anda dan atur situs Anda dengan favicon.

Sudahkah Anda menjalankan favicon dan menjalankannya? Silakan bagikan bagaimana Anda mendapatkan komentar di bawah …

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map