Как установить favicon на WordPress сайт
Что такое favicon?
Favicon (сокр. от англ. FAVorites ICON — «значок для избранного»)- это пиктограмма(значок) отображаемая в адресной строке твоего браузера.(см.рис.1), размером 16×16 пикселей. Отображается рядом с адресом просматриваемого сайта, не несет в себе служебной информации и не выполняет не каких команд, то есть может служить в качестве украшения, или же для выделения сайта из множества открытых. Также он сохраняется в большинстве браузеров(firefox,explorer,opera) и в закладках, перед названием сайта. Ранее использовался для подсчета количества добавлений сайта в закладки.
Зачем он нужен моему сайту?
В принципе без него можно запросто обойтись. Но если он у тебя будет и он будет интересным, то можно выделить свой сайт из сохраненных в закладках, или загруженных в браузере, поддерживающим данную штуку.
Где взять favicon?
- Можно нарисовать его в графических редакторах поддерживающих данный формат, есть специализированные программы(Axialis IconWorkshop, AWicons Pro, Icon Master и т.д.) Или же создать онлайн здесь: http://www.favicon.cc, http://favicon.ru/
- Можно скачать можно скачать уже готовые:
http://favicon.fr/icones-animaux.htm
http://iconspedia.com/
http://www.deltatangobravo.com/archive/2004/march/favourite
http://blog.econsultant.com/favicon-gallery-1
Как установить favicon на сайт wordpress?
Для этого нужно:
- загрузить нужную иконку на свой сайт, можно например в корневую директорию разместить ее. Или же можно поместить в директорию image в теме WordPress.
- Авторизоваться(войти) как администратор ресурса(ну это же твой сайт, ты тут главный!) . Далее раскрыть в настройках сайта пункт Оформление(Appearance) см.рис.2-а- далее первое слово это в русском переводе, в скобках оригинальное написание на английском языке.
- Выбрать пункт Редактор(Editor) – см. рис.3.-а(этот пункт служит для редактирования файлов темы)
-
Выбрать Header он же header.php(см. рис.4-а) и написать между тегами
следующие строчки:
<link rel="icon" href=" http://твой-сайт/где лежит иконка/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href=" http://твой-сайт/где лежит иконка/favicon.ico" type="image/x-icon">
Здесь расскажу поподробней, что еще за пути. Дело в том что ты можешь положить этот значок куда хочешь, на сайте главное это правильно указать к нему путь. Поскольку в начале я писал про то что можно положить иконку в корневую директорию, то в качестве пути вполне допустим такой путь: /favicon.ico (дабы например упростить перенос сайта, и не переписывать каждый раз пути) - Нажать на кнопку Обновить файл(Update file) в редакторе темы
- Для локальной версии сайта, просто обнуляем кеш браузера и выполняем несложное действие
- Для Firefox- перезапускаем его и снова заходим на свой сайт
- Для Explorer- заносим сайт в закладки, и перезапускаем браузер
- Можно наслаждаться результатом
Примечание: файл не обязательно называть favicon, главное правильно написать его название в указание пути не во всех броузерах поддерживается этот значок.
Почему не виден favicon?
- невнимательно читал текст выше
- не обнулен кеш броузера или на сервере
- не правильный путь к значку сайта(favicon который)
- не видел его еще робот – это для отображения знакчка в поисковиках
- непрописан или неправильно прописаны ссылки для favicon
- другое…
UPD. еще хорощий сервис мне подсказал читатель- TAIFUN за что спасибо, вот этот сервис для создания фавикона tools.dynamicdrive.com/favicon/
UPD2. очень приличный сервис http://tools.dynamicdrive.com/favicon/
Автору спасибо за детальную инструкцию, особенно понравился сервис создания и редактирования фавиконов
Спасибо! Буду пробовать.
Да такой способ еще не кто не предлагал попробую
Автору заранее спасибо
Хорошо что есть такие сайты как этот
Реально помогает, спасибо!
Да ситуация интересная, но думаю не критическая. Если фавикон виден под остальными ОС, то не вижу не чего страшного.(Vista установлен далеко не у всех, да и сам фавикон имеют скорее декоративную функцию)Но за новые факты про него спасибо, буду разбиратся.(интересно же)
Сегодня столкнулся с интересной ситуацией.
Никак не получалось заставить Firefox 6.01 под Vista отображать favicon нового сайта. Никакие чистки кеш и кук не помогали. При этом, все другие браузеры отображали favicon корректно, Firefox под Ububntu и под Windows 2k тоже. Решил проблему только, когда загрузил Vista в безопасном режиме, а потом в нормальном.
Дмитрий а что конкретно не получается? (напишите на почту мне, обсудим)
У меня кстати тоже нечего не получается, уже 2 недели пытаюсь ни как, я в отчаянии.
Ответил на почту.
Никак не получается, все перепробовал.. если можете подсказать, свяжитесь со мной по почте, пожалуйста!
Ольга пожалуйста, рад что понравилось.
Спасибо за полезную информацию
Vera,elise,Пётр спасибо за комментарий. Пётр спасибо за информацию про плагин Favicons, буду читать разбираться с ним.
Есть ешё один способ установить favicon если вы используете CMS WordPress.Плагин Favicons – очень удобный инструмент для быстрого создания иконки сайта.