{"id":10761,"date":"2026-05-20T03:30:47","date_gmt":"2026-05-19T19:30:47","guid":{"rendered":"https:\/\/aeosub.com\/aura-header-footer-elementor\/"},"modified":"2026-05-20T03:30:47","modified_gmt":"2026-05-19T19:30:47","slug":"aura-header-footer-elementor","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/aura-header-footer-elementor\/","title":{"rendered":"Aura Header Footer for Elementor"},"content":{"rendered":"<div class=\"post-img\" style=\"margin-bottom: 25px\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/aura-header-footer-elementor\/assets\/banner-772x250.png?rev=3537876\" alt=\"Aura Header Footer for Elementor\" style=\"width: 100%;height: auto;border-radius: 12px\"><\/div>\n<div class=\"plugin-info-card\" style=\"border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;margin-bottom: 30px;font-family: -apple-system, system-ui, sans-serif;background: #fff\">\n<table style=\"width: 100%;border-collapse: collapse;font-size: 14px\">\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 15px 20px;text-align: left;width: 35%;color: #4a5568;background: #fcfcfc\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/aura-header-footer-elementor\/assets\/icon-256x256.png?rev=3537876\" style=\"width: 40px;height: 40px;border-radius: 6px;margin-right: 12px;vertical-align: middle\"> Developer<\/th>\n<td style=\"padding: 15px 20px;font-weight: 500\"><a href=\"https:\/\/profiles.wordpress.org\/joynall\/\" target=\"_blank\" rel=\"noopener\">Joynal<\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Version<\/th>\n<td style=\"padding: 12px 20px\">v1.0.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Active Installs<\/th>\n<td style=\"padding: 12px 20px\">0 +<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Requires \/ Tested<\/th>\n<td style=\"padding: 12px 20px\">6.0 \/ 7.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Last Updated<\/th>\n<td style=\"padding: 12px 20px\">2026-05-19 7:29pm GMT<\/td>\n<\/tr>\n<tr>\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Official Link<\/th>\n<td style=\"padding: 12px 20px\"><a href=\"https:\/\/wordpress.org\/plugins\/aura-header-footer-elementor\/\" target=\"_blank\" style=\"text-decoration: none;color: #4a3bca;font-weight: bold\" rel=\"noopener\">View Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n<div class=\"plugin-short-desc\" style=\"margin: 20px 0;padding: 12px 15px;background: #f9fafb;border-left: 4px solid #4a3bca;border-radius: 6px;font-style: italic;color: #4a5568\">Create custom headers and footers with Elementor, including display conditions and sticky header support.<\/div>\n<p><strong>Aura Header Footer for Elementor<\/strong> lets you design custom headers and footers with Elementor&#8217;s full drag-and-drop editor, then control exactly where they appear using flexible display conditions.<\/p>\n<h4>How It Works<\/h4>\n<ol>\n<li>Go to <strong>Aura HFE <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Header Templates<\/strong> or <strong>Footer Templates<\/strong>.<\/li>\n<li>Click <strong>Add New Header Template<\/strong> \u2014 a clean modal popup appears.<\/li>\n<li>Set the template name, display condition, include\/exclude pages, and sticky options.<\/li>\n<li>Click <strong>Create<\/strong> \u2014 you land directly in the Elementor editor.<\/li>\n<li>Design your template, publish, and it&#8217;s live.<\/li>\n<\/ol>\n<h4>Key Features<\/h4>\n<ul>\n<li><strong>Modal creation flow<\/strong> \u2014 configure everything before opening Elementor.<\/li>\n<li><strong>Separate Header &amp; Footer pages<\/strong> \u2014 clean dedicated admin pages for each type.<\/li>\n<li><strong>Display Conditions<\/strong> \u2014 Entire Site, Front Page, Blog, Archives, Search, 404, All Singular, or Specific Pages.<\/li>\n<li><strong>Page Exclusions<\/strong> \u2014 hide a template on selected pages regardless of include rule.<\/li>\n<li><strong>Sticky Header<\/strong> \u2014 make any header sticky on scroll with optional slide animation.<\/li>\n<li><strong>Inline Active Toggle<\/strong> \u2014 enable\/disable templates without leaving the list.<\/li>\n<li><strong>AJAX Delete<\/strong> \u2014 remove templates without a page reload.<\/li>\n<li><strong>Performance First<\/strong> \u2014 one DB query per template type per page, per-request memory cache, assets only loaded when a template is active on the current page.<\/li>\n<\/ul>\n<h4>Theme Integration<\/h4>\n<p>Place these hooks in your theme to output templates:<\/p>\n<pre><code>&lt;?php do_action( 'aura_hfe_header' ); ?&gt;  \u2014 in `header.php`\n&lt;?php do_action( 'aura_hfe_footer' ); ?&gt;  \u2014 in `footer.php`\n<\/code><\/pre>\n<h4>For Developers<\/h4>\n<p><strong>Action hooks:<\/strong> <code>aura_hfe_loaded<\/code>, <code>aura_hfe_activated<\/code>, <code>aura_hfe_deactivated<\/code>, <code>aura_hfe_meta_saved<\/code>, <code>aura_hfe_template_created<\/code><\/p>\n<p><strong>Filter hooks:<\/strong> <code>aura_hfe_header_hook<\/code>, <code>aura_hfe_footer_hook<\/code>, <code>aura_hfe_resolved_template<\/code>, <code>aura_hfe_template_matches<\/code>, <code>aura_hfe_include_rule_options<\/code>, <code>aura_hfe_evaluate_include_rule<\/code>, <code>aura_hfe_sticky_offset<\/code>, <code>aura_hfe_render_post_id<\/code>, <code>aura_hfe_cpt_args<\/code>, <code>aura_hfe_active_templates_query<\/code><\/p>\n<p><strong>Add a custom display condition:<\/strong><\/p>\n<pre><code>add_filter( 'aura_hfe_include_rule_options', function( $opts ) {\n    $opts['woo_shop'] = __( 'WooCommerce Shop', 'your-domain' );\n    return $opts;\n} );\n\nadd_filter( 'aura_hfe_evaluate_include_rule', function( $result, $rule, $pages ) {\n    if ( 'woo_shop' === $rule ) {\n        return function_exists( 'is_shop' ) &amp;&amp; is_shop();\n    }\n    return $result;\n}, 10, 3 );\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Create custom headers and footers with Elementor, including display conditions and sticky header support.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[1417,1418,566,1144,1145,555],"class_list":["post-10761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-custom-footer","tag-custom-header","tag-elementor","tag-elementor-header-footer","tag-header-footer-builder","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=10761"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=10761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=10761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=10761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}