Желаете установить Favicon в WordPress? Хорошо, в правильном направление идёте, коллеги. Как добавить и изменить (поменять) favicon (Фавикон) в WordPress — пошаговая инструкция. Существует немало способов подключения к сайту favicon, но мы расскажем о стандартном, автоматизированном методе. То есть, без плагинов и ручной вставки кода. Используя только встроенные в движок WP функции.
Добавить значок (фавикон) для сайта WordPress — очень простое дело. Однако, для тех, кто только начинает знакомится с CMS, это может быть затруднительно. В этом руководстве мы постараемся подробно показать, как действовать. Всего пару минут и готово. Плюс, в конце поста будет наглядный видео урок, смотрите.
Favicon (Фавикон) это:
Зачем нужен Фавикон
Favicon установит идентичность вашего сайта WordPress. У большинства пользователей в окне браузера обычно открыто много вкладок. Это скрывает заголовок вашего сайта по мере увеличения количества вкладок. Значок помогает пользователю идентифицировать ваш веб-ресурс и быстро переключаться на нужную вкладку.
А постоянные посетители и вашего сайта/блога мгновенно узнают эту картинку. Favicon повышает узнаваемость вашего бренда и помогает завоевать доверие среди вашей аудитории. Ведь картинка говорит больше тысячи слов! Главное помнить, что сегодня favicon — это больше, чем иконка в адресной строке и закладке браузера.
Вроде немного разобрались, давайте приступим к руководству. Устанавливаем фавикон (favicon) — иконку для сайта WordPress. Подробная пошаговая инструкция.
В каком формате должен быть Фавикон?
Вот форматы картинок, которые вы можете использовать, чтобы добавить значок на ваш сайт WP.
Раньше основным форматом фавикона был формат ICO. Его главная особенность заключалась в том, что файл такого формата мог хранить в себе несколько вариантов размеров иконки. Сейчас формат ICO считается устаревшим, на смену ему пришёл формат PNG с новыми возможностями по взаимодействию с иконкой.
- ICO — древний формат;
- GIF — для тех случаев, когда вы хотите привлечь внимание к множеству открытых вкладок;
- PNG — все браузеры поддерживают формат .ico, но формат PNG может быть удобен;
- SVG — подход с более высоким разрешением, который хуже поддерживает браузер.
Помимо PNG, поддерживается формат SVG. Но у него, к сожалению, невысокая поддержка на данный момент. Однако этот формат идеально подходит для Favicon, его использование намного бы упростило нам жизнь.
Как установить фавиконку (Favicon) в WordPress?
Добавить или изменить значок сайта WordPress можно стандартным способом. То есть, при помощи самой CMS. Вы можете загрузить собственный значок сайта в интерфейсе настройки сайта (customize).
Для начала, подготовьте нужную картинку. Изображение должно быть квадратным, иметь ширину и высоту не менее 512 пикселей. Затем, заходим в консоль сайта — Внешний вид — Настроить:
В интерфейсе настройки переходим в — Свойства сайта:
Нажимаем кнопку Выберите иконку сайта. Откроется ваша медиа библиотека. Вы можете выбрать существующее изображение или загрузить новое с вашего компьютера. Вам опять напомнят, что:
Для Favicon WordPress (иконка сайта) оптимальный минимальный размер 512 пикселей в ширину и в высоту.
Загрузив изображение, нажмите Выбрать:
Если картинка для фавиконки больше 512 х 512, то WordPress предложит обрезать её. А заодно покажет, справа, как она будет выглядеть в браузере:
Кликаете Обрезать изображение, а после, в настройщике нажимаете Опубликовать:
Всё, готово! Иконка сайта в браузере отобразится сразу же.
А вот для отображение фавиконки в выдаче Яндекс — надо подождать.
Иконка для сайта — элемент бренда. Пользователь лучше запомнит лого из фавикона и свяжет его с брендом, если будет видеть его на сайте и других площадках. Вот пример, результат выдачи в Яндекс:
А сколько ждать появление иконки рядом с сайтом в выдаче ПС?
Роботы Google найдут и скачают значок сайта при следующем сканировании главной страницы вашего сайта.
Если вдруг вам надо изменить или удалить favicon в WordPress.
Как поменять или удалить иконку сайта WordPress?
Проделайте те же действия. Админ панель — Внешний вид — Настроить. Открываете Свойства сайта. И теперь дело техники. Нажимаете Удалить или Изменить изображение:
Удаляете и нажимаете Опубликовать. Меняете фавикон сайта путём новой загрузки картинки в WordPress. Как видите, не чего сложного.
А тем, кто любит смотреть видео уроки, просим устраиваться поудобней.
Как установить на WordPress фавикон?
Если у вас версия WordPress 4.3 и выше, вы можете установить favicon непосредственно из админ панели сайта. Добавляя свой собственный значок в настройщике сайта, то он не изменится даже, если вы смените шаблон/тему ВордПресс.
В заключение
Вам не нужны какие-либо технические знания, чтобы добавить значок на свой сайт WordPress. В настоящее время, совсем не сложно добавить иконку веб-ресурса благодаря настройщику WordPress.
При загрузке фавиконки, имейте в виду, что лучше устанавливать его в формате PNG с прозрачным фоном. Но, если вы будите использовать JPG, то ваш значок будет отобразится в белом поле.
Мы надеемся, что эта статья помогла вам добавить значок на свой сайт WordPress. Если у вас есть вопросы и отзывы, вы можете оставить комментарий ниже. Удачи!