İnternet sitenizin tasarımını yaparken adres çubuğunda da görsel sunabileceğinizi biliyor muydunuz? Favicon’lar, internet sitelerine özel 16×16 boyutlara sahip, adres çubuğunun yanında yer alan küçük görsellerdir. Güzel bir favicon tasarımı çok hoş durabilir. Örnek olarak benim basitçe adımın baş harflerini (T-T) kullanarak hazırlamış olduğum favicon’u adres çubuğundan inceleyebilirsiniz.
Favicon’unuzu Photoshop gibi profesyönel bir programda hazırlayabilecğiniz gibi, Paint gibi daha basit bir programda da hazırlayabilirsiniz. 16×16 piksel boyutlarında bir çalışma alanına çizebileceğiniz görseller fazla detaylı olamıyor maalesef. Fakat bu alanı sitenizi temsil edecek küçük bir görsel olarak kullanabilirsiniz. Bu şekilde oluşturduğunuz favicon’unuzu .jpg veya .gif formatında kayıt ettikten sonra çevrimiçi favicon çevirici servislerden yararlanabilirsiniz. Bu dosyaları çevirmemizin sebebi favicon’ların .ico formatında olmak zorunda olması ve kullandığınız programlar bu formatta kayıt etmiyor olabilir. En sağlıklısı .jpg formatında kayıt edip daha sonra bu servisleri kullanarak .ico formatına dönüştürmek olacaktır.
- Ben kendi favicon görselimi hazırlamak için Prodraw sitesinin favicon oluşturma aracını kullandım. İnternette pek çok favicon dönüştürücü site bulabilirsiniz. Html-kit ve Converthub siteleri de bu servisi vermekteler.
- Favicon dosyanızı Wordpress blogunuzun dizinine attıktan sonra Görünüm’den Editör’e gelin ve Üst Kısım (Header.php) şablonunu açın.
- Bu bölümde <head> kodundan hemen sonra aşağıdaki kodları düzenleyip ekleyin ve kaydedin.
<link rel=“shortcut icon” href=“http://www.tufantunc.com/favicon.ico” type=“image/vnd.microsoft.icon”/>
<link rel=“icon” href=“http://www.tufantunc.com/favicon.ico” type=“image/x-ico”/>
Burada “http://www.tufantunc.com/favicon.ico” yerine kendi sitenizdeki favicon görselinizin adresini yazın.
Böylece faviconunuz adres çubuğundaki yerini alacaktır.
İlgili Başlıklar:
- Wordpress Yazı Sürümleri Özelliği ve Kontrolü
- Wordpress 2.7 – Yönetim panelindeki yenilikler
- WordPress 2.7.1 yayınlandı
- Wordpress’te iletişim sayfası
- Wordpress’te temel güvenlik önlemleri
3 yorum yapıldı
Paylaşım için teşekkürler. Deneyeceğim peki bu faviconu hareketli kayan yazı şeklinde yapabiliyormuyuz acaba_?
13 Haziran 2009Daha önce hiç hareketli favicon hazırlamadım fakat gif formatlı animasyonlarınızı bu şekilde favicona çevirmeyi deneyebilirsiniz. Ayrıca walleq.com sitesindeki bu sayfada hareketli favicon yapımı konusunda bir anlatımda mevcut.
13 Haziran 2009allah razı olsun denedim ve eklemeyi başardım. çok sağ olun…
31 Ocak 2010Yorum Ekleyin