Cara Membuat Ikon Situs untuk Situs WordPress Anda
Diterbitkan: 2022-08-19Sebagian besar pakar branding atau pemasaran senang berbagi pemikiran mereka tentang visibilitas. Secara sederhana, Anda dapat mengatakan bahwa elemen pengguna yang digunakan di situs web Anda harus mencerminkan pemikiran Anda. Tugas pembuatan ikon situs tidak boleh dipertimbangkan untuk situs WordPress Anda.
Namun kini tugas membuat ikon situs dan mengunggahnya ke situs WordPress Anda menjadi lebih mudah. Namun, ada begitu banyak metode berbeda untuk menyederhanakan tugas ini
Di internet, Anda akan menemukan sejumlah cara untuk memungkinkan tugas ini dengan anggaran, keahlian, dan waktu yang minimal.
Di blog ini, kita akan mempelajari beberapa metode untuk mendesain ikon situs untuk situs WordPress Anda. Pertama-tama, pahami mengapa Anda perlu membuat ikon situs untuk WordPress . Bersamaan dengan ini, kita akan mempelajari beberapa fakta yang perlu Anda pertimbangkan saat membuat ikon situs.
Apa yang Anda maksud dengan Ikon Situs dan mengapa penting untuk memilikinya di situs WordPress Anda?
Anda mungkin sering melihat ikon situs. Tetapi Anda belum mengenali bahwa ini adalah ikon situs. Faktanya adalah sekarang Anda juga dapat melihat ikon situs di sisi kiri atas jendela browser Anda.
Ikon situs dianggap sebagai ikon kecil penting yang ditampilkan di halaman hasil mesin pencari atau di samping tab halaman di browser Anda.
Namun, Anda dapat membuat ikon situs Anda sendiri yang menentukan merek Anda.
Ketika kita berbicara tentang branding situs web Anda, maka penting bahwa situs web Anda harus dapat mengesankan pengunjung Anda pada pandangan pertama.
Pelanggan baru akan dapat mempercayai merek Anda jika terlihat hebat dan profesional. Dan ikon situs dapat membantu Anda mendapatkan kepercayaan dan mengesankan pengunjung Anda hanya pada kesan pertama.
Sebenarnya, strategi branding yang tidak lengkap akan tergantung pada bagaimana ikon situs Anda nantinya. Namun, jika Anda adalah pengguna potensial yang menjelajahi situs web Anda untuk waktu yang lebih lama, itu akan meninggalkan dampak positif serta akan meningkatkan visibilitas situs web.
3 langkah sederhana untuk membuat ikon situs situs web Anda
Dalam tugas ini, dua skenario berbeda yang terlibat perlu dipertimbangkan. Yang pertama adalah Anda perlu membuat ikon situs. Kemudian Anda harus mengunggah ikon situs yang dibuat ke situs WordPress Anda.
Tiga langkah dasar untuk membuat ikon situs untuk WordPress adalah
- Pilih ukuran ikon yang tepat
- Saat mendesain ikon situs, ikuti beberapa praktik optimal
- Untuk pekerjaan itu, pilih alat yang sempurna
Setelah ini, kita akan mempelajari beberapa tiga langkah dasar untuk mengunggah ikon:
- Manfaatkan fungsionalitas WordPress yang sudah jadi
- Untuk mengunggah ikon, gunakan plugin
- Untuk mengunggah ikon situs, tulis kode
Sekarang mari kita lihat semua langkah ini secara detail
Langkah 1: Untuk ikon situs Anda pilih ukuran yang tepat
Yang paling penting adalah ukuran ikon situs Anda. Ya, memang benar bahwa ukuran file tersebut sebenarnya kecil tetapi Anda perlu memeriksa berbagai dimensi yang terlibat dalam ikon ini. Ini penting untuk dipertimbangkan karena setiap platform memiliki persyaratan ikon situs yang berbeda.
Anda akan menemukan bahwa beberapa browser mendukung file .ico 32*32 piksel. Ukuran ukuran ikon ini dikenal sebagai ukuran standar.
Namun dalam praktiknya, Anda harus menggunakan file .png yang berukuran 512* 512-piksel. Sebagian besar file .png digunakan karena hampir setiap browser default memiliki ukuran ini untuk ikon situs.
Langkah 2: Pastikan Anda memanfaatkan praktik optimal untuk desain ikon situs Anda
Daripada memilih opsi sederhana, kami menyarankan Anda untuk fokus pada pencitraan merek yang optimal dan bekerja pada ikon situs khusus.
Dengan menggunakan logo yang ada, Anda tidak dapat memberi merek pada situs web Anda. Namun, Anda harus mengikuti beberapa tren untuk membuat ikon situs untuk WordPress.
- Pilih satu atau dua warna sederhana untuk ikon situs Anda untuk memastikannya terlihat konsisten dan terlihat jelas.
- Minimalkan logo Anda
- Manfaatkan beberapa kecerahan untuk fokus pada aspek utama ikon situs Anda.
Mari kita lihat contoh dunia nyata. Lihat ikon situs Tema SKT. Itu menggunakan warna oranye yang memberikan kontras tinggi dan lebih fokus pada logo situs webnya.
Ini semua yang Anda butuhkan. Seiring dengan branding elemen lain, ini memberikan konsistensi dan visibilitas dan memastikannya terlihat di tab layar browser.
Langkah 3: untuk membuat ikon situs Anda, pilih alat yang benar
Setelah Anda menyelesaikan ukuran dan desain ikon situs Anda untuk membuatnya, langkah selanjutnya adalah memilih alat yang tepat. Seperti yang kami sebutkan di atas bahwa Anda akan menemukan sejumlah cara untuk membuat ikon situs untuk WordPress di WordPress.
Tetapi jika Anda tahu cara menggunakan CANVA maka Anda memiliki cara paling ideal untuk membuat ikon situs. Anda akan menemukan beberapa opsi alternatif selain CANVA. salah satu alternatif terbaik adalah designBold .
Alternatif lain untuk membuat ikon situs hanya teks dengan sangat cepat adalah https://favicon.io/favicon-generator/. Alat ini juga akan membantu Anda mengunduh ikon situs dengan berbagai ukuran.
Jangan lupa bahwa penting untuk menyimpan ikon situs Anda di antara file .PNG nontransparan 8- atau 24-bit. Ini adalah format yang paling optimal. Namun, favicon.io akan membantu Anda mewujudkannya.
3 berbagai metode untuk mengunggah ikon situs di situs web Anda adalah:
Di WordPress, Anda akan menemukan berbagai metode mengunggah ikon situs. Di bawah ini Anda akan menemukan cara terbaik untuk mengunggah ikon situs.
1. Manfaatkan fungsionalitas bawaan WordPress
WordPress menyediakan cara terbaik dan cara termudah untuk mengunggah ikon situs di situs web WordPress Anda
Jika Anda mencari pendekatan yang paling sederhana dan tercepat maka Anda harus memilih opsi ini.
Langkah 1: Di WordPress, akses layar identitas situs web Anda
Untuk ini, pertama-tama Anda harus masuk ke WordPress melalui dasbor WordPress. Sekarang pergi ke panel opsi tema. Tema premium terdiri dari begitu banyak pilihan.
Pertimbangkan contoh bahwa Anda akan menggunakan tema default WordPress maka Anda harus pergi ke tampilan lalu klik sesuaikan klik di layar identitas situs penyesuai.
Setelah Anda selesai sekarang, Anda perlu bergerak ke langkah lain
Langkah 2: pilih ikon situs Anda
Sekarang periksa bagian lain yaitu identitas situs untuk memilih ikon situs.
Klik 'pilih ikon situs' dan unggah file. Pastikan Anda menambahkan 'teks alternatif' untuk meningkatkan aksesibilitas.
Langkah 3: di ujung depan, periksa ikon situs Anda
Sekarang, di situs web Anda, periksa ujung depan, untuk mengetahui apakah ikon situs berhasil diunggah di situs web Anda atau tidak. Anda akan menemukan bahwa pratinjau besar dari ikon situs yang ada akan ditawarkan oleh WordPress dalam mockup browser.
Namun, Anda harus memeriksa bagaimana ikon situs Anda terlihat atau ditampilkan di browser web. Ini adalah faktor terpenting yang harus dipertimbangkan.
2. Tambahkan plugin WordPress
Untuk pemula atau orang non-teknis, solusi terbaik untuk mengunggah ikon situs adalah dengan mengintegrasikan plugin WordPress. Pelanggan yang menggunakan situs WordPress mendapatkan akses ke opsi penyesuai bawaan.
Jika Anda memiliki persyaratan khusus untuk ikon situs WordPress Anda, maka kami menyarankan pendekatan ini. Jika tidak, Anda harus mengunggah ikon situs dengan bantuan opsi tema.
Langkah1: Pilih plugin yang sesuai
Salah satu plugin terbaik yang kami sarankan adalah Favicon dari RealFaviconGenerator
Salah satu situs web paling populer yang membantu Anda menghasilkan favicon adalah RealFaviconGenerator.net. Namun, Favicon oleh RealFaviconGenerator adalah versi plugin populer dari RealFaviconGenerator.net.
Plugin ini akan menghasilkan ikon situs yang berbeda hanya dari satu gambar dan ikon situs akan disimpan di perpustakaan media.
Langkah2: Unggah ikon situs berukuran penuh
Setelah Anda menginstal dan mengaktifkan plugin, langkah selanjutnya adalah login ke dashboard WordPress dan klik pada tampilan dan klik pada panel favicon. Di sini Anda akan menemukan banyak opsi penyesuaian yang tidak akan terasa rumit.
Anda akan menemukan beberapa kata yang membingungkan tetapi jangan khawatir Anda hanya perlu mengunggah file dari perpustakaan media. Di sini Anda perlu menambahkan teks alt jangan lupa untuk menambahkannya.
Sekarang untuk memulai, klik tombol biru yang bertuliskan 'hasilkan favicon' dan sekarang lompat ke langkah lain.
Langkah 3: Unduh ikon situs
Setelah Anda mengunggah file, plugin akan mulai menghasilkan ikon situs. Anda akan menemukan bahwa plugin akan mengonversi versi situs pengembang ke versi aplikasi web. Di sini Anda akan menemukan ikon situs dari berbagai situs untuk berbagai dimensi dan platform.
Dari sini Anda dapat memilih beberapa opsi khusus platform yang termasuk dalam presentasi ikon dan desain situs Anda.
Sekarang Anda perlu mengklik 'hasilkan favicon dan kode HTML Anda'. Sekarang Anda akan menemukan betapa ajaibnya plugin Anda akan mulai bekerja.
Anda sekarang akan menemukan opsi untuk melihat pratinjau ikon situs Anda di dasbor WordPress.
Posting Terkait: Panduan Cepat untuk Menambahkan Favicon ke Situs WordPress Anda
3. Untuk menampilkan ikon situs Anda, bekerja dengan kode
Langkah terakhir yang ingin kami sarankan pada dasarnya adalah solusi usang untuk rata-rata pengguna. Tetapi Anda dapat menggunakan kode untuk menampilkan ikon situs untuk memenuhi setiap jenis persyaratan. Opsi ini juga merupakan alternatif yang lebih baik jika Anda membuat tema khusus.
Langkah 1: Menggunakan protokol transfer file, Anda dapat mengakses server situs web WordPress Anda
Untuk mengikuti pendekatan ini, Anda harus memiliki akses ke server melalui FTP. Selain itu, Anda akan memerlukan pengetahuan dasar tentang pengkodean karena kami akan mengerjakan file inti WordPress, kami sarankan Anda menggunakan tema anak.
Anda dapat masuk ke server, setelah Anda memiliki akses ke semua hal ini. Anda bisa mendapatkan akses ke kredensial Anda melalui panel kontrol hosting.
Jika Anda bertanya-tanya di mana Anda dapat menemukan semua kredensial ini, maka Anda dapat terhubung dengan saluran dukungan host.
Langkah 2: Ke situs WordPress Anda, unggah ikon situs
Saat Anda masuk ke server, Anda akan diperlihatkan daftar direktori situs web Anda oleh klien FTP.
Di sini unggah file ikon situs ke direktori root dan folder tema utama situs web Anda.
Sekarang Anda hampir selesai. Sekarang langkah terakhir adalah mengkodekan ikon situs Anda di WordPress.
Langkah 3: Ke header WordPress Anda, tambahkan kode
Ini adalah langkah terakhir dan terakhir kali Anda akan login ke dashboard WordPress. Sekarang masuk ke tampilan lalu klik pada halaman editor tema:
Satu popup dialog peringatan akan dibuat saat Anda mencoba mengakses halaman. Sebelum mengklik saya mengerti untuk memastikan Anda telah membaca semua konten.
Sekarang akan ditampilkan kode yang dapat diedit dengan mudah. Di sini pilih tema dari opsi menu drag drop. Sekarang di sini cari baris kode yang mengatakan
Sekarang kode yang disebutkan di bawah ini tambahkan di antara
<kepala>
tag
<link rel="ikon pintasan" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
Sekarang klik tombol perbarui file.
Kesimpulan:
Langkah-langkah dasar untuk membuat ikon situs untuk WordPress disebutkan di blog ini.