2022'de WordPress Favicon Eklemenin 3 Kolay Yolu (Başlangıç ​​Dostu Kılavuz)

WordPress site ikonunuz hakkında bilmek isteyeceğiniz her şeyi öğrenmeye hazır mısınız?

Eğer aşina değilseniz, sitenizin favicon'u, web tarayıcınızın sekmesinde görünen o küçük simgedir. Örneğin, HeroThemes'de favicon'umuz şöyle görünür:

Ayrıca bazı kişilerin sık kullanılanlara "site simgesi" dediğini göreceksiniz. Endişelenme - onlar aynı şey.

Bu gönderide şunları öğreneceksiniz:

• WordPress favicon'unuz gibi küçük bir şeyi neden önemsemelisiniz?
• WordPress siteniz için bir favicon nasıl oluşturulur (ve hangi boyutta ve biçimde kullanılır)
• Üç farklı yöntemle WordPress'e favicon nasıl eklenir

WordPress Favicon'unuzu Neden Önemsiyorsunuz?

Biliyorum biliyorum. Yalnızca tarayıcı sekmesinde görünen küçük bir resim, muhtemelen işinizi büyütmeyecek veya bozmayacaktır. Ancak WordPress için bir favicon oluşturmak için biraz zaman ayırmanız için iki neden var.

İlk olarak, bir favicon kullanmak markalaşmaya yardımcı olur ve sitenizin ziyaretçilerinizin tarayıcılarında öne çıkmasını sağlar. Örneğin, aşağıdaki ekran görüntüsünde hangi sekmeler dikkatinizi çekiyor?

HeroThemes ve Twitter, değil mi?

Bu önemlidir, çünkü insanlar birden fazla sekmenin açık olmasını sever ( hayır – sekmeleri biriktiren tek kişi siz değilsiniz! ). 2009'da bile insanlar 3+ sekmeyi alıyordu ve daha çok gençler arasındaydı. Ve daha yeni veriler bulamasam da, ortalamanın aşağı değil yukarı çıktığına bahse girerim!

Favicon'unuz, sitenizi tarayıcılarda markalaştırmanın ve öne çıkarmanın ötesinde, mobil kullanıcılar için de yardımcı olur. Bir kullanıcı web sitenizi ana ekranına kaydederse, site simgeniz birçok cihazda simge olarak görünür .

Bir WordPress favicon eklemenin ne kadar kolay olduğunu düşündüğünüzde, bu avantajlar kesinlikle gününüzden birkaç dakika ayırmaya değer.

Doğru Boyut ve Biçimde Bir Favicon Görüntüsü Nasıl Oluşturulur

WordPress'e nasıl favicon ekleneceğine ilişkin sonraki bölümlerdeki adım adım talimatları uygulamadan önce, site ikonunuz için kullanmak istediğiniz resme gerçekten sahip olmanız gerekir!

Bu da favicon'unuz için doğru görüntü boyutlarını ve biçimini bilmeniz gerektiği anlamına gelir.

Cihazların dizilimi ile bu, bir zamanlar olduğundan daha karmaşık hale geldi. Ancak bu karmaşıklığı gidermek için, bir başlangıç ​​favicon'unu alacak ve onu tüm farklı cihazlar için otomatik olarak biçimlendirecek bazı araçlar da var.

Favicon'unuzu oluşturmak için ihtiyacınız olan her şey:

• Kare bir görüntü. En uygun WordPress favicon boyutu 512×512 pikseldir, ancak 260×260 piksel gibi daha küçük bir şey hala kabul edilebilir. Size göstereceğim tüm yöntemler bunu gerektiği gibi yeniden boyutlandıracak .
• Modern web için en iyi seçeneğiniz olan bir png görüntüsü.

Resminizi gerçekten oluşturmak için Adobe Photoshop veya GIMP gibi bir araç kullanabilirsiniz. Veya metinden veya bir emojiden favicon görüntüsü oluşturmak için Favicon.io gibi bir şey de kullanabilirsiniz.

