Устанавливаем favicon для сайта на WordPress

Admin 20.08.2015 - 17:39 обсудить 185+

размер текста

Даже незначительный элемент интерьера может кардинально изменить мнение окружающих о дизайне помещения. Эта аксиома равносильна и для творчества на просторах глобальной сети. Именно поэтому владелец сайта или блога старается уделить особое внимание графическому оформлению шаблона, останавливаясь над каждой чёрточкой. Что и говорить о наиглавнейших элементах: фоновая подложка, логотип веб-сайта, иконка favicon и т. п.

О создании упомянутой «Favicon», мы говорили в одной из прошлых статей. Оттуда Вы сможете почерпнуть основную информацию о назначении и применении иконки, а также самостоятельно создать её из готового файла логотипа. А ниже речь пойдёт об установке favicon для сайта на WordPress.

Также есть множество других не менее интересных сервисов для создания favicon онлайн. Среди русскоязычных, например, стоит выделить онлайн генератор Логастер. С его помощью вы можете создать как логотип, так и favicon, основанный на этом логотипе. Кроме этого, Логастер создал WordPress плагин — Logaster Logo Generator, что еще больше упрощает создание красивых логотипа и иконки favicon для вашего сайта на WordPress. Детальнее с сервисом вы можете ознакомиться здесь.

Добавляем иконку Favicon

Итак, у нас уже есть графический файл с расширением «.ico», теперь следует загрузить его в директорию сайта. Для этого воспользуйтесь FTP доступом к серверу, и поместите иконку в корневой каталог WordPress, папку с текущей темой, и на всякий случай загрузите файл через админ-панель. Тем самым, у нас есть доступ к favicon из основных каталогов. Кстати, из «корня» сайта иконка может быть автоматически распознана некоторыми поисковыми системами.

Примечание! Так как сейчас наблюдается повышенное внимание к адаптивности шаблона, то и иконка должна соответствовать различным интерфейсам: Android, iOS, Windows Mobile и т. д. По сути картинка становится универсальным идентификатором веб-ресурса, и чтобы угодить каждой мобильной платформе, в последней на сегодня версии WordPress 4.3 была разработана соответствующая опция для которой потребуется изображение размером не менее 512x512 пикселей. Об этом и других способах установки читайте ниже.

Устанавливаем иконку Favicon

Итак, всё готово для установки favicon, даже разработчики CMS WordPress позаботились о её корректной инициализации. Давайте найдём новшество в настройках админ-панели..

Переходим в раздел «Внешний вид» и щёлкаем по пункту «Настроить» (с версии 4.3 он доступен в верхней области рядом с иконкой комментариев).
После того как сайт загрузится в режиме предпросмотра, в левой панели щёлкаем «Свойства сайта». И находим пункт «Иконка сайта».
Далее жмём выбрать и указываем файл, который требуется загрузить или указать из библиотеки медиафайлов.
После иконка должна отобразиться в панели. Не забываем сохранить изменения.

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

В некоторых случаях, формат изображения непринципиален, и может быть отличным от «.ico».

Напоследок, рассмотрим установку favicon вручную. Для этого потребуется редактирование файла «header.php» вашей текущей темы. Ниже представленные строки скопируйте до открывающегося тега <head>:

Измените в каждой строчке адрес до иконки на вашем сайте. После чего сохраняем изменения нажатием кнопки «Обновить».

Вместо послесловия

Вот и всё! Если из обзора убрать всю «воду», то действия сводятся к загрузке графики и последующей её установке, а каким образом Вы это сделаете уже зависит от версии WordPress и актуального шаблона.

поделитесь с друзьями: