Что такое favicon? Где стоит и как установить фавикон? Как установить favicon на сайт без выхода по FTP?
Как только не называют эту «малышку-картинку», одни favicon, другие фавайкон, третьи пиктограмма, четвертые иконка. Я бы назвал ее «маяком», который в бушующем океане информации помогает «кораблям -пользователям» находить свой «причал». Поговорим об этом подробнее.
Открываем поисковик Yandex (Яндекс) и водим запрос в строку поиска. Думаю, Вы уже обратили внимание, что при выдаче результатов, слева от адреса многих сайтов, есть маленькая картинка. Вот она нам и нужна — favicon.ico (или в формате .png), рис. 1
Где взять фавиконку? Есть множество бесплатных ресурсов на которых собраны коллекции этих, так и хочется сказать, «букашек». Размер у них и вправду всего 16х16 рх(пикселей). Один из таких сервисов http://www.iconj.com/gallery.php . Фавикон бывают как в формате ico, так и анимированные gif. Есть так же множество генераторов, позволяющих создать иконку.
Если на вашем сайте (блоге) есть индивидуальный логотип, то лучше сделать favicon из логотипа, так обычно и поступают те, кто заказывает индивидуальный дизайн и логотип для сайта.
1. Вставить favicon можно выйдя на FTP и закачав ее в папку, где лежат все картинки вашей темы, чаще всего это папки images или img.
2. Затем заходим в административную панель сайта и слева находим Внешний вид/Редактор, рис. 3
3. В редакторе открываем файл header.php и между тегами <head> </head> вставляем строку кода
<link rel=“shortcut icon” href=“<?php bloginfo(‘template_url’); ?>/images/favicon.ico”type=“image/x-icon” />
Если у вас фавиконка в формате favicon.gif, то соответственно получится строка кода
<link rel=»shortcut icon» href=»<?php bloginfo(‘template_url’); ?>/images/favicon.gif» type=»image/x-icon» />
4. Нажимаете «Сохранить файл» и перезагружаете страницу вашего сайта.
Favicon может появиться не сразу, спустя какое-то время.
Можно установить favicon без выхода на FTP. Итак, у нас на компьютере в одной из папок должна лежать иконка.
1. Заходите в административную панель своего сайта (блога).
2. Открываете «Записи». Берете какую-нибудь запись и нажимаете «Редактировать». Затем на странице записи жмем на значок загрузки изображения, рис. 1
3. Загружаете с компьютера вашу фавиконку. В окне загрузки нас будет интересовать только URL ссылки favicon.ico. Копируете адрес (URL ссылки) вашей иконки (у вас будет свой URL адрес), рис. 2.
Не нажимая кнопок «Вставить в запись» и «Сохранить все изменения» закрываете окно добавления картинки.
4. В левой колонке переходите «Дизайн/Редактор». В редакторе открываете файл header.php и между тегами <head> </head> вставляем строку кода
<link rel=“shortcut icon” href=“http://www.my_comp/wp-content/uploads/2011/12/favicon.ico” type=“image/x-icon” />
В строке кода красным цветом выделен адрес иконки (у вас будет свой URL адрес), который я скопировал с рис. 2.
5. Не забываем про кнопку «Сохранить файл» и перезагружаем страницу сайта.
Favicon, как и говорил выше, может появиться не сразу, спустя какое-то время.
Как видите, ничего сложного, теперь Вы знаете как установить «маяк» для вашего сайта. Пишите как все прошло.
«« Плагин Simplebox: всплывающие изображения в WordPress
Плагин Search Meter: скачать, установить. Всегда знать, что ищут на сайте »»
Очень интересно! Спасибо за статью!
Суперский пост! Блог уже в ридере )