Elementor Header & Footer Builder

Опис

Ви коли-небудь уявляли, що можете БЕЗКОШТОВНО створити верхній і нижній колонтитули свого веб-сайту за допомогою Elementor?

Elementor Header & Footer Builder — це простий, але потужний плагін WordPress, який дозволяє створювати макет за допомогою Elementor і встановлювати його як
– Header
– Footer
– Block (anywhere on the website)

Try it out on a free dummy site

Створюйте привабливі дизайни

Редактор Elementor дає вам можливість створювати красиві розділи. Використовуючи його, ви можете створювати нестандартні дизайни верхнього та нижнього колонтитулів.

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

Бажаєте відображати спеціальний шаблон заголовка лише на домашній сторінці, на сторінці архіву блогу чи на всьому веб-сайті? Що ж, цей плагін дозволяє вибрати конкретне цільове розташування для відображення верхнього та нижнього колонтитулів.

Додавайте блоки Elementor будь-де

Окрім верхнього та нижнього колонтитулів, ви можете створювати власні шаблони за допомогою Elementor і встановлювати їх у будь-якому місці веб-сайту за допомогою короткого коду.

Шаблон «Перед колонтитулом».

Разом із основним нижнім колонтитулом плагін надає додаткову область — над нижнім колонтитулом — куди ви можете додати свій власний шаблон. Це дає велику гнучкість у дизайні нижнього колонтитула.

Доступний із шаблоном Canvas Elementor

Ваш власний макет верхнього/нижнього колонтитула можна легко відобразити на сторінках, де ввімкнено шаблон Canvas Elementor.

Поставляється з вбудованими віджетами

Плагін пропонує вбудовані віджети, які допомагають створювати макети верхнього/нижнього колонтитулів. Ці віджети пропонують основні необхідні функції, тому вам не доведеться шукати додаткові плагіни.

  • Логотип сайту – автоматично успадковує логотип із налаштувань. Ви навіть можете встановити спеціальне зображення як логотип із спеціальним посиланням і підписом.
  • Назва сайту – назва сайту буде автоматично успадкована з налаштувань. Ви можете додати префікс, суфікс, значок і посилання з ним.
  • Слоган сайту – відображатиме слоган із налаштувань. Ви отримуєте варіант для префікса, суфікса, значка та посилання з ним.
  • Навігаційне меню – пропонує вам список уже створених меню на вашому веб-сайті. Потрібно лише вибрати необхідний. Пропонується 4 макети для меню – горизонтальне, вертикальне, розгорнуте і спливаюче. З багатьма іншими опціями ви навіть можете встановити спеціальні піктограми для відкриття та закриття меню.
  • Назва сторінки – відображає назву вашої поточної публікації/сторінки та пропонує додаткові параметри для префікса, суфікса, значка, посилання та вирівнювання.
  • Retina Image. Ви можете завантажити Retina Image для екранів високої чіткості.
  • Кошик меню WooCommerce – ви можете відобразити поточну кількість продуктів у кошику разом із загальною ціною.
  • Авторське право – пропонує константи для відображення повідомлення про авторські права – [hfe_current_year] і [hfe_site_title].
  • Пошук – додайте форму пошуку з різними параметрами макета та стилю.

ПРАЦЮЄ З УСІМА ТЕМАМИ

Elementor Header & Footer Builder працює з усіма темами WordPress. Деякі з тем мають пряму підтримку, тоді як для небагатьох ви можете вибрати спосіб додавання підтримки теми.

Якщо у вас виникнуть труднощі з відображенням верхнього/нижнього колонтитула, виберіть метод підтримки теми вручну. Відвідайте меню Вигляд > Elementor Header & Footer Builder > Підтримка теми. Виберіть спосіб, який відповідає вашій поточній темі, і все готово!

КРОКИ ВИКОРИСТАННЯ ПЛАГІНА

Крок 1. Відвідайте меню Вигляд > Elementor Header & Footer Builder та натисніть «Додати новий».

Крок 2. Виберіть «Тип шаблону» (верхній/нижній колонтитул/блок). Установіть місце відображення та ролі користувачів.

Крок 3 – Опублікуйте.

Крок 4. Відредагуйте за допомогою Elementor і створіть розділ.

Крок 5 – Збережіть і готово!

Ви можете переглянути нашу покрокову статтю, яка допоможе вам швидко налаштувати верхній та нижній колонтитули Elementor.

ШУКАЄТЕ ПРЕМІАЛЬНІ ДОДАТКИ ТА ВІДЖЕТИ ELEMENTOR?

