Урок 55.2. Favicon – иконка сайта в заголовке вкладки

В уроке 55.1 мы начали рассматривать фавиконки, узнали, для чего они нужны и какое преимущество получит владелец сайта, установив Favicon в платформу своего сайта. Сейчас же посмотрим, как создать и добавить фавикон.

В первую очередь следует прибегнуть к использованию графического редактора. Для того чтобы создать картинку, можно воспользоваться Photoshop, Core Draw или GIMP. Но, в принципе, подойдет любой редактор, позволяющий создавать .ico-файлы, так что вы можете воспользоваться даже виндовсовским рисовальщиком Paint. Также для создания фавиконки можно поискать плагин: сегодня для вордпрессовских сайтов можно найти любой востребованный инструмент.

Как бы там ни было, выберите решение, которое позволило бы получить вам файл с расширением  .ico и разрешением в 16х16 точек. Вы даже можете просто-напросто уменьшить логотип сайта, который у вас уже есть или же придумать что-то запоминающееся и неординарное. Не стесняйтесь использовать ту же гамму, привычную для вашего сайта, но учитывая маленькое разрешение, лучше не прибегать к сложным логотипам, а сделать что-то простое. Очень полезным окажется какой-нибудь онлайн-инструмент, который сделал бы фон фавиконки прозрачным, для этого, к примеру, можно воспользоваться сервисом ConvertICO.org. Когда файл будет готов, сохраните его под названием favicon.ico.

Установка

Чтобы установить файл, который вы только что сделали, можно воспользоваться различными плагинами. Но и это лишнее, если у вас есть доступ к корневой папке сайта на сервере. Если же нет, достаточно воспользоваться каким-нибудь ftp-клиентом вроде FileZilla. Сначала нужно найти старые фавиконки в корневой папке и папке темы и удалить их. После этого переместите в корневую папку новый файл. Как уже отмечалось, фавиконка уже предусмотрена в вордпрессовской платформе, а значит, замена исходного файла на ваш не предусматривает никаких последующих действий.

Будет ли отображаться фавикон в старых версиях браузеров?

Может случиться так, что иконка не будет отображаться в старых версиях браузеров, а их все еще используют некоторые пользователи. Ситуацию может решить правка файла header.php, нужно заменить строчку кода на аналогичную (начинается и заканчивается исходная строчка одинаково):

<link rel=”shortcut icon” href=”<?php bloginfo(‘stylesheet_directory’); ?>/favicon.ico” />

Далее обновление нужно сохранить и проверить его работу спустя несколько минут.

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