Как установить фавикон в WordPress?

На данный момент почти каждый сайт имеет фавикон.

Фавикон на вкладке сайта

Что такое фавикон?

Фавикон (favicon) — это маленькое изображение, которое отображается в левом углу вкладки открытого сайта. Картинка позволяет визуально идентифицировать тот или иной сайт, особенно если в браузере их открыто несколько.

Создать favicon можно несколькими способами, воспользовавшись, например, бесплатным онлайн-сервисом Favicon & App Icon Generator. Мы будем считать, что картинка уже создана.

Установка фавикон

Способ 1. Вручную

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

Первым делом необходимо загрузить картинку в корень Вашей темы. Для этого можно воспользоваться FTP-клиентом (например, FileZilla).

Загрузка favicon.ico через FileZilla

Далее необходимо в админ-панели перейти Внешний вид -> Редактор, где откроется окно редактора файлов Вашей текущей темы.

Встроенный редактор темы

Справа есть список файлов Вашей темы, которые можно редактировать. Среди них следует найти и перейти по пункту Заголовок (header.php).

Редактирование header.php во встроенном редакторе темы

Далее в файле, после закрывающего тега </head>, необходимо вставить следующий код:

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

Вставка кода фавикона в header.php

Для сохранения изменений нужно нажать кнопку Обновить файл.

Способ 2. С помощью настройки темы

Большинство современных тем предлагают пользователю добавить favicon через простое меню настроек, не вставляя ни одной строки кода.

Рассмотрим добавление фавикона на примере темы Root. Для это в админ-панели нужно перейти Внешний вид -> Настроить -> Структура сайта и в разделе Иконка сайта загрузить Ваш фавикон.

Добавление favicon в теме Root

Для других тем иконка добавляется аналогично, лишь названия настроек могут отличаться.
Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров