WordPress, Дизайн

Favicon для WordPress

Решил установить себе favicon на блог, и хочу рассказать Вам как это сделать.

И так, что же такое favicon – в переводе означает как “значок для избранного” связанный с сайтом или страницей, предназначенный для использования при закладках. Браузеры используют их в адресной строке, на вкладках и в других местах, чтобы помочь идентифицировать сайт визуально.

Значок из себя представляет некую картинку размером 16х16 пикселей (px) и сохраняется как правило favicon.ico в корневом каталоге.

Что нам потребуется для создания, любой графический редактор, который позволяет сохранить картинку в формат *.ico. Для photoshop имеется отдельный плагин, который позволяет сохранять в данном формате.

 

Так же есть несколько бесплатных online сервисов по созданию favicon для сайта в режиме рисования или же вы просто загрузите свою картинку.

Вот парочка самых распространенных из них:

1. http://www.faviconer.com/

2. http://www.favicon.co.uk/

3. http://tools.dynamicdrive.com/favicon/

4. http://www.favicon.cc/

5. http://favicon.ru

Так же иконки можете поискать на следующих сайтах:

1. http://findicons.com

2. http://www.iconfinder.com/

Если выбрали иконку, то идем дальше.

Установка иконки в WordPress

Для установки favicon в WordPress необходимо для начала скопировать Ваш favicon.ico в папку вашей темы: wp-content/themes/Ваша тема/ и в корневой каталог сайта.

Для того, чтобы значок начал отображаться, необходимо сделать следующее:

1. Заходим в панель управления WordPress

2. Заходим в Дизайн (внешний вид) зависит от версии WordPress и нажимаем “Редактор”.

3. Ищем файл Заголовок (header.php), нажимаем и он откроется для редактирования.

4. Между тэгами

<head></head>

необходимо вставить

<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

и в конце нажимаем “обновить файл”.

 

Чтобы увидеть новый значок, очистите кэш браузера. Если очистка не поможет, то просто перезагрузите ваш браузер.

 

Поделиться:

Похожие записи

  • IdeaFox.Ru

    о, как раз искал как поставить фавикон. пригодится

  • Спасибо за урок, очень кстати. Надо бы заняться этим и нарисовать фавикон.

  • Александр

    Попробуем, уже не раз задумывался над этой темой, но все руки не доходят:)

Дешевый хостинг