WordPress sitenize favicon eklemenin 4 olağanüstü yolu
Küçük ayrıntılar, web sitenizin algısında büyük bir fark yaratabilir ve WordPress sitenize bir favicon ekleyebilir küçük ayrıntılardan biridir. Terim boş çizmenize neden olursa, Favicon favori bir simgenin kısaltmasıdır. Bu, tarayıcının favori menüsünde, sekmesinde ve görsel olarak temsil edilen her yerde web sitenizi temsil eden küçük bir resimdir. Marka tanıma için iyi bir favicon’a sahip olmak, sitenize görsel kimlik vermek ve kitlenizle güven oluşturmak. Bu nedenle, bu makalede, bunu sitenize nasıl koyacağınızı göstereceğiz. Önce neden bir favicon kullanmanız, nasıl yapılacağınız ve sonra sitenize nasıl ekleyeceğiniz hakkında konuşacağız.
Bunu örtecek çok fazla arazimiz var. Neden sitenize bir favicon ekliyorsunuz? Girişte belirtildiği gibi, Favicon web sitenizin kimliğinin bir parçasıdır. Ancak, bu da kullanıcı kullanımları ve deneyimleri için iyidir. Nasıl? Bunun hakkında konuşalım. İlk web tarayıcısında öne çıkan Favicon, sitenizin web tarayıcısında daha iyi bilinmesini sağlar. Çoğu kullanıcının tarayıcısında birden fazla web sitesi açacağı bir sır değil. Bir favicon’a sahip olmak, sitenizi diğer birçok açık sekme arasında tanımlamalarını sağlar.
Buradan ana ekrana ekle seçin. Bundan sonra, adınızı değiştirme fırsatınız var. Ekle’yi tıkladığınızda, ana ekranınıza inecektir. (Android kullanıcısıysanız, bu kılavuza bakın.) Önemli olan, insanlar bunu yaptığında, mobil cihazlar da sitenizi cep telefonu ekranında temsil etmek için favicons kullanacaktır. Bu, markanızı ve tanındığınızı daha da artırır. Bu oldukça iyi bir neden mi? Biz de öyle düşünüyoruz. Peki nasıl bir favicon yaparsınız? Şimdi kısaca konuşalım. WordPress siteniz için bir favicon oluşturmak Jon Hughes, WordPress web sitesi için bir favicon nasıl yapılacağı hakkında çok iyi bir makale yazdı. Bu nedenle, konuya yalnızca Dosya biçimini kısaca belirleyerek, favicon genellikle bir ICO dosyası olarak yapılır. Avantajları: Evrensel Destek, Görüntülerin çeşitli sürümlerini ve şeffaflık desteğini saklama yeteneği. Bununla birlikte, bugün tüm tarayıcılar PNG, JPG, GIF (hatta animasyon) ve SVG gibi modern dosya formatlarını da destekleyin (makalemizi kaçırmayın WordPress için SVG dosyaları). Sonuç olarak, birçoğu favicons için PNG görüntüleri kullanırlar, çünkü iyi destek sunarlar, yapmak kolaydır ve aynı zamanda şeffaflığa izin verir. Her iki formatta da artıları ve eksileri olduğundan, en iyi seçim her ikisinin de maksimum destek için olmasıdır. Bunu yaptığınızda, Apple Touch Icons ve Windows 8 karo grafikleri eklemek isteyebilirsiniz. Biçim için, favicon genellikle kare, bu yüzden ona itaat etmenizi tavsiye ediyoruz. Kendiniz yaparken önerilen boyut 512×512 pikseldir. Çoğu insan da şeffaf arka planlar kullanır, ancak bu bir zorunluluk değildir.
Araçlarımızı seçin Bir favicon oluşturmak için birkaç seçenek var. Birincisi, Photoshop ve Gimp (son ücretsiz) gibi görüntü düzenleme yazılımıdır. Ancak, Favicon Jeneratörleri gibi çevrimiçi hizmetler de vardır. Diğer dosya formatlarında zaten bir site logomuz (en sık favicon oluşturmak için kullanılır) varsa çok rahattır. Bu durumda, yalnızca siteye yüklemeniz gerekir ve gerekli tüm dosya boyutlarında ve biçimlerinde otomatik olarak bir favicon alacaktır. Bundan sonra, tek yapmanız gereken sitenize eklemektir (aşağıda daha fazla tartışacağız). GIMP kullanan öğreticiler için lütfen John’un makalesine bakın. WordPress’e favicon nasıl eklenir WordPress sitenizin favicon göstermesini sağlamanın birkaç yolu vardır. Bunu tek tek tartışacağız.
Yöntem 1: WordPress 4.3’ten beri WordPress’e bir favicon eklemek için en rahat seçenek ayarını kullanın. O zamandan beri, temanızda etkinleştirildiyse, görünüm aracılığıyla bir favicon ekleyebilirsiniz> Arka uç WordPress’te özelleştirin. Burada, bu ekranı açmak için Site Kimliğini tıklayın.
Bu bölümde, sitenizin kimliğiyle ilgili sitenin, açıklamanın ve diğer konuların başlığını değiştirebilirsiniz. Buna favicons da dahildir. Değiştirmek için, Favicon dosyanızı yüklemek için dosya seç düğmesini kullanın.
Çok büyükse, WordPress doğru boyutta kesmenize izin verir. Değilse, sadece kaydetmeniz gerekir. Bundan sonra, iş başında olduğunuz favicon önizlemenizi görebilmelisiniz. Kaydetmeyi ve yayınlamayı unutmayın! (Not: WordPress Customer’daki Favicon seçeneğinin tam konumu, temanıza bağlı olarak farklı olabilir.) Yöntem 2: Tema seçeneklerinizi kullanın Favicon’u değiştirme seçeneği özelleştirici değilse, yine de tema ayarlarınızda bulabilirsiniz . Bugünün teması birçok seçenekle geliyor ve hepsi standart değil. Bu nedenle, mülkünüzün bir favicon ekleme seçeneği sunup sunmadığını öğrenmenin tek yolu bunu kontrol etmektir. Aşağıdaki yöntemlerden birini kullanmaktan daha kolay olabilir. Yöntem 3: Eklenti üzerinden bir favicon ekleyin, temanızın varsayılan seçeneği yoksa, bir eklenti de kullanabilirsiniz. Orada birkaç seçenek var:
Realfavicongenerator tarafından Favicon
Kahraman favicon jeneratörüFavicon yöneticisi çok basit
Hepsi bir favicon
John, RealFavicongenerator ile WordPress’e bir favicon nasıl ekleneceğini tartıştığından, burada bunu tek bir favicon ile nasıl yapacağımızı açıklayacağız. Bu aynı zamanda grubun en popüler çözümüdür. Eklentiyi yükledikten sonra, ayarları Ayarlar> Hepsi Bir Favicon’da bulursunuz.
Bu eklenti ICO, GIF, PNG ve Apple Touch Icons dosyaları için destek sunar.Bu aynı zamanda ön uç ve arka uçta kullanılan simgeler için farklı bir yol belirlemenizi sağlar.Tek yapmanız gereken, zaten WordPress Medya Kütüphanesi’ndeki favicon yolunuzu eklemektir.Veya dosyanızı yüklemek için düğmeyi kullanın ve eklenti otomatik olarak yola girer.Her neyse, değişikliğinizi kurtarmayı unutmayın!
Ayrıca, Meta WordPress kutusundan eklenti geliştiricileri için Apple Touch simgenizden yansıtıcı parlaklık ve bağlantıları silme seçeneğiniz de vardır. Hepsi bu, kolay bezelye. Yöntem 4: Daha uzun bir WordPress sürümü için bir kod aracılığıyla bir favicon ekleyin (WordPress sitenizin her zaman güvenlik nedeniyle güncellenmesi gerektiğini bilseniz de), manuel olarak bir favicon eklemeniz gerekebilir. Öyleyse, sitenize doğrudan zarar vermemek için önce yerel bir geliştirme sitesinde denemenizi şiddetle tavsiye ederim. Bunu yapmak için önce favicon dosyanızı tema klasörünüze yüklemeniz gerekir. Varlıklar gibi alt klasörleri kullanabilirsiniz, ancak daha sonra dosya yolunu hatırlamanız gerekir. Bazı kişiler ayrıca kök sitesi klasörüne favicon dosyaları eklemenizi önerir. Ancak, temiz tutmayı tercih ederim. Orada başka Favicon dosyası olmadığından emin olun. Yükledikten sonra, başlık dosyanıza (genellikle header.php) veya function.php’ye kod ekleyerek WordPress’e bir favicon ekleyebilirsiniz. Tüm temalarda Header.php dosyaları bulunmadığından, aşağıdaki kod function.php’de kullanılacaktır. Başlık dosyasında kullanmak için, işlevini sağlayan biti silin ( içindeki her şey). Add_favicon () function {echo ”;
}
Add_action (‘wp_head’, ‘add_favicon’); ICO dosyasını kullanırken sürüm: Add_favicon () işlevi { echo ”;};
Add_action (‘wp_head’, ‘add_favicon’); Href = favicon dosyanızın konumu ile parçayı değiştirin, siteniz için çalışır. Test etmeyi unutmayın! WordPress’e kısaca Favicon eklemek Favicon, web sitesinin algısında büyük bir fark yaratan küçük tasarım detaylarından biridir. Sitenizin daha profesyonel görünmesini sağlar, tarayıcı sekmeleri arasında öne çıkmasına, kullanıcı deneyimini geliştirmesine ve marka tanımasını artırmasına yardımcı olurlar. Yukarıda, sadece yararlı bir favicon eklemenin yanı sıra WordPress sitenize eklemek için bir favicon ve dört farklı yolun nasıl yapılacağını öğrenmekle kalmaz. Neyse ki, bu işlem daha yeni bir WordPress platformu sürümü ile çok kolaydır. Ancak, siteniz özelleştirici seçeneğini desteklemese de, eklentileri, tema seçeneklerinizi kullanabilir veya geçmişte manuel olarak yapabilirsiniz. Ne seçerseniz seçin, favicon sitenizin algısı üzerinde büyük bir etkiye sahip olacaktır. Sonunda dikkate alınan şey buydu. WordPress’e favicons oluşturmak ve eklemek için ek ipuçlarınız var mı? Öyleyse, lütfen aşağıdaki yorumlar bölümünde paylaşın!
