Як редагувати колонтитули за допомогою Elementor у WordPress

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

Спосіб 1: Використання Elementor Pro

Якщо ви використовуєте Elementor Pro, редагувати колонтитули дуже просто за допомогою конструктора тем.

Крок 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. Ви можете вибрати один із готових шаблонів заголовка або створити його з нуля, перетягуючи елементи, такі як логотипи, навігаційні меню, кнопки тощо.
   • Додайте логотип: Використовуйте віджет “Зображення”, щоб розмістити свій логотип.
   • Додайте навігацію: Використовуйте віджет “Меню навігації”, щоб створити головне меню.
   • Додати соціальні іконки: Використовуйте віджет “Соціальні іконки”, щоб додати посилання на соціальні мережі.

Крок 4: Налаштуйте умови відображення

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

Крок 5: Створення або редагування нижнього колонтитула

1. Щоб створити або відредагувати нижній колонтитул, повторіть процес, перейшовши на вкладку “Нижній колонтитул ” у Конструкторі тем.
2. Натисніть ” Додати новий ” і виберіть ” Нижній колонтитул“.
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. Після активації плагіна перейдіть до Вигляд > Elementor Header & Footer Builder на інформаційній панелі WordPress.
2. Натисніть Додати новий, щоб створити новий шаблон.
3. У спливаючому вікні виберіть Header як тип шаблону.
4. Дайте шаблону назву (наприклад, “Кастомний заголовок”) і натисніть ” Створити шаблон”.

Крок 3: Створіть хедер за допомогою Elementor

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

Крок 4: Призначте правила відображення

1. Після натискання кнопки ” Опублікувати” встановіть правила відображення, щоб вирішити, де буде відображатися заголовок (на всьому сайті, на певних сторінках тощо).
2. Збережіть зміни.

Крок 5: Створіть шаблон нижнього колонтитула

1. Щоб створити власний колонтитул, перейдіть до Вигляд > Elementor Header & Footer Builder і натисніть Додати новий.
2. Виберіть ” Нижній колонтитул” як тип шаблону.
3. Створіть нижній колонтитул за допомогою інтерфейсу перетягування Elementor, додавши віджети, такі як інформація про авторські права, посилання та соціальні іконки.
4. Налаштуйте правила відображення, щоб вказати, де відображатиметься нижній колонтитул, і збережіть зміни.

Налаштування верхнього та нижнього колонтитулів

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

• Додавання липкого колонтитула: Увімкніть опцію липкого заголовка в розширених налаштуваннях, щоб заголовок залишався видимим під час прокрутки.
• Адаптивний дизайн: Використовуйте адаптивні налаштування Elementor, щоб налаштувати відображення верхнього і нижнього колонтитулів на мобільних і планшетних пристроях.
• Додавання динамічного контенту: Для користувачів Elementor Pro ви можете вставляти динамічний контент, наприклад, кнопки для входу, кошики для покупок або пошукові рядки.

Висновок

Використання Elementor для створення і редагування колонтитулів у WordPress – це простий і потужний спосіб налаштувати дизайн вашого сайту без кодування. За допомогою Elementor Pro ви можете повністю контролювати верхній і нижній колонтитули за допомогою конструктора тем, а безкоштовний плагін Elementor Header & Footer Builder пропонує аналогічний досвід для користувачів без версії Pro. Дотримуючись цих кроків, ви зможете швидко створити професійний та унікальний верхній і нижній колонтитули веб-сайту.