Добавляем иконку favicon
Иконку добавить совсем несложно. Давайте разбираться. Этой статьёй я начинаю серию уроков технической помощи для моих партнёров. Чуть позже для этого будет отдельная рубрика!
Для тех кто не знает, что такое иконка фавикон :
favicon.ico — это небольшая картинка в специальном формате, которая отображается рядом с URL – адресом Вашего сайта в адресной строке браузера и рядом с названием Вашего сайта в «Избранном» или в «Закладках» вместо стандартной, общей для всех иконки.
Для чего нужна иконка favicon? Этот элемент дизайна предназначен для создания уникального отображения сайта или блога в строке поиска. Иконка облегчает поиск нужного сайта в Ваших закладках. Наверняка, Вы не раз замечали, заходя в закладки, что ищете сайт не по его имени, которое теряется на фоне других закладок, а по уникальному значку – иконке для сайта. Так вот, это и есть favicon.ico. В поисковиках сайт будет отображаться с той иконкой, которую Вы для него установите.
Иконку можно создать самому в графическом редакторе PhotoShop. Создаём файл 16 x 16 px или 48х48 пикселей при разрешении 72 dpi. Рисуем и сохраняем в *.jpg или в *.gif. Ещё проще – выбрать её из предложенных в интернете. Подойдёт любое изображение или фотография, которые не защищены авторскими правами. Иконку добавить можно с этого бесплатного ресурса
Установить иконку на сайт или блог можно в такой последовательности:
1. Создать либо скачать из интернета подходящую картинку.
2. Перейти на страницу сервиса favicon.ru (на этом сервисе иконку можно перевести в формат *.ico)
3. Закачать картинку, кликнув «Обзор» и жмите «Сreate favicon.ico» (нижнее окно оставьте незаполненным).
4. После генерации Вам будет предложено скачать иконку. Нажмите «Download» и сохраните favicon на своём компьютере.
5. Далее загрузить favicon на своем web-сервере в папку «public_html» (для WordPress и большинства других).
6. Теперь Вам необходимо отредактировать header.php (заголовок) Вашего блога. На администраторской панели откройте панель редактора, найдите файл header.php, используемой Вами темы, и добавьте следующий код в любом месте между тэгами <head> и </head> :
<link rel=»shortcut icon» href=»http://www. вашсайт/favicon.ico»>
«Вашсайт»— Ваш домен (название сайта).
7. Сохраните Ваш файл header.php
8. Обновите Ваш браузер нажатием комбинации клавиш Ctrl+F5. Если ничего не изменилось, перезагрузите Ваш браузер. Если это не помогает, то перезагрузите компьютер . Теперь Вы должны увидеть иконку рядом с Вашим URL – адресом. Иногда она проявляется не сразу, а спустя несколько минут.
Hаслаждайтесь результатом! Будут вопросы — задавайте. Oперативно отвечу на Ваш комментарий!
Игорь Щепетов
Спасибо за добавление статьи в: