Как добавить фавикон в свой блог WordPress

/

Фавикон или значок сайта - это крошечное изображение, которое появляется рядом с названием вашего сайта в браузере. Это помогает вашим пользователям идентифицировать ваш сайт, и более частые посетители вашего сайта мгновенно узнают это крошечное изображение. Это повышает узнаваемость вашего бренда и помогает завоевать доверие среди вашей аудитории. В нашей статье о наиболее распространенных ошибках WordPress отказ от добавления значка был в числе 25 лучших. В этой статье мы покажем вам, как добавить значок в свой блог WordPress.

Почему вам следует добавить фавикон на свой сайт WordPress?

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

Иконки на вкладках браузера

У большинства пользователей в окне браузера обычно открыто много вкладок. Это скрывает заголовок вашего веб-сайта по мере увеличения количества вкладок. Значок помогает пользователю идентифицировать ваш веб-сайт и быстро переключаться на нужную вкладку.

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

Значок сайта отображается как значок приложения на рабочем столе мобильного устройства

Как создать фавикон

Вы можете использовать логотип своего бренда в качестве значка или значка сайта. Рекомендуемый размер изображения значка вашего сайта - не менее 512 пикселей по ширине и высоте. Изображение значка сайта должно быть квадратным, вы можете использовать прямоугольное изображение большего размера, и WordPress позволит вам обрезать изображение при его добавлении.

Создание иконки сайта для вашего блога WordPress с помощью Adobe Photoshop

Мы рекомендуем использовать программу редактирования изображений, такую ​​как Adobe Photoshop или Gimp, для создания значка сайта точно 512 × 512 пикселей. Таким образом вы сможете сохранить точные пропорции изображения. Вы можете использовать прозрачное изображение или заполнить изображение цветом фона по вашему выбору. Это изображение может быть в формате png, jpeg или gif.

Добавление значка вашего сайта или фавикона в WordPress

Начиная с WordPress 4.3, вы можете добавить значок или значок сайта из области администрирования WordPress. Просто перейдите в Внешний вид »Настроить и щелкните вкладку« Идентификация сайта ».

Айдентика сайта в Настройщике

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

Добавление иконки сайта и фавикона в WordPress

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

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

Добавление значка в старую версию WordPress (4.2 или ниже)

Загрузите свой значок в корневой каталог своего веб-сайта с помощью FTP. После этого вы можете просто вставить этот код в файл header.php вашей темы.

<link rel="icon" href="https://www.example.com/favicon.png?v=4.1" type="image/x-icon" />
<link rel="shortcut icon" href="https://www.example.com/favicon.png?v=4.1" type="image/x-icon" />

Замените на URL своего сайта, и все готово. Если в вашей теме нет файла header.php или вы не можете его найти, не волнуйтесь, у нас есть плагин для вас. Установите и активируйте плагин Insert Headers and Footers. После активации плагина перейдите в Настройки »Вставить верхние и нижние колонтитулы, вставьте приведенный выше код в раздел заголовков и сохраните свои настройки.

Если вы вообще не хотите иметь дело с FTP, вы также можете использовать плагин All in One Favicon.

Мы надеемся, что эта статья помогла вам добавить значок на свой сайт WordPress.

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как изменить сжатие изображений JPEG в WordPress

По умолчанию WordPress сжимает ваши изображения для повышения производительности. Недавно один из наших читателей спросил, можно ли изменить настройку

Как установить WordPress - полное руководство по установке WordPress

WordPress известен как самый популярный конструктор сайтов в мире. Он обслуживает более 39% всех веб-сайтов в Интернете. Основная причина этого в том,

Как использовать социальные сети для увеличения количества подписчиков электронной почты в WordPress

Вы хотите использовать социальные сети для увеличения числа подписчиков на электронную почту? Если вы не пользуетесь преимуществами своих подписчиков

Как начать собственный подкаст (шаг за шагом)

Вы хотите создать подкаст? Хотите знать, как выглядит идеальная установка для подкастинга? В этом руководстве мы покажем вам, как создать собственный