Перегляньте Ultimate Addons для Elementor. Це бібліотека креативних унікальних віджетів Elementor, які додають більше функціональності та гнучкості вашому улюбленому конструктору сторінок.

ВИ ПРОБУВАЛИ ASTRA З ELEMENTOR?

Astra працює на більш ніж 1 мільйоні веб-сайтів WordPress, і її люблять за продуктивність і простоту використання.

Люди люблять Astra за –

Краща продуктивність. Оптимізований код і модульна архітектура роблять Astra найлегшою темою для швидшого завантаження веб-сайту!

Найкращий друг конструктора сторінок – Astra чудово працює з усіма конструкторами сторінок. Її підтримка користувальницьких макетів, шаблонів Elementor і готових початкових сайтів робить її найкращою темою для Elementor.

Готові до використання повних шаблонів веб-сайтів – Astra пропонує безкоштовні готові демонстраційні веб-сайти, створені за допомогою Elementor. Ви можете вибрати будь-який із шаблонів Elementor, налаштувати їх на свій розсуд і опублікувати за хвилини!

ПІДТРИМУЄТЬСЯ & АКТИВНО РОЗВИВАЄТЬСЯ

Потрібна допомога? Маєте проблему, щоб повідомити? Відвідайте Plugin’s Forum.

Зв’язатися з нами на GitHub.

Зроблено з любов’ю в Brainstorm Force!

Скріншоти

  • Перейдіть до меню Вигляд -> Elementor Header & Footer Builder для створення нового шаблону.
  • Призначте шаблон як верхній/нижній колонтитул і виберіть правила відображення.
    1. Для блоків виберіть тип шаблону як Custom Blocks. Ви можете скопіювати шорткод і використовувати його будь-де.
  • Методи додавання підтримки тем.
  • Віджети за замовчуванням доступні з Elementor Header & Footer Builder.

Встановлення

  1. Перейдіть до меню Плагіни -> Додати новий і знайдіть Elementor Header & Footer Builder.
  2. Активуйте плагін на екрані «Плагіни» в WordPress.
  3. Перейдіть до Appearance -> Elementor Header & Footer Builder для створення макета верхнього або нижнього колонтитула за допомогою Elementor.
  4. Після того, як макет буде готовий, призначте його як верхній або нижній колонтитул за допомогою параметра Виберіть тип цього шаблону (screenshot)

Часті питання

Як працює цей плагін?

  1. Перейдіть до меню Вигляд -> Elementor Header & Footer Builder для створення макета верхнього або нижнього колонтитула за допомогою Elementor.
  2. Натисніть «Додати» та створіть шаблон за допомогою Elementor.
  3. Коли шаблон буде готовий, встановіть його як верхній/нижній колонтитул/блок за допомогою параметрів «Тип шаблону» (screenshot).
  4. a) Для верхнього/нижнього колонтитула: – виберіть цільове розташування за допомогою опції «Display On». В результаті цього верхній/нижній колонтитул буде видно лише у вибраних місцях та для вибраних «Ролей користувача».

    b) Для спеціального блоку – просто скопіюйте короткий код і додайте його будь-де на веб-сайті. Розроблений шаблон відобразиться автоматично. Умови відображення або ролі користувачів не будуть ефективними з короткими кодами.

Чи можете Ви створити адаптивний верхній/нижній колонтитул для мобільних пристроїв за допомогою цього плагіна?

Так, ви можете створити адаптивний макет свого заголовка для мобільних пристроїв за допомогою плагіна.

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

Ось документація від Elementor Page builder, у якій пояснюється, як можна створювати мобільні макети за допомогою Elementor – https://elementor.com/introducing-mobile-editing/
Те ж саме стосується, коли ви створюєте верхній/нижній колонтитул за допомогою цього плагіна.

Відгуки

15.04.2024 1 reply
From the moment I started using WordPress, I've been over 100% happy and satisfied with Elementor. As a non-techie, I was amazed by how Elementor empowered me to create a professional-looking website from scratch. I began with their free version and shortly upgraded to pro. Their support is prompt, helpful, and provides excellent assistance. However, it would be more convenient if they allowed users to utilise a single ticket for multiple questions or issues instead of requiring separate tickets for each one. Having to log in and submit multiple tickets can be a bit frustrating, especially for users like me who are still learning. Additionally, I've encountered some difficulty in navigating the process of submitting a ticket to support. Despite these minor challenges, I've been able to reduce the number of plugins I use significantly, as Elementor covers most of my needs. Keep up the great work, Elementor team!
09.04.2024 1 reply
This plugin makes the ease of customizing headers and footers across my Elementor sites a breeze. You can fine-tune down to your subheaders, adjust how things will stack on mobile so you don't run into any surprises.
Прочитати всі 2 307 відгуків

