Заменить фавикон (иконку сайта) в WordPress можно несколькими способами — вот варианты под разный уровень подготовки. Выбирайте тот, что подходит именно вам.
1. Через встроенный инструмент (рекомендуется для большинства)
Это самый простой путь, особенно для новичков.
-
Войдите в админ-панель WordPress.
-
Если у вас классическая тема, перейдите: Внешний вид → Настроить (Customize). Найдите раздел Идентификация сайта (Site Identity), в нём — поле Иконка сайта (Site Icon). Нажмите «Выбрать файл», загрузите изображение, при необходимости обрежьте его до квадрата и нажмите Опубликовать.
-
Если у вас блочная тема (Block Theme), путь другой: Внешний вид → Редактор (Editor). В левом меню выберите Identity, затем Site Icon, загрузите картинку и сохраните изменения.
Совет по изображению: WordPress рекомендует загружать квадрат минимум 512×512 пикселей — система сама сгенерирует нужные мелкие версии для разных устройств. Лучше брать PNG с прозрачным фоном — так края будут выглядеть аккуратно.
2. Через настройки темы
Некоторые премиальные темы имеют собственную панель настроек. Проверьте разделы вроде Branding, Header Settings или General Settings в Внешний вид → Настройки темы — там может быть опция загрузки фавикона. Загрузите картинку и сохраните изменения.
3. С помощью плагина
Этот способ удобен, если тема старая и не поддерживает встроенный механизм, или если вы хотите тонко настроить отображение иконки для разных устройств и браузеров.
-
Установите плагин (например, Favicon by RealFaviconGenerator) через Плагины → Добавить новый.
-
Активируйте его. После активации в админ-панели появится новый пункт (часто Внешний вид → Favicon).
-
Загрузите изображение, при необходимости настройте параметры (размер для конкретных устройств, фон) и запустите генерацию. Плагин сам создаст нужные файлы и добавит необходимый код.
4. Вручную (для продвинутых)
Этот метод даёт полный контроль, но требует работы с файлами и кодом.
-
Подготовьте файл. Можно использовать формат ICO (часто называют
favicon.ico) или PNG/SVG. -
Загрузите файл в корневую директорию сайта (через FTP-клиент, например FileZilla, или файловый менеджер хостинга, например cPanel).
-
Добавьте код в файл
header.phpвашей темы (лучше в дочернюю тему, чтобы не потерять изменения при обновлении основной) в секцию<head>. Например:<link rel="icon" href="/favicon.ico" type="image/x-icon">. Или, если используете SVG:<link href="/favicon.svg" rel="icon" type="image/svg+xml">.
Несколько советов, чтобы всё сработало
-
Очистите кэш. После изменений очистите кэш браузера (можно открыть сайт в режиме инкогнито). Также проверьте кэш самого WordPress (если установлены плагины кэширования вроде WP Rocket) и кэш на стороне хостинга.
-
Проверьте код. Если после всех шагов иконка не появилась, откройте инструменты разработчика в браузере и убедитесь, что в
<head>есть корректная строка с<link rel="icon">. -
Дизайн. Для фавикона лучше выбрать простой, узнаваемый символ — мелкий текст или сложные детали на маленьком размере теряются.
Попробуйте начать с первого способа — в большинстве случаев он решает задачу без лишних сложностей. Если на каком-то этапе возникнут трудности (например, тема не показывает поле для фавикона), напишите детали — подскажем, как обойти!
