Favicon для сайта WordPress

Фавикон (от англ. favorite icon) — иконка, располагаемая во вкладке браузера, которая индивидуализирует сайт. Ее размер составляет 16×16 пикселей с возможностью масштабирования до 512×512 пикселей.

Когда в браузере открыто много вкладок, названия страниц не отображаются. На помощь приходит favicon, который идентифицирует каждую вкладку, помогая в навигации и скорости нахождения нужной. Это маленький, но один из первых инструментов, применяемых для узнаваемости вашего ресурса пользователями. Его установка на сайт с WordPress не представляет большой сложности.

Создание фавикона

Наилучшим фавиконом считается логотип сайта или компании. Но если он слишком обширен или геометрически сложен, необходимо сделать упрощение с сохранением узнаваемости.
Чтобы создать фавикон можно воспользоваться как графическими редакторами, так и онлайн генераторами. Форматы используемых изображений: .ico, .gif, .jpeg, .png. Фон необходимо оставлять прозрачным.

Способы установки favicon в WordPress

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

  1. при помощи панели управления WordPress
  2. при помощи изменения файла header.php
  3. при помощи плагина Favicon by RealFaviconGenerator

Панель управления WordPress

Установка с версии WordPress 4.3 возможна напрямую с админ-панели.

Переходите в администраторскую панель, меню «Внешний вид».

Внеший вид Настроить

Попадая в меню «Настройки» текущей темы переходите в меню «Header builder».

Настройки Header Builder

Нажимаете на пункт «Логотип» и переходите к «Иконке сайта».

Header Builder Логотип

Загружаете картинку. Если у вас уже есть фавикон, кликаете «Изменить изображение».

Логотип Иконка сайта

В случае, если файл не подходит по размеру, есть возможность его изменения (обрезания) с опцией просмотра вида в браузере.

Параметры изменения картинки

После проведенных манипуляций необходимо «Сохранить и опубликовать».

Сохранение настроек

При открытии вашего сайта теперь можно увидеть утановленный favicon.

Установленный фавикон

Изменение файла header.php

Когда не удается установка через панель управления, можно прибегнуть к изменению файла header.php. Для этого необходимо воспользоваться редактором кода (встроенный).

При помощи файл-менеджера подключаетесь к серверу хостинга, после чего копируете готовый медиафайл с названием «favicon».

В админ-панели, меню «Внешний вид», заходите в «Редактор тем».

Внешний вид Редактор тем

В «Шаблонах» (файлы темы) открываете файл header.php.

Файлы темы Заголовок

После открывающего тега вставляете строку

<link rel="icon" type="image/png" href="/favicon.png/">
Вставка строки в код Заголовка

Необходимо правильно установить формат загруженного медиафайла (ico, gif, jpeg, png).

Обновляете файл для изменения настроек.

Сохранение изменений header.php

Теперь при входе на сайт фавикон должен автоматически отображаться.

Плагин Favicon by RealFaviconGenerator

Для WordPress существует множество плагинов, при помощи которых возможна установка фавикона. Предпочтительным является Favicon by RealFaviconGenerator.

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

Внешний вид Favicon

Нажимаете пункт «Генерировать favicon» и вас перебросит на сайт плагина, где появится возможность настройки способа отображения фавикона, а также указания агоритма масштабирования и сжатия картинки.

Выбор мультимедиа
Генерировать фавикон

Проделав нужные операции, внесите изменения и сгенерируйте фавикон. Плагин установит favicon, а вы вернетесь к админ-панели.

Настройка фавикона через плагин

Для отображения фавикона необходимо чтобы плагин был в активном состоянии. При его отключении favicon будет недоступен.

Важно! При использовании большого количества плагинов замедляется скорость загрузки страниц, поэтому для добавления фавикона лучше использовать предыдущие методы установки.

Важность использования фавикона

Картинка, отображаемая в закладках браузера, наиболее часто запоминается пользователями. Фавикон не только выделяет сайт среди остальных, но и упрощает нахождение нужной вкладки без необходимости клика на другие. Это улучшает удобство пользования браузером, что способствует более долгому и продуктивному взаимодействию с вашим сайтом.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *