IT Blog. Code Inside
Опубликовано: 01.09.2018
Что такое фавикон?
Фавикон (favicon) - графическое изображение относительно небольшого размера, предназначенное для зрительного идентифицирования конкретного портала в количестве открытых вкладок, закладок или в списке результатов поиска. Как правило, оно содержит логотип или значок, относящийся к деятельности сайта. Возможные форматы - PNG и ICO.
Как создать фавикон?
Конечно, можно найти готовый вариант на просторах интернета или сделать его самостоятельно. Для этой цели подойдет любой графический редактор, в том числе Paint или Photoshop. Необходимо создать изображение размером 128 × 128 пикселей и используя инструменты программы нарисовать картинку. Затем сохранить результат в формате ICO или PNG. Конечно, это не единственный способ. Существует множество онлайн-сервисов, разработанных для создания фавиконов. Кроме того, можно выбрать понравившееся изображение и конвертировать его в favicon.ico.
Нужно ли уменьшать фавикон перед загрузкой в WordPress?
Такой вопрос возникает у многих. WordPress, как и любая другая система управления сайтом, в данном случае не требует изменений размера. Для размещение подойдет файл как 128 х 128 пикселей, так и 16 х 16. Браузер сам сожмет его и покажет в нужном размере, при этом загруженная картинка при повторном сохранении не теряет качества и имеет изначальные параметры.
Перейдем в админку веб-портала, а точнее — раздел “Внешний вид”/“Темы”, и посмотрим, как лучше всего добавить фавикон к конкретному сайту.
Добавление фавикона в шаблон сайта
Большинство премиум-тем и некоторые бесплатные уже "из коробки" имеют отдельные настройки для установки фавикон. Так что первый способ добавления фавикона на сайт — через шаблон. Кликните на кнопку “Настроить” на активной теме веб-портала и найдите вкладку “Свойства сайта”:
найдите блок настроек “Иконка сайта”;
загрузите файл (расширение .ico не поддерживается), нажав на кнопку “Выбрать изображение”;
нажмите кнопку “Сохранить и опубликовать”:
Добавление фавикона при помощи плагина
Если по тем или иным причинам вам не подходит первый способ добавления фавикона на сайт, вы всегда можете воспользоваться плагинами. Например, установим и активируем в админке расширение Favicon XT-Manager .
Теперь перейдите в новый пункт меню — XT-Favicon, заполните предложенные поля, как показано на скриншоте, и сохраните изменения:
Добавление фавикона в файл header.php
Рассмотрим еще один способ добавления иконки. Имейте ввиду, при обновлении темы изменения, сделанные таким образом, могут потеряться. Лучше создать дочернюю тему, и вносить изменения в ней.
Итак:
откройте папку сайта через ФТП-клиент или диспетчер файлов на хостинге;
загрузите в него файл favicon.ico. После загрузки проверьте, чтобы файл был доступен по адресу ваш-сайт/favicon.ico:
<link rel="icon" href="http://ваш-домен/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://ваш домен/favicon.ico" type="image/x-icon" />
Результат
После того, как вы используете один из предложенных способов установки фавикона, перейдите на свой сайт, чтобы убедиться в том, что изменения все же были внесены:
Источник: s-host.com.ua .