Favicon (site simgesi) oluşturulan web sitesinin adres çubuğunda ya da sık kullanılanlar kısmında site ismi yanında görünen grafiktir. Genellikle .ico uzantılı grafikler kullanılır. Bunu oluşturmak için fireworks, photoshop gibi resim düzenleme programlarıyla hazırlanan 16×16 büyüklüğünde bir resim www.favicon.cc sitesine import edilerek resmin .ico uzantılı hali indirilir. Resmimizin adını favicon.ico olarak değiştirdik. Sıra geldi bu resmi sitemize eklemeye. Resim sitemizin kök dizinine eklendikten sonra index sayfamızda head bloğu içine şu satır eklenir.
<link rel=”icon” href=”images/favicon.ico” />
<link rel=”shortcut icon” href=”images/favicon.ico” />
Siteniz wordpress ile hazırlanmış ise o zaman resmi temamızın kök dizinine ekliyoruz ve header.php içerisinde yine head bloğu içerisine yukarıdaki satırı ya da aşağıdaki satırları ekliyoruz.
<link rel=”icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />
Site simgemiz (favicon) hareketli bir resim olmasını istiyorsanız, 16×16 büyüklüğünde hazırladığımız favicon.gif animasyonunu dizine attıktan sonra head bloğu içerisine şu kodu yazıyoruz.
<link rel=”icon” href=”favicon.gif” type=”image/gif” >
Hocam yazdıklarınızın aynısını uyguladım ama bende neden görünmüyo fovicon ?
Utku, muhtemelen çerezlerle alakalıdır, bütün geçmişi temizle sayfayı tekrar çağır.
hocam ben bilişim öğrencisiyimde iletişim sayfasındaki mavi yerler div mi