WordPress Favicon Oluşturma ve Yayınlama

WordPress Favicon Oluşturma ve Yayınlama İnternetteki çoğu web sitesini ziyaret ederseniz ve tarayıcı sekmesinin sol tarafındaki küçük resme bakarsanız, bu resim sitenin favicon’u olarak bilinir.

Çoğu profesyonel web sitesi, sitenin görüntülendiği tarayıcı sekmesinde bu resimlerden birini sunar. Olmazsa, o zaman sadece düz bir belge simgesi göreceksiniz. Bu, profesyonel olmayan bir web sitesinin veya web sitesi tasarlama hakkında çok az şey bilen biri tarafından oluşturulan bir web sitesinin işaretidir.

WordPress web sitenizle profesyonel bir görüntüyü canlandırmak istiyorsanız, gerçekten bir WordPress favicon oluşturmanız ve yayınlamanız gerekir. Nasıl olduğunu size göstereceğiz.

WordPress Favicon Nedir?

Şu anda açmış olduğunuz tarayıcı sekmesine bir göz atın. Sekmenin sol üst köşesinde görüntülenen Codeturkiye favicon’u görmelisiniz.

Bir favicon kurmak özellikle karmaşık değildir, ancak bir favicon tasarlamak biraz düşünmeyi gerektirebilir.

Aşağıdakiler, sitenizin favicon görüntüsü olarak hangi görüntünün kullanılacağına karar verirken aklınızda bulundurmanız gereken birkaç şeydir.

• 512 × 512 piksel boyutlarında bir görüntü oluşturmayı hedefleyin
• Görüntüyü 16 × 16 pikselde bile iyi görünecek kadar basit hale getirin
• Site simgeniz markanızı açık bir şekilde temsil etmelidir
• Kullanıcıların kafasını karıştıracağından, Gmail veya Google Drive gibi iyi bilinen faviconları kopyalamaktan kaçının
• Bir favicon görüntüsü Windows Simgesi (ICO) biçiminde kaydedilmelidir
• Şeffaf resimler işe yarayacak ancak gerekli değildir

Görüntüyü neden 512 × 512 piksel olarak kaydetmelisiniz? Kullanıcının web’e göz attığı cihaza bağlı olarak, görüntü 16 × 16 piksel kadar küçük ve 310 × 310 piksel kadar büyük boyutlarda görüntülenebilir. 512 × 512 piksel olarak kaydetme, görüntünün kullanıcının tarayıcısı tarafından nasıl ölçeklendiğine bakılmaksızın tüm çözünürlükleri kapsar.

WordPress Favicon’unuzu Nasıl Oluşturabilirsiniz?

WordPress favicon’unuzu kurmanın en zor kısmı onu oluşturmaktır. Dijital grafikler oluşturma konusunda yetenekliyseniz, devam edin ve Adobe Photoshop veya Gimp’i çalıştırın ve site simgenizi sıfırdan oluşturun. Bununla birlikte, kendi grafiklerinizi tasarlama konusunda çok iyi değilseniz, başka birçok seçenek vardır.

Siteniz için sorunsuz bir şekilde çalışan bir favicon oluşturmak için herhangi bir ücretsiz çevrimiçi favicon oluşturucu web sitesini kullanabilirsiniz.

• Favicon.io : Metinle, kendi görüntünüzle başlayan veya bir emoji arasından seçim yaparak favicon simgeleri oluşturun. Metinle başlarsanız, yazı tipi stilini, rengini ve arka plan rengini özelleştirebilirsiniz.
• Favicon.cc : Bir çizim alanında sadece farenizi kullanarak hızlı bir simge çizin. Dokunmatik ekranınız varsa, parmağınızı veya bir kalem kullanarak simgeyi çizebilirsiniz.
• Ionos.ca : Baş harflerle başlayın, bir resim yükleyin veya favicon simgenizi çizin. Bu site, indirmeden önce bir önizleme içerir.
• Website Planet : Bir resimle başlayın veya özelleştirebileceğiniz önceden hazırlanmış faviconlardan oluşan bir galeriden seçim yapın.

Bu sitelerin çoğu ayrıca PNG, JPEG veya GIF formatında oluşturduğunuz bir resmi alıp sizin için ICO formatına dönüştürecektir.

ICO görüntünüzü oluşturduktan ve bilgisayarınıza bir yere kaydettikten sonra, onu WordPress web sitenize yüklemeye hazırsınız.

WordPress Favicon’unuzu Kurmak

Favicon’unuz bilgisayarınızda ICO formatında saklanır. Peki bunu WordPress sitenize nasıl yüklersiniz? Birkaç seçeneğiniz var.

1. WordPress Özelleştirme Özelliğini Kullanın

