WordPress için site simgesi

WordPress, WordPress 4.3'te sunulan Site Simgesi özelliği aracılığıyla favicon yerleştirmeyi yerel olarak yönetir. Customizer'e bir görsel yüklediğinizde, WordPress bunu otomatik olarak kırpar, daha küçük varyantlar oluşturur ve her sayfaya doğru "<link rel='icon'>" ve "<link rel='apple-touch-icon">" etiketlerini enjekte eder. Sitelerin büyük çoğunluğu için herhangi bir eklenti veya kod değişikliğine gerek yoktur.

Site Simgesi ayarına erişmek için WordPress yönetici kontrol panelinizde oturum açın ve Görünüm > Özelleştir'e gidin. Sol kenar çubuğunda Site Kimliği'ni tıklayın. Panelin alt kısmına yakın bir yerde Site Simgesi yükleme alanını göreceksiniz. Resim Seç'e tıklayın, simgenizi yükleyin, istenirse kırpın ve Yayınla'ya tıklayın. Favicon'unuz bir sonraki sayfa yüklemesinde hemen yayına girer.

WordPress, Site Simgesi için minimum 512×512 piksel resim boyutu gerektirir. Bu çözünürlükte veya daha büyük bir kare PNG yükleyin — WordPress, kaynaktan otomatik olarak daha küçük varyantlar (16×16, 32×32, 180×180) oluşturacaktır. Asla küçük bir görsel yüklemeyin ve WordPress'in görseli yükseltmesini beklemeyin; sonuç, tarayıcı sekmelerinde bulanık bir simge olacaktır.

PNG, WordPress favicon yüklemeleri için önerilen formattır. Platform JPEG ve GIF'i de destekliyor ancak JPEG şeffaflığı desteklemiyor ve GIF, fotoğrafik logolar için zayıf sıkıştırma sağlıyor. Şeffaf arka planlı PNG, simgenizin karanlık mod sekme çubukları da dahil olmak üzere tüm tarayıcı temalarında temiz görünmesini sağlar.

Temanız Gutenberg site düzenleyicisini (Tam Site Düzenleme) kullanıyorsa, Site Simgesi yolu biraz farklı olabilir. Görünüm > Düzenleyici > Stiller altına bakın veya site logo engelleme ayarlarını kullanın. Bazı blok temaları ayrıca Genel Ayarlar panelinde bir sık ​​kullanılan simgesi alanını da gösterir. Temel WordPress işlevi aynıdır; yalnızca yönetici kullanıcı arayüzü yolu değişir.

Gelişmiş kontrol için (örneğin, mağaza alt dizininde blog yerine farklı bir favicon sunmak) Site Simgesi URL'sini programlı olarak geçersiz kılabilirsiniz. Bunu temanızın functions.php'ine veya siteye özel bir eklentiye ekleyin: `add_filter('get_site_icon_url', function($url, $size, $blog_id) { return 'https://example.com/custom-favicon.png'; }, 10, 3);`. Bu, Customizer'i tamamen atlar ve herhangi bir URL'den herhangi bir simgeyi sunmanıza olanak tanır.

Bazı sayfa oluşturucu eklentileri (Elementor, Divi, Beaver Builder), WordPress Customizer ile çakışabilecek kendi site simgesi ayarlarını ekler. Sayfa oluşturucunuzun site ayarları panelini kontrol edin ve oradaki favicon geçersiz kılma işlemlerini kaldırın, ardından yerel WordPress Customizer aracılığıyla yeniden ayarlayın. Aynı sayfada iki rakip favicon etiketinin bulunması, tarayıcılar arasında tutarsız sonuçlara neden olabilir.

WordPress çoklu site kurulumları, her alt sitenin kendi Site Simgesinin ayrı ayrı ayarlanmasını gerektirir. Ağ yöneticisi ayarları alt sitelere basamaklanmaz. Ağın tamamında paylaşılan bir favicon istiyorsanız, programatik filtre yaklaşımını kullanın ve mutlaka kullanılması gereken bir eklenti (mu-eklentileri) kullanarak site simgesi URL'sine ağ düzeyinde bağlanın.

WP Rocket, W3 Total Cache veya LiteSpeed Cache gibi önbellek eklentileri favicon güncellemelerini geciktirebilir. Site Simgenizi değiştirdikten sonra tüm önbellek katmanlarını temizleyin: WordPress nesne önbelleği, sayfa önbelleği, CDN önbelleğiniz ve tarayıcı önbelleğiniz. Eski simge devam ederse, HTML'teki favicon bağlantısına `?v=2`'i manuel olarak ekleyin veya önbellek TTL'sinin süresinin dolmasını bekleyin.

WordPress'in doğru favicon etiketleri çıkardığını kontrol etmek için tarayıcıda sitenizi sağ tıklayın, Sayfa Kaynağını Görüntüle'yi seçin ve `rel='icon'`'i arayın. Yüklediğiniz resmi işaret eden hem bir favicon.ico girişi hem de bir apple-touch-icon girişi görmelisiniz. Bunlardan herhangi biri eksikse, temanız `wp_head()`'i geçersiz kılıyor olabilir; temanızın head.php dosyasında `<?php wp_head(); ?>`'in çağrıldığından emin olun.

Yoast SEO ve Rank Math gibi üçüncü taraf WordPress SEO eklentileri kendi sosyal ve şema meta verilerini içerir ancak Site Simgesine müdahale etmez. Ancak, WordPress yerel desteği eklemeden yıllar önce favicon'a özgü bir eklenti yüklediyseniz bu eklenti artık çakışabilir. Yerleşik Customizer seçeneğini kullanmadan önce tüm eski site simgesi eklentilerini devre dışı bırakın.

WordPress.com tarafından barındırılan siteler için (kendi kendine barındırılan WordPress.org'un aksine), favicon yolu Sitelerim > Ayarlar > Genel > Site Simgesi konumundadır. Adımlar, şirket içinde barındırılan Customizer akışıyla neredeyse aynıdır, ancak tema düzenleme ve eklentiler, planınıza bağlı olarak sınırlıdır. 512×512 PNG yükleyin ve kaydedin — WordPress.com tüm yeniden boyutlandırma ve etiket ekleme işlemlerini gerçekleştirir.

Favicon'unuzu ayarladıktan sonra site URL'nizi girerek favicon tester'i kullanarak düzgün çalıştığını doğrulayın. Bu, simgenin genel olarak erişilebilir olduğunu ve beklenen yolda göründüğünü doğrular. Ayrıca WordPress'in hangi çözünürlükleri oluşturduğunu ve PWA desteği için manuel olarak herhangi bir çözünürlük eklemeniz gerekip gerekmediğini anlamak için best favicon size'i de kontrol edin.