{"id":314780,"date":"2026-05-21T04:50:52","date_gmt":"2026-05-21T04:50:52","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/custom-header-footer-for-elementor\/"},"modified":"2026-05-21T09:53:58","modified_gmt":"2026-05-21T09:53:58","slug":"hdev-header-footer-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/hdev-header-footer-elementor\/","author":18315216,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.2","stable_tag":"1.0.2","tested":"7.0","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"HDEV Header Footer for Elementor","header_author":"hendri.dev","header_description":"Design custom headers and footers visually using Elementor's drag-and-drop builder, with powerful conditional display rules to control where they appear.","assets_banners_color":"fbfcfc","last_updated":"2026-05-21 09:53:58","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/developer.wordpress.org\/","header_author_uri":"https:\/\/hendri.dev","rating":0,"author_block_rating":0,"active_installs":0,"downloads":37,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"hendridev","date":"2026-05-21 04:50:17"},"1.0.2":{"tag":"1.0.2","author":"hendridev","date":"2026-05-21 09:53:58"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3540614,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3540614,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1554x500.png":{"filename":"banner-1554x500.png","revision":3540614,"resolution":"1554x500","location":"assets","locale":"","width":1554,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3540614,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3540614,"resolution":"1","location":"assets","locale":"","width":1575,"height":907},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3540614,"resolution":"2","location":"assets","locale":"","width":1575,"height":907},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3540614,"resolution":"3","location":"assets","locale":"","width":1575,"height":907}},"screenshots":{"1":"The Custom Header Footer templates dashboard.","2":"Building a flexbox header in the Elementor editor."}},"plugin_section":[],"plugin_tags":[6410,3244,76538,2640,1431],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-314780","plugin","type-plugin","status-publish","hentry","plugin_tags-builder","plugin_tags-custom-header","plugin_tags-elementor","plugin_tags-footer","plugin_tags-header","plugin_committers-hendridev"],"banners":{"banner":"https:\/\/ps.w.org\/hdev-header-footer-elementor\/assets\/banner-772x250.png?rev=3540614","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/hdev-header-footer-elementor\/assets\/icon-128x128.png?rev=3540614","icon_2x":"https:\/\/ps.w.org\/hdev-header-footer-elementor\/assets\/icon-256x256.png?rev=3540614","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/hdev-header-footer-elementor\/assets\/screenshot-1.png?rev=3540614","caption":"The Custom Header Footer templates dashboard."},{"src":"https:\/\/ps.w.org\/hdev-header-footer-elementor\/assets\/screenshot-2.png?rev=3540614","caption":"Building a flexbox header in the Elementor editor."},{"src":"https:\/\/ps.w.org\/hdev-header-footer-elementor\/assets\/screenshot-3.png?rev=3540614","caption":""}],"raw_content":"<!--section=description-->\n<p>HDEV Header Footer for Elementor is a powerful and lightweight add-on that lets you replace your theme's default header and footer with custom designs built entirely in Elementor.<\/p>\n\n<p>Unlike other heavy alternatives, this plugin is strictly built to seamlessly integrate with Elementor's modern Flexbox Container system and Atomic CSS Engine, ensuring pixel-perfect layouts and fast load times.<\/p>\n\n<p>Features include:\n* Create fully custom Header and Footer templates.\n* Works seamlessly with Elementor's drag-and-drop interface.\n* Full support for Elementor Flexbox Containers and Atomic CSS generation.\n* Built-in responsive Nav Menu widget with mobile off-canvas support.\n* Extremely lightweight and optimized for performance.\n* Conditional logic ready.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/hdev-header-footer-elementor<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Ensure that the <strong>Elementor<\/strong> plugin is installed and activated.<\/li>\n<li>Navigate to <strong>Plugins &gt; Manage Templates<\/strong> (or your Custom Post Type menu) in your WordPress dashboard to start creating templates.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20any%20theme%3F\"><h3>Does this work with any theme?<\/h3><\/dt>\n<dd><p>Yes! The plugin uses standard WordPress hooks to intercept and replace the default theme templates (<code>get_header<\/code> and <code>get_footer<\/code>), making it compatible with almost all modern WordPress themes.<\/p><\/dd>\n<dt id=\"is%20elementor%20pro%20required%3F\"><h3>Is Elementor Pro required?<\/h3><\/dt>\n<dd><p>No, this plugin works perfectly with the free version of Elementor!<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Update plugin detail.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Update plugin detail. <\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Design custom headers and footers visually using Elementor&#039;s drag-and-drop builder.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/314780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=314780"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/hendridev"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=314780"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=314780"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=314780"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=314780"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=314780"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=314780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}