Kejadian Kerangka: Favicon Change Default

Belajar beberapa metode untuk mengubah favicon default yang digunakan dalam Kejadian Kerangka Wordpress. Juga belajar bagaimana menambahkan favicon kustom baru di situs WP Anda.

A+ A-

Favicon (juga dikenal sebagai ikon shortcut) adalah gambar kecil yang Anda lihat di tab browser ketika Anda membuka sebuah situs web. Favicon mendapat namanya dari istilah "ikon favorit" karena icon ini juga akan disimpan ketika Anda menambahkan situs ke favorit Anda atau ketika Anda bookmark situs web. Banyak blogger dan webmaster menerima begitu saja dan tidak membayar perhatian terhadap menggunakan favicon yang baik. Favicon merupakan masalah penting karena menambah branding dari situs Anda. Favicon adalah visual yang akan terpatri dalam pikiran pengunjung Anda '. Hal ini juga membuat tab website Anda mudah dicari jika pengguna telah membuka puluhan situs di browser-nya.

Mereka blogger yang baru telah mulai menggunakan Genesis Kerangka di situs Web WordPress mereka, merasa sedikit membingungkan bagaimana untuk mengubah default Kejadian favicon. Biasanya favicon adalah setup dengan baris kode berikut dalam elemen HEAD website Anda:

<link href="path-to-icon-file" rel="Shortcut Icon" type="image/x-icon" />

Tapi dalam Kejadian Framework, Anda tidak mendapatkan tempat untuk mengedit file tema Anda dalam cara yang sama seperti yang Anda dapatkan di tema sederhana WordPress. Alasannya adalah bahwa Kejadian diatur sedikit berbeda. Mari kita belajar bagaimana Anda dapat mengubah Favicon pada website berbasis Genesis.

Metode 1: Ganti File Favicon yang ada melalui FTP

Ini adalah cara termudah dan saya sangat merekomendasikannya. Seperti yang Anda lihat, Genesis Framework memiliki favicon sendiri (yang, saat ini terlihat seperti [G]), semua yang perlu Anda lakukan adalah untuk mengganti icon default ini.

Buat Favicon sebuah

Sebelum, Anda dapat meng-upload favicon baru, Anda harus memiliki satu! Jadi, Anda perlu membuat satu. Kebanyakan orang ingin menggunakan logo situs web mereka sebagai favicon. Ada utilitas online yang dapat mengkonversi file logo Anda menjadi favicon (file ico). Anda dapat menggunakan Convert Icon untuk melakukannya.

Masalah dengan Konversi Logo menjadi Favicon

Sebuah favicon harus dari 16 × 16 piksel dimensi. Masalahnya adalah bahwa sebagian besar logo tidak terlihat baik dalam ukuran 16 × 16 pixel. Menyusut logo ukurannya yang kecil tersebut dapat membuat hampir dikenali. Dalam kasus tersebut, Anda akan perlu untuk membuat favicon yang sama sekali baru dan sederhana.

Untuk membuat favicon baru dari awal, Anda dapat menggunakan PhotoShop dan membuat file JPG dari 16 × 16 dimensi. Kemudian Anda dapat mengkonversi file ini ke file ICO dengan menggunakan utilitas yang disebutkan di atas.

Punya Icon? Sekarang Upload!

Nama file favicon Anda sebagai favicon.ico

Buka klien FTP Anda (bisa FileZilla, CuteFTP atau program lain pilihan Anda)

Terhubung ke server Anda dan kemudian pergi ke jalan berikut:

public_html> wp-content> Tema>-genesis-tema-nama Anda> gambar

Sekarang upload baru dibuat favicon.ico dan overwirte file exisiting.

Biola! Kamu sudah selesai!

Metode 2: Ganti Kejadian Kerangka Kode Mengubah

Meskipun metode 1 akan sesuai sebagian besar dari Anda, tetapi untuk alasan apapun, jika Anda tidak dapat membuat file ICO dan ingin menggunakan GIF atau PNG file bukan, maka Anda tidak dapat menggunakan metode 1.

Dalam skenario seperti itu, Anda dapat mengubah kode Kejadian dan menggunakan ICO lain, GIF atau PNG sebagai favicon.

Masuk ke WordPress dan pergi ke Penampilan> Editor> functions.php

Dalam file ini, tambahkan kode berikut di bagian bawah:

/** Add new custom favicon */
add_filter( 'genesis_pre_load_favicon', 'custom_favicon' );
function custom_favicon( $favicon_url ) {
    return 'http://www.techwelkin.com/images/favicon.png';
}
Langkah-langkah untuk mengubah favicon dengan memodifikasi berkas Kejadian functions.php

Langkah-langkah untuk mengubah favicon dengan memodifikasi berkas Kejadian functions.php

CATATAN: Anda harus mengubah path file yang digunakan dalam kode di atas dengan jalur file favicon Anda sendiri.

Dan akhirnya, menyimpan perubahan dengan menekan tombol Update File.

Haruskah Anda Gunakan Plugin untuk Mengubah Favicon?

Jika Anda tidak memiliki akses ke server Anda (ayolah! ... Benar-benar ?!) Anda tidak akan dapat menggunakan salah satu metode di atas. Untuk situasi tidak mungkin seperti itu, ada plugin di luar sana yang dapat upload file favicon untuk Anda. Anda dapat menggunakan Kejadian Favicon Uploader Plugin untuk ini.

Saya tidak akan merekomendasikan penggunaan metode ini, tetapi jika Anda harus menggunakannya -Anda harus uninstall plugin setelah upload dilakukan. Menggunakan dan menjaga plugin untuk tugas-tugas kecil tidak dianjurkan.

Saya berharap itu berguna untuk Anda. Silahkan bertanya jika Anda memiliki pertanyaan tentang topik ini. Aku akan senang untuk mencoba dan membantu. Terima kasih telah menggunakan TechWelkin!