WordPress'e Favicon Nasıl Eklenir?
WordPress buna Site Icon adını verir ve tek bir yüklemeden her boyutu oluşturabilir. Bu izlenecek yol, Customizer'i, tema geçersiz kılmalarını, çok bölgeli uç durumları, örnekleri, SSS'yi ve başlatıldıktan sonra simgelerin takılıp kalmasına neden olan önbellek sorunlarını kapsar.
WordPress, favicon'leri nasıl yönetir?
WordPress 4.3'ten bu yana çekirdek, sizin için doğru <link> etiketlerini kırpan, yeniden boyutlandıran ve ekleyen bir Site Icon özelliği sunuyor. Standart siteler için herhangi bir eklentiye gerek yoktur. Simge kümenizi oluşturmak ve doğrulamak için favicon oluşturucumuzu, PNG - ICO dönüştürücüsünü, SVG - ICO dönüştürücüsünü ve canlı favicon test cihazını kullanın ve [tamamlayıcıyı okuyun] kısa bir açıklama için kılavuz](kılavuz:favicon-for-wordpress).
Yüklenen simgeler Medya Kitaplığında saklanır ve ön uçta wp_site_icon() yoluyla başvurulur. WordPress, yayınladığınızda sunucu tarafında birden çok boyut oluşturur.
Bu özellik çoğu blog yazarı, ajans ve WooCommerce mağazası için manuel favicon.ico yüklemelerinin yerini alır.
Customizer aracılığıyla (önerilir)
Wp-admin'de Görünüm → Özelleştir → Site Kimliği → Site Icon seçeneğine gidin.
Site Icon Seç'i tıklayın ve en az 512×512 piksel boyutunda bir kare PNG yükleyin. WordPress canlı bir kırpma aracı gösterir; logo işaretinizi kare şeklindeki güvenli alanın içine ortalayın.
Yayınla'yı tıklayın. Core, bir sonraki ön uç sayfa yüklemesinde apple-touch simgesini, çeşitli PNG boyutlarını ve meta etiketleri çıkarır.
Temanız veya kodunuz aracılığıyla
Bölüm başına simgeler veya alt dizin markaları için, functions.php alt temanızda get_site_icon_url()'i filtreleyin.
Örnek kullanım durumu: her alt sitenin ayrı bir işarete ihtiyaç duyduğu ancak aynı temayı paylaştığı çok bölgeli bir ağ. Blog_id'ye dayalı olarak farklı URL'ler döndürün.
Gelişmiş ekipler varsayılan site simgesi metasını kaldırabilir ve başlık.php'de özel <link> etiketlerini yazdırabilir, ancak iş çekirdeğinin kopyalanması zaten iyi sonuç verir.
Örnekler
Tek blog: Customizer aracılığıyla 512×512 PNG yükleyin. Bitti — FTP yok, .ico düzenlemesi yok.
WooCommerce mağazası: aynı akış; Simgeyi yalnızca ana sayfada değil, ödeme ve hesap sayfalarında da doğrulayın. Önbelleğe alma eklentileri bazen CSS'i geciktirir ancak nadiren simge etiketlerini engeller.
Başsız WordPress: Site Icon etiketleri yalnızca PHP ile oluşturulan sayfalarda görünür. Next.js kullanıcı arabiriminiz bu mimaride kendi <link> etiketlerini bildirmelidir.
Hazırlama → üretim: Medya kimliğini yeniden yükleyin veya taşıyın. Mutlak simge URL'lerini yalnızca CDN önbelleğinin geçersiz kılınmasını anlıyorsanız sabit kodlayın.
Eklentiler ve ne zaman atlanmalı
Popüler SEO eklentileri de favicon ayarını ortaya çıkarabilir. Hem SEO eklentisini hem de Site Icon'i farklı şekilde yapılandırmaktan kaçının; tek bir gerçek kaynağı seçin.
Önbelleğe alma eklentileri (WP Rocket, W3 Total Cache) simge dosyalarını engellememelidir, ancak temizlenene kadar HTML'i yeni etiketler olmadan önbelleğe alabilirler.
Favicon eklentileri WordPress 4.3'ten önce anlamlıydı. Animasyonlu veya planlanmış simge değişimlerine ihtiyacınız olmadığı sürece 2026'da bunlar gereksizdir.
Sık sorulan sorular
Hangi dosya türünü yüklemeliyim? PNG en güvenlisidir. WordPress, JPG'i kabul eder ancak şeffaflığı kaybedersiniz.
Minimum boyut? 512×512 resmi olarak; daha büyük kaynakların ölçeği küçültülür.
WordPress, favicon.ico'i oluşturur mu? PNG boyutlarını ve meta etiketlerini yayar. Tarayıcılar, barındırma veya alt tema aracılığıyla web köküne gerçek bir .ico yerleştirmenin avantajını hâlâ koruyor.
Çoklu site: her sitenin kendi Customizer'inde kendi Site Icon'i vardır. Bir tema URL'leri genel olarak filtrelemediği sürece ağ yöneticileri site başına ayar yapar.
favicon cihazım neden güncellenmiyor?
Tarayıcılar favicon'leri HTML'ten ayrı olarak önbelleğe alır. WordPress'te yayınladıktan sonra donanımla yenileyin veya özel bir pencerede test edin.
Yalnızca etiketleri elle yuvarlıyorsanız simge URL'lerine ?ver=2 ekleyin. Site Icon URL'leri, yeniden yükleme yaptığınızda değişen sorgu değişkenleri içerir.
HTML hala eski bir ek URL'sine başvuruyorsa WordPress nesne önbelleğini ve tüm CDN'leri (Cloudflare, Jetpack Boost) temizleyin.
Etki alanlarını taşıdıysanız, serileştirilmiş seçeneklerde veritabanında eski simge URL'lerini arayın; bazı içe aktarıcılar siteicon_id'yi gözden kaçırır.
Sorun giderme
Yüklemeden sonra bulanık simge: kaynak resim 512×512'den küçüktü veya kare değildi. Daha büyük bir ana kaynaktan yenilenin.
Google sonuçlarında simge yok: Google kendi önbelleğini kullanır; Site Icon'i güncelledikten sonra Search Console'da yeniden dizin oluşturma isteğinde bulunun.
Simge masaüstünde ancak iPhone'da değil: iOS'in apple-touch simgesine ihtiyacı var; Site Icon'in yalnızca Customizer'te taslak olarak kaydedilmediğini, yayınlandığını onaylayın.
Logo etrafındaki beyaz kutu: Şeffaf PNG yerine beyaz arka planlı JPG yüklendi.
Barındırma ve CDN ile ilgili hususlar
Yönetilen WordPress ana bilgisayarları (WP Engine, Kinsta, SiteGround) HTML'i uçta önbelleğe alır. Site Icon'i değiştirdikten sonra ana bilgisayar panosundaki tüm önbellekleri temizleyin.
Cloudflare turuncu bulut proxy'leri, /wp-content/uploads/ simgelerini önbelleğe almadan HTML'i önbelleğe alabilir - genellikle iyidir, ancak simge eki URL'leri değiştiğinde temizlenir.
Çok dilli eklentiler (WPML, Polylang) varsayılan olarak dil başına Site Icon'i kopyalamaz. URL'leri filtrelemediğiniz sürece tek bir simge tüm yerel ayarlara hizmet eder.
Ana kaya veya başsız kurulumlar yüklemelerin yerini değiştirebilir. Medya URL'lerini, CDN'nizin beklediği ön uç HTML noktasında doğrulayın.
Statik dışa aktarma (Basitçe Statik, WP2Statik) sunuyorsanız, çevrimdışı HTML'in yeni ek kimliklerini alması için simge değişikliklerinden sonra dışa aktarmayı yeniden oluşturun.
İzinler ve roller
Site Icon'i yalnızca özelleştirme yeteneğine sahip kullanıcılar (genellikle standart kurulumlarda Yöneticiler ve Düzenleyiciler) değiştirebilir. Yazarlar, yükseltilmiş haklar olmadan markayı değiştiremez.
Çoklu sitelerde Süper Yöneticiler ağ genelindeki temaları yükleyebilir ancak özel kod tek bir ek URL'yi paylaşmadığı sürece Site Icon site başına kalır.
Görünüm → Özelleştir'i gizleyen üçüncü taraf yönetici temalarını denetleyin. Customizer'i yeniden etkinleştirmeniz veya ?autofocus[section]=title_tagline Customizer derin bağlantısını kullanmanız gerekebilir.
Bir siteyi bir müşteriye teslim ederken, favicon değişikliklerinin yalnızca Medya Kitaplığı'nda değil, Özelleştirme'de canlı olarak gerçekleştiğini belgeleyin; PNG'i, Site Icon atamadan oraya yüklemek hiçbir şey yapmaz.
WooCommerce ve üyelik siteleri
WooCommerce ödeme, mağazanın geri kalanıyla aynı temayı kullanır. Site Icon, sepette ve teşekkür sayfalarında otomatik olarak görünür.
Ön uç şablonların yerini alan üyelik eklentileri yine de wp_head() öğesini çağırmalıdır, böylece Site Icon meta çıktıları elde edilir.
Beyaz etiketli istemci portalları bazen markalama kancalarını ortadan kaldırır; istemciler kendi simgelerini yüklerse abone rollerinde özelleştirme özelliğinin devre dışı bırakılmadığını doğrulayın.
E-posta şablonları Site Icon kullanmaz. WooCommerce e-posta logosu, Görünüm → Özelleştir → WooCommerce altında ayrı bir ayardır.
favicon.ico kılavuzundan geçiş yapılıyor
favicon.ico'i daha önce web köküne FTP ile yüklediyseniz, Site Icon onu silmez. Tarayıcılar tahmin edilemeyecek şekilde bir kaynağı diğerine tercih edebilir.
Bir yaklaşım seçin: ya Site Icon PNG çıkışlarına güvenin ya da eşleşen tasarımla el yapımı ICO'i kökte tutun. QA'dan sonra kopyaları kaldırın.
Header.php dosyasındaki sabit kodlanmış rel=icon bağlantısına sahip klasik temalar, çekirdek Site Icon ile mücadele edebilir. Site Icon'i etkinleştirirken manuel etiketleri kaldırın.
Geçişten sonra önbellekleri temizleyin ve hangi simgenin kazandığını görmek için özel taramada test edin.
Bir sonraki geliştiricinin çakışan ikinci bir favicon eklentisi eklememesi için seçilen yaklaşımı runbook'unuzda belgeleyin.