2022’de Favicon WordPress eklemenin 3 kolay yolu (Yeni Başlayan Dostu Kılavuz)
WordPress Favicon’unuz hakkında bilmek istediğiniz her şeyi öğrenmeye hazır mısınız? Tanıdık değilseniz, sitenizin favicon’u web tarayıcısı sekmenizde görünen küçük bir simgedir. Örneğin, bu favicon’umuzun herothemes’deki görünümü:
Ayrıca bazı kişilerin favicon’ları “site simgeleri” olarak adlandırdığını göreceksiniz. Endişelenme – onlar aynı. Bu yazıda şunları öğreneceksiniz:Neden WordPress Favicon gibi küçük bir şeyi önemsemelisiniz?
WordPress siteniz için bir favicon nasıl yapılır (ve hangi boyut ve format kullanılır)
Üç farklı yöntem kullanarak WordPress’e favicon nasıl eklenir
Bildiğimi biliyorum neden WordPress favicon’unu önemsemelisin? Yalnızca Tarayıcı sekmesinde görünen küçük görüntüler işinizi yapamayabilir veya yok edebilir. Ancak WordPress için bir favicon yapmak için zaman ayırmanızın iki nedeni var.
İlk olarak, Favicon’u kullanmak markalaşmaya yardımcı olur ve sitenizi ziyaretçinizin tarayıcısında öne çıkarır. Örneğin, aşağıdaki ekran görüntülerinde hangi sekmeler dikkatinizi çekti? Bu Herothemes ve Twitter, değil mi? Bu önemlidir çünkü insanlar birçok sekme açmayı severler (sekmeleri istifleyen tek kişi değilsiniz!). 2009’da bile, insanların daha fazla genç olan ortalama 3+ sekmesi var. Ve daha yeni veri bulamasam da, ortalamanın düştüğüne bahse girmeye cesaret ettim! Sitenize bir tarayıcıda markanızı vermenin ve öne çıkmanın yanı sıra, favicon’unuz da hücresel kullanıcılara da yardımcı olur. Kullanıcı web sitenizi ana ekranlarına kaydetmişse, favicon’unuz birçok cihazda bir simge olarak görünecektir.
Bir Favicon WordPress eklemenin ne kadar kolay olduğunu düşündüğünüzde, avantajlar gününüzden birkaç dakika sürmeniz için kesinlikle layıktır. Bir sonraki bölümde adım adım talimatları izlemeden önce bir favicon görüntüsü nasıl yapılır WordPress’e bir favicon nasıl ekleneceğiniz, gerçekten favicon için kullanmak istediğiniz görüntüye sahip olmanız gerekir! Ve bu, favicon’unuz için doğru boyutları ve görüntü formatını bilmeniz gerektiği anlamına gelir. Çeşitli cihazlarla, bu öncekinden daha karmaşıktır. Ancak karmaşıklığın üstesinden gelmek için, bir Favicon başlatıcısını alacak ve tüm farklı cihazlar için otomatik olarak biçimlendirecek bazı araçlar da vardır. Yani favicon’unuzu yapmak için ihtiyacınız olan şey budur:
Kare bir görüntü. Optimal WordPress favicon boyutu 512×512 px’dir, ancak 260×260 px gibi daha küçük bir şey hala kabul edilebilir. Göstereceğim tüm yöntemler boyutlarını gerektiği gibi değiştirecektir.
Modern web siteleri için en iyi bahisten olan PNG görüntüsü.
Görüntünüzü gerçekten yapmak için Adobe Photoshop veya Gimp gibi bir araç kullanabilirsiniz. Veya metin veya emoji’den bir favicon görüntüsü üretmek için favicon.io gibi bir şey de kullanabilirsiniz. Yüksek çözünürlüklü bir logonuz varsa, yapılacak en kolay şey logonuzun kare bir versiyonunu almaktır (herothemes’de kullandığımız şey budur).
WordPress’e bir favicon nasıl eklenir (3 yöntem) Bir görüntü dosyası olduğunda, Favicon’u WordPress sitenize eklemeye hazırsınız. Aşağıda, WordPress’e bir favicon eklemenin üç farklı yolunu göstereceğim. Yine de her yöntem biraz farklı. Siteniz için doğru olanı seçmenize yardımcı olmak için, kısa bir genel bakış: WordPress çekirdek işlevselliğine sahip bir favicon ekleyin – bu çok basittir ve WordPress ayarlamaları aracılığıyla bir favicon eklemenizi sağlar. Tek dezavantajı, tüm cihazlara bir favicon formatı eklemeyeceğidir. Ancak, çoğu site için bu bir sorun değildir.
WordPress RealFaviconGenerator eklentisi – Bu, tüm cihazlara bir favicon eklemeyi çok kolaylaştırır. Tek potansiyel zayıflık, bazı insanlar tarafından sevilmeyebilecek eklentiyi etkinleştirmeye devam etmeniz gerektiğidir.
RealFaviconGenerator Manual Yöntemi Bir eklenti kullanmanın-öncesi, RealFavicongenerator web sitesini kullanabilir ve kodu manuel olarak ekleyebilirsiniz. Bu yöntem, eklentiyi aktif tutma ihtiyacını ortadan kaldırır, ancak tema başlığınıza bir kod görüntüsü eklemeniz gerektiğinden biraz daha karmaşık hale gelir.
Eğer yeni başlayansanız, ilk iki yöntemden birini kullanmaya devam etmenizi öneririm. Ancak gelişmiş kullanıcılar üçüncü yöntemi tercih edebilir.
WordPress Core özelliğini kullandığı için bu temel işlevle WordPress’e bir favicon eklenir. Başlamak için, WordPress ayarına erişmek için görünümü → WordPress gösterge panelinizde ayarlayın:
WordPress Ayarında bulunduktan sonra, Site Kimlik Seçenekleri’ni tıklayın:
Ardından, Site Icon bölümünü bulun ve Favicon resminizi yüklemek için bir resim seç’i tıklayın: Her zamanki gibi resim yükleyebileceğiniz olağan WordPress medya kitaplığını açacaktır. Görüntünüzü yükledikten sonra Seç düğmesini tıklayın: Oradan, WordPress size favicon görüntülerinizi ve doğrudan görüntülerinize tarayıcı ve uygulamalar olarak kesme seçeneği sunacaktır. Sağ kırpmaya ayarlayın, ardından ekin görüntüyü tıklayın: Ve bitmişsin! WordPress’inizin üstünde yayınlama seçeneğini tıkladığınızdan emin olun ve Favicon ayarlaması etkin olacaktır. WordPress Favicon eklentisini nasıl kullanılır (daha fazla cihaz dahil) Şimdi, aynı efekti elde etmek için WordPress Favicon eklentisini nasıl kullanacağınızı göstereceğim. Bir kez daha – bu yöntem ve daha önce arasındaki fark, eklenti daha fazla cihaz için optimize edilmiş bir favicon ekleyecektir. Ayrıca, Favicon ekranınızı farklı cihazlar için ayarlamanızı sağlayan bir arayüz sağlar. Şunları için özel bir favicon yapabilirsiniz:
iOS
AndroidWindows Phone
vb.
Buna ihtiyacınız yok – bu daha çok Kenar Kılıfı’nı kapsamakla ilgilidir. Bu yöntemi takip etmek için, Favicon’u RealFavicongenerator eklentisi ile yüklemelisiniz. Eklentiyi etkinleştirdikten sonra, görünüm → favicon açın. WordPress Medya Kütüphanesi’nden Favicon’unuzu yüklemek veya seçmek için Medya Kütüphanesi’nden SEÇ düğmesini kullanın. Ardından, Favicon’a tıklayın:
Bundan sonra, eklenti sizi farklı cihazlar için Favicon ekranınızı değiştirebileceğiniz siteye götürecektir. Tweak yapmayı bitirdikten sonra, aşağı kaydırın ve Favicons ve HTML Kodu düğmesini oluşturun:
Ve tıkladıktan sonra, WordPress kontrol panelinize geri getirilecek ve başarılı mesajınızı ve Favicon önizlemenizi farklı bir cihazda göreceksiniz: işte bu! Bitmişsin. Eklentinin etkin kaldığından emin olun – eğer değilse, favicon’unuz kaybolacaktır. Artık eklenti yöntemiyle, daha fazla olan RealFaviconGenerator araçlarını kullanarak WordPress’e manuel olarak bir favicon nasıl eklenir. Bu sizin için bir sorunsa, her şeyi manuel olarak yapmak için aynı aracı da kullanabilirsiniz. Sonuç tam olarak aynıdır, yalnızca FTP üzerinden manuel olarak resim yüklemeniz ve sitenizin bölümüne bazı kodlar eklemeniz gerekir.
Bunu birkaç adımda kıracağım çünkü bu biraz daha karmaşık … Adım 1: Favicon paketinizi başlatmak için üretin, RealFavicongenerator web sitesini ziyaret edin ve favicon resminizi yüklemek için favicon resminizi seçin: Görüntünüzü yükledikten sonra, eklentiden aynı arayüzü göreceksiniz ve favicon’unuzu farklı cihazlar için alıp ayarlayabileceksiniz. Eklentide olduğu gibi, aşağı kaydırın ve ince ayar yapmayı bitirdikten sonra Favicons ve HTML Kodu Oluştur düğmesini oluşturun: Adım 2: Favicon paketinizi bir sonraki ekranda web sitenize yükleyin, Favicon paketinizi indirmek için düğmeyi tıklayın: Ardından, bu paketi çıkarmanız ve FTP kullanarak sitenizin kök klasörüne yüklemeniz gerekir (FTP’nin ne olduğundan emin değilseniz, eklenti yöntemini bir önceki bölümden kullanmaya devam etmenizi öneririm). Tüm dosyaları kök klasörüne koyduğunuzdan emin olun – bu, aksi takdirde çalışmaz. Adım 3: Kod snippet’i temanızın tamamlaması için ekleyin, RealFaviconGenerator’dan WordPress temanıza bir kod görüntüsü eklemelisiniz: veya aşağıdaki kod görüntülerini functions.php dosyasına ekleyebilirsiniz. Çocuk temanız (çocuk temasını kullanmanız gerekir): / * realfavicongenerator * / add_raction’dan (‘wp_head’, ‘add_favicon’) favicon kodu snippet’ini ekler); Function add_favicon () {?> Bu metin satırını favicon kodu <? Php} ile değiştirin;
Herhangi bir yöntem iyidir! Bunu yaptıktan sonra bitirdiniz ve favicon'unuz çalışmaya başlayacak. WordPress Favicon'unuzu ekleyin Artık Favicon'unuzu eklemek ve ziyaretçilerinize daha markalı bir deneyim sunmak için sadece birkaç dakikaya ihtiyacınız var. Ve bu harika bir şey: WordPress sitenize bir favicon ekledikten sonra, artık düşünmenize gerek yok! WordPress'in Favicon'u nasıl ekleyeceğinizle ilgili başka sorularınız var mı? Bize yorumlarda söyleyin ve yardımcı olacağız!
