Делаем favicon (фавикон) для WordPress. 2 способа.

Добавил Tokito | Опубликовано в Дизайн | Дата: 04-12-2009 |

Для тех кто не знает, Favicon (фавикон) – это такой маленький рисунок, который находится слева от адресной строки вашего сайта. Например, на tokito-blog.ru он выглядит так:

favicon_1

Полезен он не только для красоты, но и для того чтобы пользователь смог легко найти ваш сайт среди закладок или избранного.
Чтобы сделать фавикон к своему сайту существует специальные сервисы, где онлайн быстро можно сделать фавикон. Рассмотрим 2 таких сервиса:

Html-kit – зарубежный сервис по созданию фавикона онлайн. Я, в основном, пользуюсь этим сервисом. Всё что вам нужно это загрузить изображение и скачать получившиеся фавиконы. В архиве будет 2 фавикона: favicon.ico – обычный фавикон, favicon.gif – двигающийся фавикон. У меня на блоге стоит двигающийся.

Favicon.co.uk – ещё один сервис. Здесь нельзя создать двигающийся фавикон, но можно выбрать разные размеры фавикона (16х16, 32х32, 48х48, 64х64).

Фавикон сделан, теперь его нужно впихнуть в WordPress. Для этого есть два способа, которые, в принципе, одинаковы:

1 способ:
Заливаем готовый фавикон в корневую папку вашего сайта, затем заходим в редактирование header.php и между тегами и прописываем такой код:

<link rel="shortcut icon" href="http://www.vashsait.ru/favicon.ico"> - для обычного фавикона. Для двигающегося ставим расширение favicon.gif.

2способ:
Фавикон нужно залить в /wp-content/themes/название_шаблона и также, зайти в header.php, но вставить вот такой код:

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />для обычного фавикона. Для двигающегося ставим расширение favicon.gif.

Ну вот и всё, обновите страницу вашего сайта и фавикон должен появиться.

Похожие материалы:

Комментарии

Оставлено (29) комментариев в Делаем favicon (фавикон) для WordPress. 2 способа.

  1. Странно… попробовал вторым способом – ничего не получилось.

  2. А можно и еще закинуть фавикон закинуть в корневую папку сайта и обновить. Должно получиться для favicon.ico

  3. Пробовал двумя случаями, но ничего не получилось. Может ли сам шаблон мешать? Ведь у меня есть фавикон, и у него есть ссылка на сайт, возможно автора темы.

  4. Если фавикон уже есть, то его нужно заменить на свой.

  5. хм кто не знает есть и скриптной движок без расторовой пикселей,но лучше всего png или gif стат,!

  6. использовал первый способ.
    Фавикон как и положенно появился в нужном месте.
    Весь процесс не занял более 5-ти минут
    Автору спасибо за хорошее описание процесса.

  7. Спасибо! Давно хотел сделать фавикон. Правда почему то не работает gif. Вместо движения, картинка находится в статическом положении.

  8. Да вроде двигается ваш favicon.

  9. А у меня ничего так и не получилось к сожалению. Видно придется без фавикона оставаться.

  10. А я вижу у вас фавикон. Попробуйте просто браузер перезапустить

  11. Спасибо!!! Всё работает!!! Ы-Ы-Ы!!!

  12. Всё отлично спасибо. Удачи!!!!

  13. Странно все это конечно. У меня все получилось на одном ресурсе а на другом нет. Я и так итак пробовала. По разному обновляла. Даже плагин специльный попробовала поставить. Но с ним только в административной панели фавикон виден.

  14. Вы меня извините, я наверное что-то не то делаю. По техническим вопросом, я ну совсем не бум-бум. Все делала, как описано в первом способе, но картинка не появилась, может я не в том месте код прописываю? Подскажите пожалуйста.

  15. Вроде правильно вставили. Попробуйте убрать из адреса “www”, то есть пропишите
    http://sveta-traveller.ru/favicon.ico

    Если все будет правильно, то у вас по этому адресу должна открываться эта картинка.
    Или попробуйте второй способ.

  16. Сразу устанавливал по 2-му методу, и, наконец-то, установилось! Столько сайтов “перелопатил”, в основном, все методы были похожи на 1-й. И ничего не получалось! Автору ОГРОМНОЕ спасибо!

  17. Спасибо за программу для изготовления фавикона! Просто поставила на плагин фавикон для вордпресс. Все заработало.

  18. http://favicon.ru – российский сервис изготовления фавиконов

  19. спасибо огромное

  20. А у меня наоборот первый способ получился-на сайте высвечивается фавикон, в админ панели правда нет.По второму способу как не пытался-не вышло.На заметку:в первом способе нужно прописать полный путь к файлу favicon.ico

  21. Вот, ё, все варианты перебрал, и все в пустую, нет фафикона……зла не хватает….

  22. Да вроде бы показывается у вас фавикон.

  23. Да сори, вчера все таки добил к ночи, заработало, в headerе код ставил в низу странички, не работало, а в верху положил и заработало…

  24. И метод выбрал первый, спасибо….

  25. Пол дня потратил, чтоб разобраться как поставить фавикон, перелопатил кучу сайтов, везде результат нулевой. Попал на Ваш сайт установил по варианту 2 сразу все заработало. Коротко и ясно. Спасибо!
    Ваш сайт у меня в закладках.

  26. Доброго времени суток!
    Такой вопрос стандартно добавил через тему фавикон
    в браузерах отображается
    яша не хочет его воспринимать
    далее просто выложил в корень сайта
    часть каталогов и поисковиков его взяла
    а яша не в какую
    п.с.
    ваш способ не пробовал
    в чем может быть загвоздка?

  27. Апдейт фавикона у яндекса проходит в определенное время. Последний раз был 10.10.12.
    Вот тут можно отслеживать апдейты яндекса:
    http://forum.searchengines.ru/forumdisplay.php?f=60

  28. как сделать этот процесс: Заливаем готовый фавикон в корневую папку вашего сайта, затем заходим в редактирование header.php ?

  29. Получилось на сколько я понял и без кода, сам фавикон залил в папку через FileZilla.

Оставить комментарий

21.73MB | MySQL:54 | 0.224sec