WordPress — Как поменять иконку сайта

WordPress — выбираем и устанавливаем темуУ каждого сайта должна быть своя отличительная черта, он должен быть уникальным. Одним из таких особенностей является иконка сайта в адресной строке браузера, так называемый «favicon.ico». В данной статье я расскажу Вам как добавить иконку  в WordPress.

Для начала нам необходимо создать эту самую иконку. Обычно берётся логотип, либо пару букв из названия, в общем что-то что ассоциируется с Вашим сайтом. Тут уж выбирать Вам, если не понравится, всегда можно заменить. В нашем случае это был наш любимый ПеченеКот (вот кто спёр все печеньки).

Обычно для сайта необходимо создавать отдельную иконку определённого размера, с расширением «.ico». WordPress нам в этом упрощает ситуацию, в него можно загрузить картинку, к примеру «PNG», она должна быть квадратной, не менее 512 пикселей по ширине и высоте. Но «favicon.ico» нам всё же пригодится, ближе к концу статьи расскажу почему.

Как поменять иконку сайта.

  1. Необходимо в административной панели WordPress выбрать пункт меню «Внешний вид»→ «Настроить».

    WordPress - Внешний вид - Настройка

    WordPress — Настройка

  2. Попадаем в визуальный редактор нашей темы, выбираем «Свойства сайта».

    WordPress - свойства сайта

    WordPress — свойства сайта

  3. Попадаем в редактор свойств сайта и видим информацию про нашу иконку сайта, нажимаем «Выбрать изображение»

    WordPress - выбор изображения

    WordPress — выбор иконки

  4. Загружаем наше изображение, либо через «Обзор» или просто перетаскиваем файлы в окно браузера.
  5. Выбираем наше изображение, и нажимаем «Выбрать».

    WordPress - Выбор изображения

    WordPress — Выбор изображения

  6. В итоге мы увидим нашу иконку, и как она будет выглядеть в браузере. Если нас всё устраивает нажимаем «Сохранить и опубликовать».

    WordPress - иконка

    WordPress — иконка

Остаётся только обновить страницу в браузере и наслаждаться нашей иконкой.
В начале статья я упомянул о том, что нам всё-таки понадобится «favicon.ico» и вот почему. Когда я ставил иконку на наш блог, на первый взгляд всё было замечательно, но иконка не отображалась в браузере  «Google Chrome», когда переходишь в статью, иконка просто пропадала. Проблему решил так:

  • Создал иконку с расширением «.ico», при помощи онлайн генераторов

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

  • Закинул файл в папку с сайтом

После этого всё стало хорошо.

На этом всё, удачи Вам в ваших проектах.

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

CrazyKing

Печенько-кодер :Р

Опиши свой кейс здесь, если у тебя остались вопросы и мы обязательно ответим...