Создаем фавикон для сайта на платформе WordPress

Создаем фавикон для сайта на платформе WordPress изображение поста

Значение фавикона в общем дизайне сайта и последовательность его создания для сайтов, работающих на платформе WordPress. Иконка сайта – не самый главный элемент дизайна, однако недооценивать ее значение тоже не стоит.

Когда в браузере открыто несколько вкладок, именно по иконке легко найти нужную. Иконка запоминается, становится отличительным знаком, и без нее сайт выглядит недоработанным и менее серьезным.

Favicon и его назначение

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

Favicon

favicon

Создание favicon

Изображение для Favicon должно иметь размер 16х16 пикселей, а файл должен быть в формате «.ico». Можно создать нужное изображение в любом графическом редакторе и сохранить его как .png-файл, а потом конвертировать в нужный формат с помощью сервиса faviconr.com.

Как связать Favicon с сайтом

После того, как Вы создали ico.-файл, нужно добавить его на сервер в корневую папку сайта. Убедиться в том, что файл добавлен правильно, можно, введя в адресную строку браузера ссылку: http://адрес_вашего_сайта.ru/favicon.ico, после перехода по которой должен отобразиться фавикон.

Теперь в файл «header.php» между тегами добавляем следующий код: <link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />

На этом процесс создания фавикона для сайта завершен.

Комментарии