Учасники та розробники

“Elementor Header & Footer Builder” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Учасники

“Elementor Header & Footer Builder” було перекладено на 13 локалізацій. Дякуємо перекладачам за їх роботу.

Перекладіть “Elementor Header & Footer Builder” на вашу мову.

Цікавитесь розробкою?

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.

Журнал змін

1.6.28

  • Fix: Error messages appearing for Display rules.

1.6.27

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.21 version.
  • Improvement: Compatibility with PHP 8.3 version.
  • Fix: This update addressed a security bug. Props to Wordfence.

1.6.26

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.20 version.
  • Improvement: Compatibility with PHP 8.2 version.

1.6.25

  • Security Fix: Hardened the security of the plugin. Props: Wordfence.
  • Fix: Automatic translation support for templates on Specific Pages / Posts / Taxonomies, etc.
  • Fix: Navigation Menu – Multistep submenu fails to display when a border radius is applied to dropdown.

1.6.24

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.19 version.
  • Fix: White Label – Astra’s theme name does not change when Astra is white-labeled.
  • Fix: Navigation Menu – Language switcher flags not displaying when using Polylang plugin.

1.6.23

  • Fix: This update addressed a security bug. Props to WordPress Plugin Review Team and Plugin Vulnerabilities Team for reporting it to our team. Please make sure you are using the latest version on your website.

1.6.22

  • Fix: Retina Image – Navigating to custom URL by clicking on images.

1.6.21

  • Fix: Site Logo – Width and height settings not applying to the logo.

1.6.20

  • Fix: Flyout menu not appearing correctly.

1.6.19

  • Fix: Header and Footer layout broken after last update.

1.6.18

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.18 version.
  • Improvement: Compatibility with WordPress VIP Go rules.

1.6.17

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.17 version.
  • Fix: Site Logo – Added an alt text for the default logo.

1.6.16

  • Compatibility with latest Elementor and Elementor Pro 3.16 version.
  • Compatibility with PHP 8.1 version.

1.6.15

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.15 version.
  • Improvement: Added WPML support.
  • Fix: Navigation Menu – HTML validation error on mobile layout related to tabindex inside elements with attribute [role=”button”].
  • Fix: Polylang plugin language causes conflicts when set up with a custom Header Footer.
  • Fix: Site Logo – Align icons not rendering in Elementor editor settings.

1.6.14

  • Improvement: Compatibility with Elementor version 3.13 and Elementor Pro version 3.13
  • Fix: Navigation Menu – Accessibility error corrected for [aria-hidden=”true”] attribute.

1.6.13

  • Compatibility with Elementor version 3.7.2 and Elementor Pro version 3.7.3.

1.6.12

  • Сумісність з Elementor і Elementor Pro.

1.6.11

  • Покращення: сумісність із Elementor Pro версії 3.7
  • Виправлення: видалено атрибут метатегу [maximum-scale=1] для кращої доступності.

1.6.10

  • Покращення: сумісність із Elementor версії 3.6.
    Видалено застарілі функції elementor і замінено останніми функціями.
    Тепер для роботи з Elementor Header & Footer Builder; Буде потрібно Elementor мінімум версії 3.5.0 або новішої.

1.6.9

  • Покращення: сумісність із Elementor Pro версії 3.6
  • Виправлення: навігаційне меню – якщо в меню присутній перемикач мов Polylang, він закриває меню натисканням.

1.6.8

  • Покращення: сумісність з WordPress 5.9.

1.6.7

  • Покращення: до форми підписки додано підтримку GDPR.

1.6.6

  • Improvement: Added compatibility to Elementor core version 3.5.0. Now to work with EHF, Elementor minimum version 3.1.0 or higher will be required.
  • Виправлення: попередження PHP про невизначений ключ масиву на адаптивних елементах керування у всіх віджетах.

1.6.5

  • Fix: Hide empty cart count badge hiding even when cart is not empty.

1.6.4

  • Improvement: Elementor 3.4 compatibility.

1.6.3

  • Improvement: WordPress 5.8 compatibility.
  • Improvement: Elementor 3.3 compatibility.

1.6.2

  • Improvement: Copyright – Added custom link attributes support.
  • Improvement: Page Title – Added custom link attributes support.
  • Improvement: Retina Image – Added custom link attributes support.
  • Improvement: Search – Added gradient color support to the search button.
  • Improvement: Site Logo – Added custom link attributes support.
  • Improvement: Site Title – Added custom link attributes support.
  • Fix: Templates views section not displaying correctly and related code conflicting with Yoast SEO plugin.
  • Fix: Widgets icon color issue with Elementor’s dark mode.

