ПомощьНастройка логотипа и фавикона

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

Цель раздела: помочь вам загрузить и настроить логотип (в шапке и, при необходимости, в подвале) и фавикон сайта.

Где найти: «Внешний вид» → «Настроить» → «Свойства сайта» (название раздела может незначительно отличаться в зависимости от шаблона).

1. Подготовка файлов

Перед загрузкой убедитесь, что у вас готовы:

  • Логотип для шапки
    • рекомендуемый размер: 200 × 100 px (может варьироваться в зависимости от дизайна шаблона);
    • форматы: .png (с прозрачным фоном), .jpg или .svg (см. примечание ниже).
  • Логотип для подвала (если поддерживается шаблоном)
    • размер: обычно меньше, чем для шапки (например, 150 × 75 px);
    • форматы: те же, что и для шапки.
  • Фавикон
    • рекомендуемый размер: 512 × 512 px;
    • формат: .png;
    • примечание: браузер автоматически обрежет изображение до нужного размера (16 × 16, 32 × 32 и т. д.).

Важно: сохраните исходные файлы в высоком разрешении - это позволит заменить логотип при необходимости без потери качества.

2. Загрузка логотипов в формате SVG

Почему нужен плагин:
WordPress по умолчанию не разрешает загрузку SVG‑файлов из соображений безопасности. Для использования логотипов в векторном формате требуется дополнительный плагин.

Как включить поддержку SVG:

  1. Перейдите в «Плагины» → «Плагины темы».
  2. Найдите плагин SVG Support в списке (обычно входит в набор обязательных плагинов темы).
  3. Если плагин не установлен:
    • нажмите «Установить» рядом с ним;
    • после установки - «Активировать».
  4. Если плагин уже установлен и активирован - переходите к загрузке логотипа.

Внимание:

  • Не загружайте SVG‑файлы до активации плагина - система отклонит их.
  • Используйте только проверенные SVG‑файлы из надёжных источников (риск XSS‑уязвимостей).

3. Загрузка логотипа в шапку

  1. Откройте кастомайзер: «Внешний вид» → «Настроить».
  2. Перейдите в раздел «Свойства сайта».
  3. Найдите пункт «Логотип».
  4. Нажмите «Выбрать изображение» и загрузите файл с компьютера (теперь доступны .svg).
  5. При необходимости настройте:
    • размер отображения (если доступно);
    • отступы вокруг логотипа;
    • альтернативный текст (для SEO и доступности).
  6. Нажмите «Опубликовать», чтобы сохранить изменения.

Совет: если логотип не отображается корректно, проверьте:

  • поддерживается ли загрузка логотипа вашим шаблоном;
  • не перекрывается ли логотип другими элементами (например, меню).

4. Загрузка логотипа в подвал (если предусмотрено шаблоном)

  1. В разделе «Свойства сайта» найдите пункт «Логотип в подвале» или «Логотип в футере».
  2. Нажмите «Выбрать изображение» и загрузите подготовленный файл (включая .svg, если плагин активирован).
  3. Настройте параметры отображения (если доступны):
    • размер;
    • выравнивание (по левому краю, центру, правому краю);
    • отступы.
  4. Нажмите «Опубликовать».

Примечание: если пункт «Логотип в подвале» отсутствует, значит шаблон не поддерживает эту функцию. Проверьте документацию темы или свяжитесь с поддержкой.

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

  1. В разделе «Свойства сайта» найдите пункт «Иконка сайта», «Фавикон» или «Site Icon».
  2. Нажмите «Выбрать изображение» и загрузите файл .png размером 512 × 512 px.
  3. Система автоматически создаст версии разных размеров для браузеров и устройств.
  4. Нажмите «Опубликовать».

Важно:

  • Фавикон может отображаться с задержкой (до 1 часа) из‑за кэша браузера.
  • Чтобы увидеть изменения быстрее, очистите кэш браузера или откройте сайт в режиме инкогнито.

Типичные проблемы и их решения

  1. SVG‑логотип не загружается
    • Причина: плагин SVG Support не активирован.
    • Решение: установите и активируйте плагин через «Плагины темы» (см. раздел 2).
  2. Логотип не загружается (другие форматы)
    • Причина: файл слишком большой или неверный формат.
    • Решение:
      1. Уменьшите размер изображения (например, до 200 × 100 px).
      2. Сохраните в формате .png или .jpg.
      3. Попробуйте загрузить снова.
  3. Фавикон не виден в браузере
    • Причина: кэш браузера или задержка обновления.
    • Решение:
      1. Очистите кэш браузера («Настройки» → «Конфиденциальность» → «Очистить историю»).
      2. Перезагрузите страницу (Ctrl + F5).
      3. Проверьте отображение на другом устройстве.
  4. Нет пункта для загрузки логотипа
    • Причина: шаблон не поддерживает кастомизацию логотипа через кастомайзер.
    • Решение:
      1. Проверьте документацию темы - возможно, логотип задаётся через редактор CSS или PHP‑файлы.
      2. Обратитесь в поддержку шаблона за инструкцией.

После завершения

  • Проверьте отображение логотипа и фавикона:
    • на главной странице;
    • на внутренних страницах (включая мобильные версии);
    • в разных браузерах (Chrome, Firefox, Safari, Edge).
  • Убедитесь, что логотип кликается и ведёт на главную страницу (если это предусмотрено дизайном).