10:00 - 19:00
поддержка сайтов

Заменить фавикон (иконку сайта) в 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">

  • Дизайн. Для фавикона лучше выбрать простой, узнаваемый символ — мелкий текст или сложные детали на маленьком размере теряются. 

 

Попробуйте начать с первого способа — в большинстве случаев он решает задачу без лишних сложностей. Если на каком-то этапе возникнут трудности (например, тема не показывает поле для фавикона), напишите детали — подскажем, как обойти! 

Остались вопросы?
Постаремся ответить как можно быстрее