WordPress Sitesine Favicon Ekleme – Detaylı Anlatım

Niks

Emektar üye
Katılım
28 Mart 2019
Mesajlar
101
Beğeniler
0
#1
Favicon, web tarayıcınısında website başlığı yanında yer alan küçük logodur. Faviconun amacı, kullanıcılarınızın hafızasında görsel bir imaj bırakmak ve sitenizi tanımalarını sağlamaktır.

Sitenizi sıklıkla google üzerinden gelen bir ziyaretçinin hafızasında genellikle sitenizin isminden daha ziyade favicon görseli kalıcı olacaktır.

Bu yüzden favicon kullanmamak yapılabilecek en büyük hatalardan birisidir. Bu yazımda sizlere blogunuz için favicon ekleme işlemeni nasıl yapacağınızı detaylı anlatacağım

Sitenize Neden Favicon Eklemelisiniz?
Genelde bende dahil bir çok kullanıcı bir konu üzerine internetten araştırma yaparken, google aratma sonuçlarının ilk sayfasında yer alan siteleri tek tek ziyaret etmek yerine, hızlı olması açısından sonuçlarda yer alan tüm sitelere sağ tıklayıp yeni sekmede aç deyip, tümünü ayrı ayrı sekmeler de açtıktan sonra bu siteleri ziyaret eder.

Ve eğer açtığınız bir çok sekme arasında daha önce girdiğiniz ve tatmin olup ayrıldığınız bir sitenin faviconunu görürseniz, dikkatiniz tüm yeni açtığınız o sekmeler arasından direkt olarak bu siteye kayacaktır.



Favicon, ziyaretçinin bilinç altına yerleşmek demektir. Favicon markanızı, logonuzu, isminizi, kalitenizi, yani tamamıyla sizi yansıtan bir semboldür. İşte favicon bu yüzden bu kadar önemlidir.

Favicon Nasıl Oluşturulur
Favicon resminizin eni ve boyu birbiriyle aynı oranda olmalıdır (Kare). 32×32 yada 16×16 gibi.

Photoshop’u yada her hangi bir resim editörünü açın ve üzerinde kolayca çalışabilmek adına resminizi 128×128 boyutuna yada daha büyük boyutlara getirin. Gerekli çalışmaya bitirdikten sonra favicon resminiz hazır ise, resmi tekrar 32×32 boyutuna getirin ve PNG formatında kaydedin.

Not: Eğer nasıl bir favicon resmi oluşturacağınızdan emin değilseniz, size ilham kanağı olması için icon sitelerine bakabilirsiniz. iconarchive onlardan bir tanesi.

Modern web tarayıcılarının çoğu faviconu PNG formatında kabul etmesine rağmen bazıları favicon resmini hala .ico formatında ister. Bu yüzden sizinde PNG resminizi .ico formatına çevirmenizde de fayda var.

Favicon Generator ile bunu çok kolaylıkla yapabilirsiniz. Siteye girdikten sonra Import Image deyip, bilgisayarınıza kayıtlı olan faviconunuzu upload ettikten sonra faviconunuzu .ico formatında indirebilirsiniz.

Wordress Favicon Ekleme ( WordPress 4.3 ve Üzeri Versiyon )
WordPress 4.3 ve üzeri versiyonlarda faviconu wordpress admin panelinden direkt olarak sitenize yüklemek mümkün.

1-Eğer wordpress 4.3 ve üzeri bir versiyon kullanıyorsanız, WordPress Admin Paneli >> Görünüm >> Özelleştir sekmesine gidin.

2-Özelleştir sayfasında Site Kimliği sekmesine tıklayın. Sekmeye tıkladığınızda Site İkonuseçeneğini göreceksiniz. Dosya seç kısmından belirlediğiniz resmi bilgisayardan seçerek siteniz faviconu haline getirebilirsiniz.

Wordress Favicon Ekleme ( WordPress 4.2 ve Altı Versiyon )
Eğer wordpress 4.2 veya altı bir wordpress versiyonu kullanıyorsanız, daha uzun olan altta anlatığım öntemi ugulamanız gerekli.

1-Favicon resminizi FTP üzerinden sitenizin kök dizinine .ico formatında ekleyin. Daha sonra WordPress admin panelinize giriş yapın.

2-Ardından, Görünüm >> Düzenleyici sekmesine gidin ve Üst Kısım ( header.php ) dosyanızı düzenlemek için açın.

3-Ve alttaki kodu header.php sayfanızda <head> ve </head> tagları arasında herhangi bir yere ekleyin.

<link rel="icon" href="https://wpmavi.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="https://wpmavi.com/favicon.ico" type="image/x-icon" />


Önemli:Kodun içindeki URL adreslerini, sitenizin kök dizinine eklediğiniz kendi favicon URL adresinizle değiştirmeyi unutmayın. http://www.sizinsiteniz.com/favicon.ico

Eğer kullanığınız tema header.php sayfasına sahip değilse, yada header.php sayfasının tam olarak nerede olduğunu bulamadıysanız, endişelenmeyin. Bu işlemi sizin yerinize yapacak bir wordpress eklentisi mevcut.

Insert Headers and Footers eklentisini wordpress sitenize yükleyip, etkinleştirin. Ardından Ayarlar >> Insert Headers and Footers sekmesine gidin ve “header” bölümüne yukarıdaki kodu yapıştırıp, kaydedin.

Eğer FTP nasıl kullanılır bilmiyorum yada FTP ile uğraşmak istemiyorum diyorsanız, merak etmeyin onun için de All in One Favicon eklentisi mevcut.
 

Bu konuyu okuyan (Kullanıcı: 0, Ziyaretçi: 1)

Benzer konular


Yasal uyarı

İçerik sağlayıcı paylaşım sitelerinden biri olan wabbuz.com T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre ve kullanıcıların sisteme kayıt olurken kabul ettikleri kurallar çerçevesinde tüm kullanıcılar yaptıkları paylaşımlardan sorumludur.

Wabbuz.com hakkında yapılacak tüm hukuksal Şikayetler buradan iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 1 (Bir) Hafta içerisinde tarafımızca gereken işlemler yapılacak ve tarafınıza dönüş sağlanacaktır.

İstatistikler

Konular
2,160
Mesajlar
2,214
Kullanıcılar
99
24 saatte açılan konu
0
24 saatte yazılan mesaj
0
Son 30 günde kaydolan üye
8
Son üye
smmturk
Üst Alt