WordPress sitenize favicon nasıl eklenir
Her web sitesinde bir favicon olmalıdır. Küçük olmasına rağmen, favicon (veya site simgesi) bir web tarayıcısı tarafından sitenizi (veya markanızı) güçlü bir şekilde temsil etmek için kullanılır. Favicon sadece tarayıcı sekmenizde küçük resimler görüntülemek için değil, aynı zamanda yer imleri ve pencere karoları için de kullanılabilir. WordPress, sitenize doğrudan ayarlamadan bir favicon eklemenizi kolaylaştırır. Ve şimdi bunu yapmanın önerilen yolu. Ancak ihtiyaçlarınıza uygun olabilecek başka yollar da var. WordPress’te Favicon’u Anlamak Favicon nedir? Favicon (“favori simge” terimi), kullanıcıların web sitenizi/şirketinizi tanıyabilmeleri için ek marka öğeleri eklemek için web tarayıcıları tarafından kullanılan küçük bir simgedir. Favicon sitenize doğru bir şekilde yüklenirse, tarayıcı onu gerektiği gibi farklı konumlarda kullanır. Bu konumlar tarayıcı sekmesini (sayfa başlığının yanında), adres çubuğunu (URL’nin yanında), yer imi ve diğerlerini içerir.
WordPress’te Favicon’a, kullanıcılara bu simgenin çeşitli durumlarda sitenizi temsil etmek için kullanılacağını söyleyen yararlı bir açıklama olan “site simgesi” denir. Favicon Favicons’ın (veya site simgelerinin) önemi, şirketin logosuna benzer, çünkü web sitenizin markalamasında küçük ama önemli bir rol oynayabilir. Favicon olmayan web siteleri kullanıcılar için daha az güvenilir görünebilir (çünkü hepimiz onu görmeye alışıkız). Öte yandan, bir favicon olan web siteleri, ihtiyaç duydukları güçlü görsel kullanıcıları verecek ve kullanıcı deneyimini geliştirecektir. Bunu bir düşün. Yanında bir simge ile metni okumaktan çok daha kolaydır. Dosya formatı Favicons için kabul edilebilir birkaç görüntü formatı vardır, ancak en popüler ikisi ICO ve PNG’dir. Bu biçim en çok tarayıcı desteğine sahiptir ve favicon’unuz için şeffaf arka planı destekler (JPG’nin aksine). ICO formatı geleneksel olarak, Favicon bir ICO dosyası (favicon.ico) olarak oluşturulur. ICO dosyaları, bir dosyada farklı boyutlarda birçok görüntüyü depolamanıza olanak tanır ve bir tarayıcı (masaüstü ve hücresel) kullanılabilir görüntüden gereken boyutu seçmesine izin verir. ICO formatındaki sorun, pek çok insanın ne olduğunu veya nasıl yapılacağını bilmemesidir. GIMP gibi bir fotoğraf düzenleyicisinde bir ICO dosyası oluşturabilirsiniz, ancak özellikle şeffaf bir arka plana sahip bir favicon üretmek için süreci çok kolaylaştıran bir çevrimiçi favicon jeneratörü kullanmakla en çok ilgilenen gibi görünüyor.Neyse ki, WordPress 4.3’ün yayınlanmasıyla, sitenize eklemek için ICO formatında bir favicon yapma konusunda endişelenmemize gerek yok. Ayarlama, PNG, GIF ve JPEG gibi daha popüler formatlar alan bir site simgesi seçeneğine sahiptir. Bunun hakkında daha fazla bilgi. Not: Bazı eski tarayıcıların yalnızca ICO formatını desteklediği ve başka bir şey olmadığı ve tarayıcının eski sürümü için bir yedekleme olabileceği belirtilmelidir. Bu nedenle, iki dünyadan (örneğin PNG ve ICO) en iyisini almak istiyorsanız, bir eklenti bulmanız veya manuel olarak eklemeniz gerekebilir. HTML5’ten beri PNG formatı, PNG formatı favicon ve tüm ana için kabul edilebilir bir formattır. Tarayıcılar artık destekliyor. Tartışıldığında, bu gelecekte daha iyi bir seçenektir, çünkü PNG, web genelinde geniş kullanımı nedeniyle daha tutarlıdır. Ancak, tüm tarayıcılar (eski) ICO’yu desteklediğinden, istenmeyen 404 hatalarından kaçınmak için PNG ve ICO sürümlerini kullanmalısınız. Sitenizin boyutu, tüm kullanım durumlarında en iyi şekilde görüntülenebilecek birkaç favicon görüntü boyutu gerektirir (bu yüzden Favicon ICO formatında başlar). Burada tüm farklı boyutları tartışmayacağım, ancak WordPress ayarından bir site simgesi eklediğinizde gerekli en yaygın 4 boyut otomatik olarak üretiliyor, bu yüzden endişelenmenize gerek yok.
Ancak, ayarlamaya yüklediğiniz resmin en az 512 x 512 olduğundan emin olmanız gerekir. WordPress, orijinal dosyanın başka bir boyutunu aşağıdaki gibi yapacaktır: 32x32px favori simge. İOS için iPhone 6+ için uygulama simgesi 180x180px. Android/Chrome Uygulama simgesi 192x192px. Windows için orta boy karolar 270x270px. Adlandırma ve yerleşiminiz, Favicon’un “favicon.ico” adlı doğru dosya adına sahip olması gereken günleri hatırlayabilir. Ardından kök dizininize ekleyeceksiniz ve temelde bu. Zaman değişti ve neyse ki, WordPress de değişti. Artık herhangi bir dosya adını verebilir, başka bir formatta saklayabilir ve sitenizdeki herhangi bir yerde saklayabilirsiniz. Bir site simgesi (favicon) eklemek için bir WordPress ayarı kullanırsanız, WordPress çok fazla resim yapacak ve medya klasörünüzde saklayacaktır. Not: Kök dizine favicon.ico’yu yerleştirme hala bir geri dönüş olarak iyi bir fikirdir, ancak olun Doğru yöntemi kullanmaya veya eklentiden yardım almaya dikkat edin. Favicon favicon’unuzu yapmak bir görüntüdür, bu nedenle kendi favicon’unuzu tasarlamak kendi logonuzu tasarlamaktan farklı olmayacaktır. GIMP veya Photoshop gibi fotoğraf editörlerini kullanabilirsiniz. Favicon’unuzu mükemmel bir kare olarak tasarlamayı unutmayın (örneğin WordPress sitesi simgeniz için 512 × 512). Şeffaf bir arka plan istiyorsanız, dosyanızı PNG (veya GIF) olarak kaydedin. Bundan sonra resminizi Site simgemiz olarak WordPress’e yükleyebilirsiniz (daha sonra bununla ilgili). PNG’yi ICO formatına dönüştürmek istiyorsanız, Convertico gibi çevrimiçi dosya dönüştürücüleri kullanmanızı öneririm.
İpucu: Bazen logonuzun kare kısmını keserek bir favicon yapabilirsiniz. Süreci basitleştirmek istiyorsanız bu iyi bir fikir olabilir. Bu simgenin markanızı temsil edeceğini unutmayın, bu yüzden dikkatsiz olmayın. WordPress sitenize YouTube kanalımıza abone olmanın 3 yoluyla bir favicon nasıl eklenir #1 Çoğu için WordPress ayarlamalarıyla Favicon ekleyin, bu, WordPress için dikkate almanız gereken tek yöntemdir. Tek ihtiyacınız olan bir görüntü dosyası (PNG, GIF, JPEG) ve WordPress geri kalanını yapacak. WordRpess 4.3’ten bu yana, WordPress sitenize özelleştiriciye kolayca bir favicon (veya site simgesi) ekleyebilirsiniz. WordPress Gösterge Tablosundan, Navigasyon’a Görünüşe> Özelleştirin. Ardından sitenin kimliğini seçin ve sitenizin simgesini ayarlama seçeneğini bulacaksınız (site simgeleri yalnızca favicons için başka terimlerdir). Ardından, görüntünüzü medya kütüphanesinden seçebilir veya yeni bir tane yükleyebilirsiniz. Tüm kullanım durumları için görüntünüzü en iyi şekilde oluşturmayı sağlamak için dosyanızın minimum 512 x 512 boyutu olduğundan emin olun.
İstediğiniz görüntüyü seçtikten sonra, görüntünüzü tarayıcınızda doğru görüntülenecek şekilde kesmeniz istenecektir. Bu, henüz mükemmel olmayan görüntüleri yüklerseniz yararlıdır.
İşte burada! WordPress gerisini yapacak. Görüntü kesildikten sonra, WordPress, favicon kullanımı için gereken görüntünün boyutunu üretecektir:
Windows fayansları için 270px Chrome Uygulama simgesi için iOS 192px uygulama simgesi için 180px tarayıcı favicon için 32 piksel, simgenin nasıl olacağına dair yararlı önizlemeler bile üretir. Değişikliklerinizi yayınlayın ve favicon’unuzun tarayıcınızda mucizevi bir şekilde göründüğünü görmek için sayfalarınızı yenileyin. Hemen göremiyorsanız, sitenizi görmek için site önbelleğini boşaltmanız veya sitenizi tarayıcı penceresinde açmanız gerekebilir. #2 favicon eklenti eklentileri kullanarak eklentilerin yardımının WordPress sitenize favicons eklemesini istiyorsunuz, şanslısınız. WordPress depoları için basit bir arama size seçim yapabileceğiniz bazı iyi ücretsiz eklentiler verecektir. Şahsen, RealFaviconGenerator tarafından Favicon’dan daha fazla bakmayacağım. Bu eklenti, tüm doğru yerlere birçok görüntü yerleştirerek favicon’unuzun tüm tarayıcılarla uyumlu olmasını sağlayacaktır. Hatta her görüntünün tasarımını ayarlamanıza izin verir, bu da tek başına yapılması kolay değildir. Eklentileri kullanarak Favicon Ekle’yi kullanmak için eklentileri yükleyin ve görünüm> Favicon’a gidin. Ardından resminizi yükleyin. Gerçekten kare ve en az 260 x 260 olduğundan emin olun. Eklenti, iOS, Android (Chrome), Windows ve MacOS (Safari) için Favicon özelleştirmenizi tamamlamak için sizi çevrimiçi jeneratörlere yönlendirecektir. Sadece birkaç dakika içinde, simgelerin tüm örneklere harika görünmesi için markanızın rengini ekleyebilirsiniz. Bittiğinde, sayfanın altındaki Favicons ve HTML Kodu Oluştur düğmesini tıklayın.
Bir eklenti kullandığınız için herhangi bir kod hakkında endişelenmenize gerek yoktur. Sitenize yönlendirilecek ve simgenizin ekranının iyi bir önizlemesiyle memnuniyetle karşılanacaksınız. İşte burada! #3 Daha uzun WordPress sürümüne (ayarlama artırılmadan önce) bir favicon (WordPress 4.2 ve daha uzun) ekleyin, sitenize iki adımda bir favicon ekleyebilirsiniz. Site dosyanızı değiştirmek için alt temayı kullandığınızdan emin olun. İlk olarak, web sitenize favicon.ico dosyalarını yüklemeniz gerekir (yerel kurulum değilse Filezilla gibi FTP istemcilerini kullanmanız gerekir). Site dosyanıza eriştikten sonra Favicon’u kök dizininize yükleyin. Ayrıca, çocuğunuzun tema klasörüne bir favicon eklemeyi seçebilirsiniz. Kök dizine, tema klasörüne veya her ikisine bir favicon ekleyip eklememeniz gerektiğine dair görüş farklılıkları vardır. Örneğin, bazıları besleme okuyucusunda görüntülenecek kök dizininde bir favicon depolamanızı önerir. Güvenli olmak için, her zaman kök dizinine kaydedin. Nereye koymayı seçerseniz seçin, başlığınızdaki dosyanın konumuna bağlandığınızdan emin olun. Sadece klasörünüze koymayın, tüm tarayıcıların otomatik olarak bulacağına inanın. Bazı eski tarayıcılar olmayabilir. Favicon’unuza bağlantı vermek, tema başlığı dosyanızda (veya alt tema) (header.php) kafa etiketinde HTML bağlantı etiketinin kullanılmasını gerektirir. İşte iki örnek. Temanızın kök klasöründeki (veya çocuk teması) Favicon’a (ICO formatında) bağlantı kurmak için, aşağıdaki kodu kafa etiketine ekleyebilirsiniz. <link rel = "icon" type = "image/x-icon" href = "/favicon.ico”> Favicon.ico dosyasını tema kök klasörünüze yerleştirmek için (örneğin www.yourwebsite.com/wp-content/themes/twentyfouruuryteen/favicon.ico), kullanacaksınız: Favicon.ico ana kök dizininize yerleştirmek için kullanın, kullanın Aşağıda: Seni bilmiyorum, ama WordPress 4.3 için çok minnettarım. Favicon ekleme Genel olarak tema seçeneklerini kullanarak, mevcutsa WordPress ayarındaki Site simgesi özelliğini kullanmak için hala en iyi uygulamadır, çünkü özellik özellikle WordPress için yapılır. Bununla birlikte, bazı WordPress temaları (özellikle daha uzun), doğrudan tema ayarlarından faviconları yükleme seçenekleri içerir. Bu özel tema seçeneğini kullanırken dikkatli olun, çünkü eski bir yöntem kullanabilir ve birkaç kez kullanmak için yalnızca bir resim üretebilir. Ana Çıkarmalar Biraz özetlemeye ihtiyacınız varsa, WordPress sitenize favicons ekleme ile ilgili ana sonuçlardan bazıları:
Varsa favicon’unuzu WordPress ayarıyla eklemelisiniz. Favicon yerleşiminizin ihtiyaç duyulan herhangi bir yerde olduğundan ve vaka başına vakalara göre favicon ekranınızın biraz daha fazla kontrolüne sahip olduğundan emin olmak istiyorsanız, RealFavicongenerator eklentisi gibi eklentileri kullanın. Herhangi bir nedenden dolayı WordPress’in karanlık çağında sıkışıp kalırsanız veya manuel bir yaklaşım benimsemeniz gerekiyorsa, doğru yöntemi kullandığınızdan emin olun.