Как редактировать верхние и нижние колонтитулы с помощью Elementor в WordPress

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

Способ 1: Использование Elementor Pro

Если у вас есть Elementor Pro, редактирование верхних и нижних колонтитулов не составит труда с помощью функции Theme Builder.

Шаг 1: Установите Elementor Pro

1. Если вы еще не сделали этого, купите и загрузите Elementor Pro с сайта Elementor.
2. В приборной панели WordPress перейдите в раздел Плагины > Добавить новый и загрузите ZIP-файл Elementor Pro.
3. Нажмите кнопку Установить сейчас, а затем Активировать.
4. Убедитесь, что оба плагина Elementor и Elementor Pro активны на вашем сайте.

Шаг 2: Зайдите в конструктор тем Elementor

1. На приборной панели WordPress перейдите в раздел Шаблоны > Конструктор тем.
2. На странице Конструктора тем вы увидите опции для создания шаблонов для верхних и нижних колонтитулов и других частей темы.

Шаг 3: Создайте или отредактируйте верхний колонтитул

1. Перейдите на вкладку Заголовок в Конструкторе тем.
2. Чтобы создать новый заголовок, нажмите Добавить новый и выберите Заголовок.
3. Во всплывающем окне вам будет предложено назвать шаблон; дайте ему имя (например, “Главный заголовок”) и нажмите кнопку Создать шаблон.
4. Вы можете выбрать один из готовых шаблонов заголовка или создать его с нуля, перетаскивая такие элементы, как логотипы, навигационные меню, кнопки и т. д.
   • Добавьте логотип: Используйте виджет “Изображение” для размещения логотипа.
   • Добавьте навигацию: Используйте виджет Nav Menu для создания главного меню.
   • Добавить социальные иконки: Используйте виджет Social Icons для размещения ссылок на социальные сети.

Шаг 4: Установите условия отображения

1. После создания заголовка нажмите кнопку Опубликовать.
2. Вам будет предложено задать условия отображения, которые определяют, где заголовок будет отображаться на вашем сайте (например, на всем сайте, на определенных страницах или в постах).
3. Выберите, где будет отображаться заголовок, и нажмите кнопку Сохранить и закрыть.

Шаг 5: Создание или редактирование нижнего колонтитула

1. Чтобы создать или отредактировать нижний колонтитул, повторите процесс, перейдя на вкладку Footer в Theme Builder.
2. Нажмите Add New и выберите Footer.
3. Оформите нижний колонтитул с помощью виджетов Elementor (например, добавьте такие виджеты, как текст, информация об авторских правах, контактные данные или социальные иконки).
4. После оформления установите условия отображения (аналогично заголовку) и нажмите кнопку Сохранить и закрыть.

Способ 2: Использование конструктора верхних и нижних колонтитулов Elementor (бесплатный вариант)

Если вы используете бесплатную версию Elementor, вы все равно можете создавать пользовательские верхние и нижние колонтитулы, установив плагин Elementor Header & Footer Builder.

Шаг 1: Установите плагин Elementor Header & Footer Builder

1. На приборной панели WordPress перейдите в раздел Плагины > Добавить новый.
2. Найдите Elementor Header & Footer Builder и нажмите Установить сейчас.
3. После установки нажмите Активировать.

Шаг 2: Создайте новый шаблон заголовка

1. После активации плагина перейдите в раздел Appearance > Elementor Header & Footer Builder на приборной панели WordPress.
2. Нажмите Add New, чтобы создать новый шаблон.
3. Во всплывающем окне выберите тип шаблона “Заголовок”.
4. Дайте шаблону название (например, “Custom Header”) и нажмите кнопку Create Template.

Шаг 3: Создайте заголовок с помощью Elementor

1. Вы будете перенаправлены в редактор Elementor, где сможете создать свой собственный заголовок.
2. Используйте виджеты Elementor для добавления такого контента, как логотип, навигационное меню и социальные иконки.
3. Как только вы будете удовлетворены дизайном, нажмите “Опубликовать”.

Шаг 4: Назначение правил отображения

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

Шаг 5: Создание шаблона нижнего колонтитула

1. Чтобы создать пользовательский нижний колонтитул, перейдите в раздел Внешний вид > Elementor Header & Footer Builder и нажмите кнопку Добавить новый.
2. В качестве типа шаблона выберите Footer.
3. Оформите нижний колонтитул с помощью перетаскиваемого интерфейса Elementor, добавив такие виджеты, как информация об авторских правах, ссылки и социальные иконки.
4. Установите правила отображения, чтобы указать, где будет отображаться нижний колонтитул, а затем сохраните изменения.

Настройка верхнего и нижнего колонтитулов

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

• Добавьте липкий заголовок: Включите опцию “липкого” заголовка в расширенных настройках, чтобы заголовок оставался видимым при прокрутке.
• Отзывчивый дизайн: Используйте настройки отзывчивости Elementor, чтобы настроить отображение верхнего и нижнего колонтитулов на мобильных и планшетных устройствах.
• Добавьте динамический контент: Пользователи Elementor Pro могут вставлять динамический контент, например кнопки входа, корзины или строки поиска.

Заключение

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