У каждого сайта должна быть своя отличительная черта, он должен быть уникальным. Одним из таких особенностей является иконка сайта в адресной строке браузера, так называемый «favicon.ico». В данной статье я расскажу Вам как добавить иконку в WordPress.
Для начала нам необходимо создать эту самую иконку. Обычно берётся логотип, либо пару букв из названия, в общем что-то что ассоциируется с Вашим сайтом. Тут уж выбирать Вам, если не понравится, всегда можно заменить. В нашем случае это был наш любимый ПеченеКот (вот кто спёр все печеньки).
Обычно для сайта необходимо создавать отдельную иконку определённого размера, с расширением «.ico». WordPress нам в этом упрощает ситуацию, в него можно загрузить картинку, к примеру «PNG», она должна быть квадратной, не менее 512 пикселей по ширине и высоте. Но «favicon.ico» нам всё же пригодится, ближе к концу статьи расскажу почему.
Как поменять иконку сайта.
- Необходимо в административной панели WordPress выбрать пункт меню «Внешний вид»→ «Настроить».
WordPress — Настройка
- Попадаем в визуальный редактор нашей темы, выбираем «Свойства сайта».
WordPress — свойства сайта
- Попадаем в редактор свойств сайта и видим информацию про нашу иконку сайта, нажимаем «Выбрать изображение»
WordPress — выбор иконки
- Загружаем наше изображение, либо через «Обзор» или просто перетаскиваем файлы в окно браузера.
- Выбираем наше изображение, и нажимаем «Выбрать».
WordPress — Выбор изображения
- В итоге мы увидим нашу иконку, и как она будет выглядеть в браузере. Если нас всё устраивает нажимаем «Сохранить и опубликовать».
WordPress — иконка
Остаётся только обновить страницу в браузере и наслаждаться нашей иконкой.
В начале статья я упомянул о том, что нам всё-таки понадобится «favicon.ico» и вот почему. Когда я ставил иконку на наш блог, на первый взгляд всё было замечательно, но иконка не отображалась в браузере «Google Chrome», когда переходишь в статью, иконка просто пропадала. Проблему решил так:
- Создал иконку с расширением «.ico», при помощи онлайн генераторов
Просто напишите в поиске «создать иконку для сайта онлайн» и выберите любой вам понравившийся. Обычно необходимо загрузить ваше изображение и если оно большое отрезать ненужные части. В итоге скачать готовую иконку.
- Закинул файл в папку с сайтом
После этого всё стало хорошо.
На этом всё, удачи Вам в ваших проектах.