1.6.1

  • Fix: Footer misplaced in the header or content area due to a bug introduced in v1.6.0.

1.6.0

  • New: Added Email Subscription and About Us section on the settings page.
  • New: Renamed the plugin to Elementor Header & Footer Builder.
  • Improvement: Added an option to hide + & – sign added by Twenty Twenty-One Theme.
  • Fix: Navigation Menu – Border for dropdown is also applying to the menu trigger icon.
  • Fix: Navigation Menu – Fix top distance option for dropdown adding a top-margin to sub-menu.
  • Fix: Navigation Menu – Fixed active color issues in case of full-page anchor links used in nav links.
  • Fix: Navigation Menu – Navigation schema not working.

1.5.9

  • Improvement: Added notice to update Elementor to v3.0.0 or higher
    Elementor has deprecated few functions and namespaces with its v3.0.0. Following Elementor, our plugin too deprecates similar functions and namespaces. You will now require the Elementor v3.0.0 or higher.
  • Improvement: Elementor 3.2 Compatibility – Added Elementor Global Color and Typography scheme support.
  • Fix: Navigation Menu – Last menu item button disappearing while switching from mobile to desktop.
  • Fix: Navigation Menu – Last menu item button alignment not working in RTL view.

1.5.8

  • Fix: Hardened allowed options in the editor to enforce better security policies.

1.5.7

  • Improvement: Compatibility with Elementor v3.1.
  • Fix: Navigation Menu – Undefined index notice when menu is not set.

1.5.6

  • Fix: Buttons showing cart subtotal.

1.5.5

  • Improvement: Compatibility with Elementor v3.1.
  • Improvement: Cart – Added Items Count hover color options.
  • Fix: jQuery shorthand deprecation warning for click() and focus() functions.
  • Fix: Cart – Fixed fatal error due to cart initialization.

1.5.4

  • Improvement: Compatibility to PHP v8.0.
  • Improvement: Improved compatibility with Astra theme.
  • Improvement: Navigation Menu – Added option to toggle menu item.
  • Fix: Added ‘alt’ attribute to the widgets containing images.
  • Fix: Closed the missing HTML tag in footer in the global theme compatibility.
  • Fix: Navigation Menu – Alignment option not working for the last menu item set as ‘Button’.

1.5.3

  • Fix: Polylang plugin conflicting issue with target rules.
  • Fix: Navigation Menu – Double link attributes issue with translation plugins.

1.5.2

  • Improvement: Compatibility with Polylang.
  • Improvement: Navigation Menu – Added ‘SiteNavigationElement’ schema support.
  • Improvement: Navigation Menu – Added support to SVG for toggle and close icon.
  • Improvement: Navigation Menu – Added active color support to the link hover effects.
  • Improvement: Page Title – Added option to disable the link.
  • Fix: Exclude EHF templates from query for target rules – Specific Pages / Posts / taxonomies etc.
  • Fix: Cart – Missing wrapper class in the control selector.
  • Fix: Navigation Menu – Added responsive support to flyout box width.

1.5.1

  • Fix: Retained GeneratePress theme’s after header while using EHF header.
  • Fix: Target rule ‘Specific Pages/Posts/Taxonomies etc’ not working.
  • Fix: Cart – Error in some cases.

1.5.0

  • New: Search widget.
  • New: Users can now share non-personal usage data to help us test and develop better products. ( Know More )
  • Improvement: UI improvements.
  • Improvement: Navigation Menu – Added active color for dropdown and current menu parent.
  • Improvement: Navigation Menu – Changed the tablet breakpoint to 1024 in order to support iPad Pro.
  • Fix: Compatibility to PHP v7.4.
  • Fix: GeneratePress theme header now overriden by EHF.
  • Fix: Cart – Count not increasing with AJAX call.
  • Fix: Page Title – Added support for archive title.
  • Fix: Site Title – Custom URL not working.

1.4.1

  • Fix: EHF header overlapping Astra WooCommerce Off-Canvas.
  • Fix: WooCommerce Menu Cart – ‘div’ tag of custom cart layout was not closed.
  • Fix: WooCommerce Menu Cart – Fatal error with count when cart is empty.

1.4.0

  • New: WooCommerce Menu Cart widget.
  • Improvement: Compatibility to Elementor Pro v2.9 full site editing.
  • Improvement: In-built support to Hello Elementor theme.
  • Improvement: WPML support to before footer template.
  • Improvement: Navigation Menu – Added option to convert last item into CTA.

