Eklenti olmadan Wordpress'te favicon eklemenin doğru yolu nedir? [kapalı]

11

Eklenti olmadan Wordpress'te favicon eklemenin doğru yolu nedir ?

Sadece favicon.icositemin kök dizinine simgem ile adlandırılan bir dosyayı mı yerleştiriyorum?

Bu koda da ihtiyacım var mı?

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

Bazıları bunun bu kod olduğunu söylüyor:

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

Ve bu iPhone'lar için mi?

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

Yazılım oluşturmak veya küçük resimden dönüştürmek için herhangi bir öneriniz var mı? Ve ne tür dosyalar desteklenir - sadece .ico?

Pek çok yöntemle başka bir iş parçacığı gördüm ve bu basit görev için en iyi uygulama hakkında belirsiz: WordPress favicon nasıl değiştirilir?

favicon 
— DreamGrowers
kaynak
6
Eklenti kısıtlaması olmadan neden ?
— Chip Bennett
3
Soru, konu dışı çok fazla şey içeriyor. Yakın oylama.
— kaiser

Yanıtlar:

15

Simgeleri genellikle temamın içindeki bir resimler klasörüne koyarım.

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');

Düzenlendi: Yorum başına elma dokunma simgesini eklemek ve bir alt tema kullanıyorsanız ancak favicon'un ana temanın resim klasöründe olduğunu açıklamak için

get_template_directory_url();

Bir alt tema kullanmıyorsanız, ikisi de çalışır

Genellikle favorilerimi burada oluştururum: http://tools.dynamicdrive.com/favicon/

— helgatheviking
kaynak
Bir alt tema söz konusu olduğunda, get_template_directory_uribunun yerine kullanmak daha iyi olmaz mı? Asıl soruya cevap olarak, böyle bir 114x114px Elma simgesi ekledik: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Ayrıca burada favicons ve Apple simgeleri ekleme hakkında daha fazla dokümantasyon var: github.com/h5bp/html5-boilerplate
1
html5bp başlıkta onları eklemek uzakta kazanılmış düşünüyorum. simgeleri site köküne doğru adlarla yazarsanız, çoğu tarayıcı bunları otomatik olarak bulur. ama sorunuzu cevaplamak için, ana temaya karşı alt tema ... aslında favicon görüntüsünü nerede sakladığınıza bağlıdır. get_template_directory_uri (), ana temanın URL'sini alırken stylesheet_directory_uri (), bir çocuksa çocuğun URL'sini VEYA etkinleştirilmiş temanın ebeveyninin url'sini alır.
— helgatheviking
Haklısın. İkisini de karıştırdım ... html5bp gerçekten onları başlıktan kaldırdı, ancak hala kaynakta (çoğunlukla Apple simgeleri hakkında) bazı büyük belgeler var mathiasbynens.be/notes/touch-icons
11

Aslında, favicon eklemek için doğru yöntem bir Eklenti'dir , böylece eklenen favicon Temaya bağlı değildir . Temel olarak, @ helgatheviking'in yöntemini kullanın, ancak Temanızın dosyasından ziyade özel bir Eklentiye koyunfunctions.php .

Not: Üst düzey bir alan adı kullanıyorsanız, yani doküman köküne example.combırakın favicon.icove işiniz bitti demektir. Başka bir şey için özel bir Eklenti oluşturun .

Not 2: Bkz. Trac Bileti # 16434 . Çekirdeğe bir site favicon seçeneği ekleniyor, umarım biri 3.4 sürümünde çıkacak.

— Chip Bennett
kaynak
bu günlerden biri otto parçacığını kullanmam gerekiyor. Neyse ki insanlar günlük olarak temalarını değiştirmiyor, ancak tamamen favicons (ve yazı türleri, vb) temaya bağlı olmamalıdır katılıyorum. bu çekirdek gelmesini bekliyorum.
— helgatheviking
Gerçekten bir "snippet" bile değil. Bunu functions.php, içinde wp-content\plugins\some-plugin\nameyerine yaşayan belirli bir phpDoc üstbilgisiyle bir Tema dosyası olarak düşünün wp-content\themes\some-theme-name.
— Chip Bennett
1

Bir çok şey kullandığınız temaya bağlı olacaktır. Tema favicon'unuzu ( <link>başlıkta bir etiketle) tanımlıyorsa, temayı değiştirmek favicon.icoiçin temanızda değiştirmeniz gerekir.

Ama tema eğer edilmez bir yerleştirerek, bir şey tanımlayan favicon.icositenizin kökünde yeterli olmalı.

— EAMann
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.