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

Что вам понадобится

Чтобы редактировать верхние и нижние колонтитулы с помощью Elementor, вам понадобятся:

  • Установленный и работающий WordPress

  • Плагин Elementor

  • Версия Elementor Pro (для полной настройки заголовков и колонтитулов)

  • Или тема, поддерживающая редактирование верхних и нижних колонтитулов с помощью Elementor (например, Hello Elementor, Astra или OceanWP)

Метод 1: Использование конструктора тем Elementor Pro

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

📌 Шаги:

  1. Установите и активируйте Elementor Pro

    • Перейдите в раздел Плагины → Добавить новый, загрузите версию Pro и активируйте ее.

  2. Откройте конструктор тем

    • Перейдите в раздел Шаблоны → Конструктор тем

    • Выберите вкладку Header или Footer и нажмите Add New

  3. Выберите готовый шаблон или начните с чистого.

    • Elementor предлагает профессиональные блоки заголовка/футера на выбор.

  4. Настройте их с помощью перетаскивания

    • Добавьте такие виджеты, как логотип, меню навигации, поиск, кнопки, социальные иконки и т. д.

    • Используйте настройки отзывчивости, чтобы настроить макет для мобильных/планшетов.

  5. Задайте условия отображения

    • После редактирования нажмите “Опубликовать” и укажите, где он должен отображаться (весь сайт, определенные страницы, категории и т. д.)

  6. Сохраните и просмотрите

    • Проверьте, как header/footer выглядит на вашем сайте вживую.

Метод 2: Использование совместимой темы Free Elementor (без Pro)

Некоторые темы, такие как Astra, Neve и OceanWP, позволяют использовать бесплатную версию Elementor для настройки заголовков/футеров через WordPress Customizer или их собственные хуки.

Пример с Astra:

  1. Установите тему Astra и виджеты Astra

  2. Перейдите во Внешний вид → Настроить → Конструктор заголовков/футеров

  3. Используйте Elementor для оформления содержимого шапки/футера с помощью хуков или модулей макета

  4. Сохраните изменения в Customizer

Примечание: Эти методы не предлагают полной гибкости, как Elementor Pro, но все же обеспечивают хороший контроль.

Метод 3: Использование плагина (бесплатная альтернатива)

Если вы используете бесплатную версию Elementor и ваша тема не поддерживает редактирование заголовка/футера, вы можете попробовать:

  • Elementor Header & Footer Builder от Brainstorm Force

Как это работает:

  1. Установите плагин из раздела Плагины → Добавить новый

  2. Перейдите во Внешний вид → Верхний колонтитул и блоки

  3. Нажмите Добавить новый и выберите Тип: Header или Footer

  4. Создайте макет с помощью Elementor

  5. Настройте расположение и условия отображения

Этот бесплатный плагин предоставляет вам множество возможностей, подобных Pro.

Полезные виджеты для верхних и нижних колонтитулов

  • Логотип сайта

  • Меню навигации

  • Форма поиска

  • Социальные иконки

  • Кнопка / призыв к действию

  • Переключатель языков (для многоязычных сайтов)

  • Авторский текст

Вы также можете использовать динамические теги, такие как {{Заголовок сайта}}, {{Текущий год}} и т.д.

Заключительные мысли

Настройка верхних и нижних колонтитулов с помощью Elementor открывает полную свободу дизайна и придает вашему сайту профессиональное звучание. Используете ли вы Elementor Pro, совместимую тему или бесплатный плагин, вы можете создавать уникальные, отзывчивые дизайны, которые идеально соответствуют вашему бренду.

Возьмите под контроль внешний вид вашего сайта сверху донизу – Elementor делает это легко и весело.