內容簡介
Header Footer Builder 是一款免費的 WordPress 外掛，讓使用者能夠使用 Elementor 或 Gutenberg 區塊編輯器創建無限的自訂頁首和頁尾模板，並透過強大的顯示條件精確控制每個模板的顯示位置。
【主要功能】
• 無限制的頁首和頁尾模板
• 支援 Elementor 視覺化設計
• 完全兼容 Gutenberg 區塊編輯器
• 精確的顯示條件設定
• WooCommerce 專屬頁面支援
• 智能優先順序匹配
外掛標籤
開發者團隊
② 後台搜尋「Header Footer Builder – Custom Header & Footer for Elementor, Gutenberg & WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Header Footer Builder is a free WordPress header and footer plugin that lets you create unlimited custom header and footer templates using Elementor or the Gutenberg block editor — and control exactly where each one appears with powerful display conditions.
Show a different header on your homepage, a minimal header on your WooCommerce checkout page, a unique footer on blog archives, or no header at all on landing pages. Every template gets its own include and exclude rules, so you decide precisely which header or footer appears on which page — no coding required.
🚀 Why Choose Header Footer Builder?
Most header footer plugins simply replace your theme’s default header and footer sitewide. Header Footer Builder goes further: every template has its own display conditions — include rules, exclude rules, and automatic priority matching — so different sections of your site can have completely different headers and footers.
✅ Unlimited header & footer templates — no limits, even in the free version
✅ Elementor support — design headers and footers visually with the Elementor page builder
✅ Gutenberg ready — full support for the native WordPress block editor
✅ Display conditions — target any page, post, custom post type, archive, search, or 404 page
✅ WooCommerce targeting — shop, single product, cart, checkout, and my account pages
✅ Include & exclude rules — show a header sitewide, then exclude specific pages
✅ Smart priority matching — the most specific rule always wins, automatically
✅ Lightweight & fast — one database query per page load, zero frontend bloat
🎨 Design Headers & Footers with Elementor
Header Footer Builder works seamlessly with Elementor, the world’s most popular WordPress page builder. Create a template, open it with Elementor, and design your custom header or footer with drag and drop — logos, navigation menus, buttons, search bars, social icons, anything Elementor can build.
You don’t need Elementor Pro to build a custom Elementor header or footer: design the template with the free version of Elementor, and Header Footer Builder handles where and when it appears through display conditions.
Prefer the block editor? Templates are standard WordPress custom posts, so Gutenberg works out of the box — and so does any other page builder that supports custom post types.
🎯 Display Conditions: The Right Header on the Right Page
Every header and footer template has its own conditions panel. Assign a template to appear on:
Entire site — set a sitewide default header or footer
Front page and blog index page
Specific pages or posts — picked by name with live search
All pages, all posts, or any custom post type
Category archives, tag archives, or all archive pages
Author archive pages
Search results pages
404 error pages
WooCommerce pages — shop, single product, cart, checkout, my account
Combine include rules with exclude rules for precise targeting. Example: show a header on the entire site, but exclude the WooCommerce checkout where a distraction-free header converts better.
⚡ Priority-Based Template Matching
When more than one template matches the same page, Header Footer Builder automatically picks the best one using a priority scoring system:
Specific page or post target — highest priority
Post type rules (all pages, all posts, all products…)
Archive and taxonomy rules
Sitewide catch-all — lowest priority
Your dedicated WooCommerce checkout header always beats the sitewide default. No manual ordering, no conflicts, no surprises.
🧩 Compatible with Popular Themes & Page Builders
Elementor and Hello Elementor theme
Gutenberg (WordPress block editor)
Astra, GeneratePress, OceanWP, Kadence
Any theme with standard header and footer template regions
Any page builder that supports WordPress custom post types
💡 Popular Use Cases
Landing pages — remove the header and footer for distraction-free, high-converting layouts
WooCommerce stores — minimal checkout header to reduce cart abandonment
Blogs & magazines — a unique header per category archive
Membership & course sites — different navigation for different site sections
Agencies & multi-brand sites — separate header branding per section
Coming soon / maintenance pages — blank header override on a single page
🪶 Lightweight, Fast & Developer Friendly
No external dependencies, frameworks, or third-party scripts
Single efficient database query per page load for template matching
Clean OOP PHP with PSR-style autoloading
React-powered admin dashboard built on the WordPress REST API
Fully hookable conditions-matching logic for developers
🔒 Privacy
Header Footer Builder does not collect, store, or transmit any personal data. No tracking, no external API calls, no ads inside your dashboard.
🗺️ What’s Coming Next
We’re actively developing new features based on user feedback:
Sticky and transparent header options
Device-specific display conditions (desktop / tablet / mobile)
User-role based display conditions (logged in / logged out)
Import & export templates
Have a feature request? Tell us in the support forum — we read every thread.
