n-wp.ru — блог о WordPress
Использование Favicon в WordPress | n-wp.ru

Использование Favicon в WordPress

С каждым днем сайтов, работающих на платформе WordPress, становится больше. Это не удивительно — мощный и в тоже время простой механизм работы привлекает многих. Но, как и в любом механизме, в WordPress есть свои секреты и тонкости, которые знают не все новички. Речь в данной статье пойдет о Favicon для сайта.

Использование Favicon в WordPress

Favicon (от англ. Favorite icon – «иконка для избранного») – это маленький значок вашего сайта, отображаемый браузером в строке с адресом, в панели вкладок и в списке закладок. Иконка размером 16×16 пикселей, как правило, с расширением ico. В зависимости от браузера значок сайта отображается в разных местах, но он всегда расположен рядом с названием сайта или его адресом.

Преимущества применения Favicon для вашего сайта:

  • Иконка, как один из способов выделения именно вашего блога в общем потоке других сайтов.
  • Иконка, как элемент имиджа сайта. Позвольте Favicon стать одним целым с логотипом и названием вашего детища.

В качестве инструментария можно использовать популярные графические редакторы, к примеру, Photoshop, Gimp, CorelDraw. Если вы любитель экзотики, то можно использовать стандартный Paint. Для сохранения изображения в формате ico понадобится специальный плагин, который можно найти на просторах интернета, либо приложение-конвертер, сохраняющий изображение в формате ICO. При создании, помните об основной особенности: изображение для Favicon должно иметь небольшой размер, 16х16 или 32х32, максимум 64х64, и быть квадратным. Именно поэтому не стоит перебарщивать с количеством цветов и информацией. Минимализм и простота.

Так же можно пойти более быстрым и простым способом – воспользоваться специальным онлайн сервисом по созданию иконок, к примеру, FavIcon from Pics. Услуга бесплатная, инструментарий достаточен для создания иконки сайта, отображаемой в браузерах, причем не только десктопных, но и мобильных.

Сохраняете файл с названием favicon.ico, копируете его в корневой каталог вашего сайта с помощью FTP-клиента. Полезным будет сделать копии файла в папке с темой сайта. Не забудьте удалить старый favicon.ico.

Найдите в файле header.php используемой вами темы строчку кода [codei_php][

_php] и замените ее на эту:

Если такой строчки нет, то просто вставьте этот код между тегами [codei_php][

_php] и [codei_php][

_php]. Сохраните. Вот и все, обновите страницу вашего сайта и наслаждайтесь новенькой иконкой.

Источник: Understanding the WordPress Favicon

3 комментария

  • На самом деле, браузер должен сам смотреть по адресу «/favicon.ico» в поисках иконки. А еще, для пользователи планшетов и смартфонов будут благодарны, если вы добавите набор разных «apple-touch-icon».

      • Нет :)
        Есть отдельный класс иконок:

        Для смартфонов и планшетов (точно используются для iOS и Android)

/* ]]> */