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

Що вам знадобиться

Щоб редагувати колонтитули за допомогою Elementor, вам знадобиться

  • Встановлений і запущений WordPress

  • Плагін Elementor

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

  • Або ж тема, яка підтримує редагування колонтитулів Elementor (наприклад, Hello Elementor, Astra або OceanWP)

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

Elementor Pro містить вбудований конструктор тем, який дозволяє вам створювати власні колонтитули з нуля.

крок за кроком:

  1. Встановіть та активуйте Elementor Pro

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

  2. Відкрийте конструктор тем

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

    • Виберіть вкладку Верхній або Нижній колонтитул і натисніть Додати новий

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

    • Elementor пропонує професійні блоки верхнього/нижнього колонтитулів на вибір.

  4. Налаштуйте за допомогою перетягування

    • Додавайте віджети, такі як логотип, навігаційне меню, пошук, кнопки, соціальні іконки тощо.

    • Використовуйте адаптивні налаштування, щоб налаштувати макет для мобільних пристроїв/планшетів.

  5. Встановіть умови відображення

    • Після редагування натисніть ” Опублікувати ” і вкажіть, де він має з’явитися (весь сайт, окремі сторінки, категорії тощо)

  6. Збереження та попередній перегляд

    • Перевірте, як виглядає верхній/нижній колонтитул на вашому сайті в реальному часі.

Спосіб 2: Використання сумісного безкоштовного елементара (не Pro)

Деякі теми, такі як Astra, Neve і OceanWP, дозволяють використовувати безкоштовну версію Elementor для налаштування колонтитулів за допомогою WordPress Customizer або власних хуків.

Приклад з Astra:

  1. Встановлення теми Astra та віджетів Astra

  2. Перейдіть до ” Зовнішній вигляд” → “Налаштування” → ” Конструктор верхнього/нижнього колонтитула

  3. Використовуйте Elementor для створення контенту верхнього/нижнього колонтитула за допомогою хуків або модулів верстки

  4. Збережіть зміни в Кастомізаторі

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

Спосіб 3: Використання плагіна (безкоштовна альтернатива)

Якщо ви використовуєте безкоштовну версію Elementor і ваша тема не підтримує редагування колонтитулів, ви можете спробувати:

  • Elementor Header & Footer Builder від Brainstorm Force

Як це працює:

  1. Встановіть плагін з Плагіни → Додати новий

  2. Перейдіть до Вигляд → Верхній колонтитул та блоки

  3. Натисніть Додати новий і виберіть Тип: Верхній або Нижній колонтитул

  4. Створіть макет за допомогою Elementor

  5. Встановіть розташування та умови відображення

Цей безкоштовний плагін надає вам багато можливостей, подібних до професійних.

Корисні віджети для верхнього та нижнього колонтитулів

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

  • Меню навігації

  • Форма пошуку

  • Соціальні іконки

  • Кнопка / Заклик до дії

  • Перемикач мов (для багатомовних сайтів)

  • Текст про авторські права

Ви також можете використовувати динамічні теги, такі як {{Назва сайту}}, {{Поточний рік}} тощо.

Заключні думки

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

Керуйте зовнішнім виглядом свого сайту зверху донизу – Elementor робить це легко і весело.