WordPress 4.3’ten daha yeni bir WordPress sürümü kullanıyorsanız (olması gerektiği gibi), WordPress, favicon’unuzu bir “site simgesi” olarak yüklemek için yerleşik bir seçenek sunar.

Bunu yapmak için, WordPress Yönetici panonuza giriş yapın ve soldaki menüden Görünüm’ü seçin. Ardından, Özelleştir’i seçin.

Bu, yeni WordPress görsel özelleştirme aracını açacaktır. Seç Sitesi Kimlik sol menüden.

Bu, site logonuzu, başlığınızı ve diğer özellikleri özelleştirebileceğiniz bir açılır alan açacaktır. Alt yarısına doğru Site Simgesi bölümünü göreceksiniz.

Site simgesi dosyanızı yüklemek için Site seç simgesini seçin.

Bu, WordPress’te Resim Seç aracını açacaktır. Favicon dosyanızı WordPress görsel kitaplığınıza zaten yüklediyseniz, bunu Medya Kitaplığı sekmesinden seçebilirsiniz.

Henüz yüklemediyseniz, Dosyaları yükle sekmesini seçin, bilgisayarınızda favicon dosyanızı bulup seçin ve ardından yükleyin. Yüklendikten sonra seçin.

Favicon dosyanızı seçtikten sonra, Site Simgesi bölümünde küçük bir önizlemesini göreceksiniz. Bu alan ayrıca, tarayıcı sekmesinin o resimle nasıl görüneceğinin küçük bir önizlemesini gösterir.

Gördüklerinizi beğendiyseniz, sayfanın üst kısmındaki Yayınla düğmesini seçin.

Favicon görüntünüz artık yayında ve insanlar sitenizi ziyaret ettiğinde herhangi bir tarayıcı sekmesinde görünmeye başlayacak.

2. Favicon’u Manuel Olarak Yükleyin

WordPress’in en son sürümünü kullanmıyorsanız veya başka bir CMS kullanıyor olsanız bile, yaygın ve kolay bir çözüm, ICO favicon dosyasını web sitenizin kök dizinine yüklemektir.

Çoğu web sunucusuna WordPress kurulumlarında, bu genellikle web sitenizin web klasörünün içindeki public_html dizinidir. Dosyayı favicon.ico olarak adlandırdığınızdan ve favori FTP istemcinizi veya dosyayı bu klasöre yüklemek için web sunucunuzun sağladığı dosya yöneticisini kullandığınızdan emin olun.

Web sitenizi yeniden yüklemek için tarayıcınızı kapatın veya bir Ctrl-F5 tarayıcı yenilemesi yapın. Bunu yaptıktan sonra, sitenizin tarayıcı sekmesinin artık yeni favicon resminizi görüntülediğini görmelisiniz.

Bu çoğu zaman işe yarar çünkü temanız veya siteniz bir favicon bağlantısı belirtmiyorsa, WordPress varsayılan olarak kök klasörü kullanır. WordPress dışındaki diğer CMS sistemleri genellikle aynı favicon konumuna varsayılan olarak atanır.

Bu işe yaramazsa, bunun birkaç nedeni olabilir.

• Temanız, başka bir konumda bir favicon bağlantısı belirtiyor.
• Dosyayı yanlış uzantı veya adla kaydettiniz.
• WordPress’in yeni favicon görüntüsünü alması için yeterince beklememiş olabilirsiniz.

Temanız bir favicon bağlantısı belirtiyorsa, favicon’unuzu yükleyebileceğiniz bir yapılandırma sayfası (yukarıdaki WordPress örneğine benzer) sağlamalıdır. Olmazsa, bu bağlantıyı mevcut temanızın içinde kendiniz kodlamanın bir yolu vardır.

3. Bir Favicon Bağlantısı Ekleyin

İlk olarak, son bölümdeki prosedürü kullanarak favicon dosyasını web sitenizin kök dizinine yükleyin.

WordPress Yönetici panonuza giriş yapın ve soldaki menüden Görünüm’ü seçin. Ardından, Tema Düzenleyiciyi seçin.

Sayfaların listelendiği sağ gezinme bölmesinden header.php dosyasını seçin. Aşağıdaki iki satırı başlık bölümündeki dosyaya ekleyin.

<link rel=”icon” href=”https://www.siteadınızıburayayazın.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”https://www.siteadınızıburayayazın.com/favicon.png” type=”image/x-icon” />

“Sitenizi” kendi web sitenizin adıyla değiştirin.

Değişiklikleri kaydetmek için Dosyayı Güncelle’yi seçin. Şimdi, sayfanızı yeniden yükledikten sonra, temanızın yüklediğiniz favicon’u aldığını ve tarayıcı sekmesinin simge resminizi görüntülediğini görmelisiniz.