1.3.1

  • Fix: Copyright – Link with open in new tab not working.
  • Fix: Navigation Menu – Hamburger menu click not working on responsive devices.
  • Deprecated: Removed the theme dependency for the plugin, so removed the associated notice.

1.3.0

  • New: Added ‘Site Logo’ widget.
  • New: Added ‘Site Title’ widget.
  • New: Added ‘Site Tagline’ widget.
  • New: Added ‘Navigation Menu’ widget.
  • New: Added ‘Page Title’ widget.
  • Improvement: Elementor v2.9 compatibility.

1.2.2

  • Fix: Add default fallback theme support after checking if current theme does not add it.

1.2.1

  • Categorize the Elementor widgets in a separate category in the Elementor window.
  • Hide target rules options when a custom block template is selected.

1.2.0

  • New: Support all the themes, Includes two separate fallback methods so that you can create custom headers and footers for any theme.
  • New: Added target rule engine, which allows you to have different headers/footers for different pages.
  • New: Added Retina Image Elementor widget, which can be used as a Site Logo.
  • New: Added Copyright widget and Shortcode for current year & site title.
  • Improvement: Allow before footer to work on Elementor Canvas Template when not using Astra Theme.
  • Improvement: Added support of Before Footer action for all the themes.

1.1.4

  • Fix: Flush permalinks on plugin update to Elementor error when trying to edit the Header/Footer.

1.1.3

  • Improvement: Allow changing the permalinks for the hfe templates (#162)
  • Fix: WPML Translations do not work when using the Elementor Template as a shortcode. (#159)
  • Fix: Page content appears over the header. (#150)
  • Fix: Remove the deprecated function warning for shortcode functions. (Props @hogash #145)

1.1.2

  • Fix: Depracated function warning from Elementor’s method \Elementor\Post_CSS_File

1.1.1

  • Fix: Blank header being displayed when only footer is translated using WPML.

1.1.0

  • New: Rename plugin to be Header Footer & Blocks builder as now the blocks templates can be used as shortcodes.
  • New: Add templates before the footer for Astra Theme. Options for other themes will be coming soon.
  • New: Use templates (Blocks) anywhere in your content with the help of shortcodes.
  • Improvement: Improved the UI of the metabox for Header Footer post type.

1.0.16

  • Fix: Make the theme not supported notice dismissable.
  • Fix: Use specific selector when adding z-index for the header.

1.0.15

  • Fix: Default Header being displayed for Generatepress and Gensis theme after v1.0.14.

1.0.14

  • Fix: Fixes possible PHP notices/Errors due to WP_Query being called early for all the supported themes.

1.0.13

  • Fix: PHP Notices and errors due to WP_Query being called early when some plugins use filters inside WP_Query.

1.0.12

  • Fix: Compatibility with Elementor 2.0 changed canvas template path.

1.0.11

  • Load the CSS footer early in the page to avoid slow rendering of CSS.
  • Change the schema.org links to be https.
  • Fix: Added correct schema markup for the footer.

1.0.10

  • Load the header layout correctly in the in Elementor canvas template.
  • Load the Elementor Pro CSS/JS files in .
  • Provide more filters for the helper functions.

1.0.9

  • Add Support for WPML.
  • Updated the missing strings from the translations template.

1.0.8

  • Allow filters to override the WP_Query parameters when retreiving the Header / Footer template id.

1.0.7

  • Fix: Dismissable notice not actually dismissing.

1.0.6

  • New: Option to display the header/footer on the pages using Elementor Canvas Template.

1.0.5

  • Fix: Correctly check if Elementor actually is active before using its methods. This fixes errors for sites using older versions of PHP where Elementor does not actually get activated.

1.0.4

  • Improvement: Use Elementor’s created instance when rendering the markup for header/footer – Credits itay9001

1.0.3

  • Fix: Adding theme support for the plugin does not remove the “no supported” notice.

1.0.2

  • New: Added support for the OceanWP Theme.
  • Fix: Load the Elementor header assets correctly in the header. This fixes header looking different just when loading the page as previously Elementor would load its CSS in the footer.
  • Introduced helper functions for rendering and checking the headers to make it simpler to integrate HFE with more themes.

1.0.1

  • New: Added support for the Astra WordPress theme – The Fastest, Most Lightweight & Customizable WordPress Theme.
  • Moved the menu under Appearance -> Header Footer Builder.
  • Fix: Header content getting hidden behind tha page content.
  • Use Elemenntor’s canvas template when designing header and footer layout to have full width experience.

1.0.0

  • Initial Release.