Apa cara yang tepat untuk menambahkan favicon di Wordpress tanpa plugin? [Tutup]

11

Apa cara yang tepat untuk menambahkan favicon di Wordpress tanpa plugin ?

Apakah saya hanya menempatkan file yang dipanggil favicon.icodengan ikon saya ke root situs saya?

Apakah saya juga memerlukan kode ini?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

Ada yang bilang ini kode ini:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

Dan ini untuk iPhone?

<link rel="apple-touch-icon" href="/customIcon.png" />

Adakah saran tentang perangkat lunak untuk membuatnya atau mengubahnya dari thumbnail? Dan jenis file apa yang didukung - adil .ico?

Saya melihat utas lain dengan begitu banyak metode dan saya tidak jelas tentang praktik terbaik untuk tugas sederhana ini: Bagaimana cara mengubah favicon WordPress?

favicon DreamGrowers
sumber
6
Mengapa tanpa pembatasan Plugin ?
Chip Bennett
3
Pertanyaannya mengandung terlalu banyak hal diluar topik. Tutup suara.
kaiser

Jawaban:

15

Saya biasanya meletakkan ikon di folder gambar di dalam tema saya jadi saya akan gunakan

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

diedit: untuk menambahkan ikon sentuhan apel per komentar, dan untuk mengklarifikasi bahwa jika Anda menggunakan tema anak, tetapi favicon ada di folder gambar tema induk, Anda akan menggunakan

get_template_directory_url();

jika Anda tidak menggunakan tema anak, maka keduanya akan berfungsi

Saya biasanya membuat favicons saya di sini: http://tools.dynamicdrive.com/favicon/

helgatheviking
sumber
Dalam hal tema anak, bukankah akan lebih baik untuk menggunakannya get_template_directory_uri? Dalam menjawab pertanyaan awal, saya telah menambahkan 114x114px ikon Apple seperti ini: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Ada juga banyak dokumentasi tentang menambahkan ikon dan ikon Apple di sini: github.com/h5bp/html5-boilerplate
1
Saya pikir html5bp telah pergi dari menambahkannya di header. jika Anda meletakkan ikon dengan nama yang benar di root situs, sebagian besar browser akan menemukannya secara otomatis. tetapi untuk menjawab pertanyaan Anda, tema anak versus orang tua ... sebenarnya tergantung di mana Anda menyimpan gambar favicon. get_template_directory_uri () mendapatkan url tema induk, sedangkan stylesheet_directory_uri () mendapatkan url anak JIKA itu anak-anak ATAU url induk jika itu adalah tema yang diaktifkan.
Helgatheviking
Kamu benar. Saya mendapatkan mereka berdua campur aduk ... html5bp memang menghapusnya dari header, tetapi masih ada beberapa dokumentasi yang bagus di sumbernya (kebanyakan tentang ikon Apple) mathiasbynens.be/notes/touch-icons
11

Sebenarnya, metode yang benar untuk menambahkan favicon adalah melalui Plugin , sehingga favicon yang ditambahkan tidak bergantung pada Tema . Pada dasarnya, gunakan metode @ helgatheviking, tetapi letakkan di Plugin khusus , bukan di functions.phpfile Tema Anda .

Catatan: jika Anda menggunakan domain tingkat atas, yaitu example.com, cukup masukkan favicon.icoroot dokumen, dan Anda selesai. Untuk hal lain, buat Plugin khusus .

Catatan 2: Lihat Tiket Trac # 16434 . Opsi favicon situs sedang ditambahkan ke inti, semoga versi yang satu akan mendarat di rilis 3.4 mendatang.

Chip Bennett
sumber
suatu hari saya perlu menggunakan cuplikan otto. untungnya orang tidak mengubah tema mereka setiap hari, tetapi saya setuju sepenuhnya bahwa favicons (dan jenis posting, dll) tidak boleh tergantung pada tema. menantikan ini datang ke inti.
Helgatheviking
Ini bahkan bukan "cuplikan". Anggap saja sebagai functions.phpfile Tema , dengan header phpDoc tertentu, yang hidup wp-content\plugins\some-plugin\namealih-alih masuk wp-content\themes\some-theme-name.
Chip Bennett
1

Banyak yang akan tergantung pada tema yang Anda gunakan. Jika tema menentukan favicon Anda (dengan <link>tag di header), maka Anda harus mengganti favicon.icotema untuk mengubahnya.

Tetapi jika tema Anda tidak mendefinisikan apa-apa, menempatkan favicon.icodi root situs Anda sudah cukup.

EAMann
sumber