Ortalıkta yüksek çözünürlüklü bir logonuz varsa, yapılacak en kolay şey logonuzun kare bir versiyonunu almaktır ( bu, HeroThemes'te kullandığımız şeydir ).

WordPress'e Favicon Nasıl Eklenir (3 Yöntem)

Resim dosyanızı aldıktan sonra, bu favicon'u WordPress sitenize eklemeye hazırsınız.

Aşağıda, site simgenizi WordPress'e eklemenin üç farklı yolunu göstereceğim. Her yöntem olsa da, biraz farklıdır .

Siteniz için doğru olanı seçmenize yardımcı olmak için işte kısa bir özet:

• Temel WordPress işlevselliğine sahip site simgesi ekleyin – bu çok basittir ve site simgenizi WordPress Özelleştirici aracılığıyla eklemenize olanak tanır. Tek dezavantajı, tüm cihazlar için favicon biçimleri eklememesidir. Çoğu site için bu tamamen iyi olsa da .
• RealFaviconGenerator WordPress eklentisi – bu, tüm cihazlar için bir favicon eklemeyi çok kolaylaştırır. Tek potansiyel dezavantajı, eklentiyi aktif tutmanızı gerektirmesidir, ki bu bazı insanların hoşuna gitmeyebilir.
• RealFaviconGenerator manuel yöntemi – eklentiyi kullanmak yerine RealFaviconGenerator'ın web sitesini kullanabilir ve kodu manuel olarak ekleyebilirsiniz. Bu yöntem, bir eklentiyi etkin tutma ihtiyacını ortadan kaldırır, ancak temanızın başlığına bir kod parçacığı eklemeniz gerekeceğinden biraz daha karmaşık hale gelir.

Yeni başlayan biriyseniz, ilk iki yöntemden birine bağlı kalmanızı öneririm. Ancak ileri düzey kullanıcılar üçüncü yöntemi tercih edebilir.

Temel İşlevselliğe Sahip WordPress'e Favicon Nasıl Eklenir

Bu gerçekten basit çünkü temel bir WordPress özelliği kullanıyor.

Başlamak için, WordPress Özelleştirici'ye erişmek için WordPress panonuzda Görünüm → Özelleştir'e gidin:

WordPress Özelleştirici'ye girdikten sonra Site Kimliği seçeneğine tıklayın:

Ardından, Site Simgesi bölümünü bulun ve site simgesi resminizi yüklemek için Resim seç'i tıklayın:

Bu, resminizi normalde yaptığınız gibi yükleyebileceğiniz normal WordPress Medya Kitaplığını açacaktır.

Resminizi yükledikten sonra Seç düğmesini tıklayın:

Oradan, WordPress size favicon resminizi kırpma seçeneği ve resminizin hem tarayıcı hem de uygulama olarak canlı önizlemelerini sunar.

Uygun kırpmaya ayarlayın ve ardından Görüntüyü Kırp 'ı tıklayın:

Ve işin bitti! WordPress Özelleştirici'nin üst kısmındaki Yayınla seçeneğini tıkladığınızdan emin olun; favicon'unuz canlı olmalıdır.

Bir WordPress Favicon Eklentisi Nasıl Kullanılır (Daha Fazla Cihazı Kapsar)

Şimdi, aynı etkiyi elde etmek için bir WordPress favicon eklentisinin nasıl kullanılacağını göstereceğim.

Yine – bu yöntem ile önceki yöntem arasındaki fark, eklentinin daha fazla cihaz için optimize edilmiş favori simgeleri ekleyecek olmasıdır. Ayrıca, favicon'unuzun farklı cihazlar için nasıl göründüğünü özelleştirmenize olanak tanıyan bir arayüz sunar.

Şunlar için özel sık kullanılanlar oluşturabileceksiniz:

• iOS
• Android
• Windows telefon
• vb.

Buna mutlaka ihtiyacınız yok - bu daha çok uç vakaları kapsamakla ilgili.

Bu yöntemi takip etmek için ücretsiz Favicon by RealFaviconGenerator eklentisini yüklemeniz gerekir.

Eklentiyi etkinleştirdikten sonra Görünüm → Favicon'a gidin. WordPress Medya Kitaplığından site simgenizi yüklemek veya seçmek için Medya Kitaplığından Seç düğmesini kullanın.

Ardından, Favicon oluştur'u tıklayın:

Bundan sonra, eklenti sizi favicon'unuzun farklı cihazlar için nasıl göründüğünü değiştirebileceğiniz bir dış siteye götürecektir.

Bu ince ayarları yaptıktan sonra aşağı kaydırın ve Favori Simgelerinizi ve HTML kodunuzu oluşturun düğmesini tıklayın:

Ve buna tıkladığınızda , WordPress kontrol panelinize geri götürüleceksiniz ve bir başarı mesajının yanı sıra farklı cihazlarda favicon'unuzun bir önizlemesini görmelisiniz:

Bu kadar! İşiniz bitti. Eklentiyi aktif tuttuğunuzdan emin olun - aksi takdirde favori simgeleriniz kaybolur.

Aynı RealFaviconGenerator Aracını Kullanarak WordPress'e Favicon Nasıl Eklenir

Yine, yukarıdaki eklenti yöntemiyle, favorilerinizi kullanmaya devam etmek için eklentiyi aktif bırakmanız gerekir.

Bu sizin için bir sorunsa, her şeyi manuel olarak yapmak için aynı aracı da kullanabilirsiniz.

Sonuç tamamen aynı, sadece resimleri FTP aracılığıyla manuel olarak yüklemeniz ve sitenizin <head> bölümüne bir kod eklemeniz gerekecek.

Bunu adımlara böleceğim çünkü biraz daha karmaşık…

Adım 1: Favicon Paketinizi Oluşturun

Başlamak için RealFaviconGenerator web sitesine gidin ve Favicon resminizi yüklemek için Favicon resminizi seçin'e tıklayın:

Resminizi yükledikten sonra, eklentiden aynı arayüzü göreceksiniz ve favicon'unuzu farklı cihazlar için gözden geçirip özelleştirebileceksiniz.

Eklentide olduğu gibi, aşağı kaydırın ve ince ayarlarınızı tamamladığınızda Favori Simgelerinizi ve HTML kodunu oluşturun düğmesini tıklayın:

2. Adım: Favicon Paketinizi Web Sitenize Yükleyin

Bir sonraki ekranda Favicon paketinizi indirmek için düğmeye tıklayın:

Ardından, bu paketi çıkarmanız ve FTP kullanarak sitenizin kök klasörüne yüklemeniz gerekecek (FTP'nin ne olduğundan emin değilseniz, önceki bölümdeki eklenti yöntemine bağlı kalmanızı öneririm ).

Tüm dosyaları kök klasöre koyduğunuzdan emin olun – bu başka türlü çalışmaz.

3. Adım: Temanızın <head> Bölümüne Kod Parçacığı Ekleyin

İşleri bitirmek için, RealFaviconGenerator'dan kod parçacığını WordPress temanızın <head> bölümüne eklemeniz gerekir:

Veya aşağıdaki kod parçasını alt temanızdaki function.php dosyasına ekleyebilirsiniz ( bir alt tema kullanmanız gerekir ):

/* Adds the favicon code snippet from RealFaviconGenerator */
add_action('wp_head', 'add_favicon');
function add_favicon(){
?>
REPLACE THIS LINE OF TEXT WITH FAVICON CODE
<?php
};

Her iki yöntem de iyidir!

Bunu yaptığınızda, işiniz bitti ve favicon'unuz çalışmaya başlamalı.

WordPress Favicon'unuzu Hemen Ekleyin

Favicon'unuzu eklemek ve ziyaretçilerinize daha markalı bir deneyim sunmak sadece birkaç dakikanızı alır.

Ve işte harika olan şey:

WordPress sitenize bir kez favicon eklediğinizde, bir daha asla düşünmek zorunda kalmazsınız!

WordPress favicon'u nasıl ekleyeceğiniz hakkında başka sorularınız mı var? Yorumlarda bize bildirin, yardımcı olalım!