Title: Header Footer for Beaver Builder
Author: Nikhil Chavan
Published: <strong>2016 年 9 月 26 日</strong>
Last modified: 2025 年 6 月 19 日

---

搜尋外掛

![](https://ps.w.org/bb-header-footer/assets/banner-772x250.jpg?rev=2822209)

![](https://ps.w.org/bb-header-footer/assets/icon.svg?rev=2822209)

# Header Footer for Beaver Builder

 由 [Nikhil Chavan](https://profiles.wordpress.org/nikschavan/) 開發

[下載](https://downloads.wordpress.org/plugin/bb-header-footer.1.2.5.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/bb-header-footer/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/bb-header-footer/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/bb-header-footer/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/bb-header-footer/#developers)

 [技術支援](https://wordpress.org/support/plugin/bb-header-footer/)

## 外掛說明

Have you ever thought of a [Beaver Builder addon](https://www.ultimatebeaver.com/?utm_source=wp-repo&utm_campaign=bb-header-footer&utm_medium=description)
that allows you to use customized templates and pages as a header or footer across
your website? Header Footer for Beaver Builder adds a settings option to your page
builder settings page making it easier to add customizable header and footer.

All you need to do is –

 1. Design a Page or a Template you wish to use as a Header / Footer
 2. Open the Page Builder settings page
 3. Open the BB Header Footer settings
 4. Select the page or template that you saved to be used as a header.

[Try the live demo of Header Footer for Beaver Builder](https://zipwp.org/plugins/bb-header-footer)

#### Features of Header Footer for Beaver Builder

 * Create attractive pages and templates that can be displayed as a Header or Footer.
 * Lets you use a fully customized header or footer across the website.

#### Themes you can use the Header Footer for Beaver Builder with

As of now, the Header Footer for Beaver Builder settings can be used with the following
themes.

 1. [Astra](https://wpastra.com/?utm_source=wp-repo&utm_campaign=bb-header-footer&utm_medium=description)–
    The Fastest, Most Lightweight & Customizable WordPress Theme
 2. Beaver Builder theme
 3. Genesis Theme
 4. GeneratePress Theme
 5. Primer Theme
 6. Neve Theme

#### Supported & Actively Developed

Need help with something? Have an issue to report? [Get in touch](https://github.com/Nikschavan/bb-header-footer).
with us on GitHub.

Made with love by [Nikhil Chavan](https://www.nikhilchavan.com/?utm_source=wp-repo&utm_campaign=bb-header-footer&utm_medium=description)!

#### What’s More?

If you like this plugin, please leave us a good review and rating! Your feedback
and
 suggestions will be highly appreciated.

You can also consider checking out these other plugins:

Ultimate Addons for Beaver Builder Lite: The Best Addon for Beaver Builder with 
a huge collection of advanced and creative modules.

Expandable Row for Beaver Builder: An advanced plugin that lets you expand your 
Beaver Builder rows.

Timeline module for Beaver Builder: An advanced module to create attractive and 
responsive timelines using Beaver Builder.

Alerts for Beaver Builder: An advanced module to create attention seeking alerts
in Beaver Builder.

Cards for Beaver Builder : An advanced module to create attractive cards using Beaver
Builder.

Column Separator for Beaver Builder: This plugin will no longer leave you pondering
for a column separator in Beaver Builder. You can add it right away!

## 安裝方式

 1. Upload the plugin files to the `/wp-content/plugins/bb-header-footer` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Use the Settings->Page Builder-> BB Header Footer to select the page to be displayed
    as header and footer.

## 常見問題集

### Which themes are supported by this plugin?

 1. [Astra](https://wpastra.com/?utm_source=wp-repo&utm_campaign=bb-header-footer&utm_medium=description)–
    The Fastest, Most Lightweight & Customizable WordPress Theme.
 2. Beaver Builder theme.
 3. Genesis Theme (and should work with most of its child themes).
 4. GeneratePress Theme.
 5. Primer Theme.
 6. Neve Theme.

### How does this plugin work?

 1. Simply create a new page (or Beaver Builder Template)
 2. Design it as you would like it for your header or footer
 3. Then from admin settings, you can assign this page as a Header or Footer of your
    theme. [Screenshot](https://cloudup.com/ccBOWVTATyh)

## 使用者評論

![](https://secure.gravatar.com/avatar/f0dec97f8e171fa62a4fa2c0f13772adec28c1e8f27fb5937f844bfe9135dee3?
s=60&d=retro&r=g)

### 󠀁[Great support](https://wordpress.org/support/topic/great-support-6579/)󠁿

 [rdh001](https://profiles.wordpress.org/rdh001/) 2026 年 3 月 31 日

Support is first rate. Always quick to respond and help. Highly recommended

![](https://secure.gravatar.com/avatar/57c935b65085867a404a26e28c6f1f92108f91349a40e805ed8a61b23e1ec338?
s=60&d=retro&r=g)

### 󠀁[Brill – help out in a fix](https://wordpress.org/support/topic/brill-help-out-in-a-fix/)󠁿

 [olesuper8](https://profiles.wordpress.org/olesuper8/) 2022 年 12 月 6 日

We found the Beaver Themer stopped working and broke pagination on our site. Using
this plugin has saved us. THank you soooo much.

![](https://secure.gravatar.com/avatar/c83c41bcaca4fff3717eb8a8ba586d4a591093c8ac6622bf76142ef388b92c7a?
s=60&d=retro&r=g)

### 󠀁[Amazing Plugin](https://wordpress.org/support/topic/amazing-plugin-1624/)󠁿

 [biznification](https://profiles.wordpress.org/biznification/) 2020 年 9 月 28 
日 1 則留言

I’ve used this on every site I’ve built with BB in the last 3 years (about 40 sites
and counting) Outside of beaver builder itself, this is the most helpful plugin 
I use, and I would be lost without it.

![](https://secure.gravatar.com/avatar/4a8c67b36c7844719d4d1f5f1febcd720cedec49a5655e4377b1bd66be513806?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-8817/)󠁿

 [IanW](https://profiles.wordpress.org/mikes46/) 2020 年 3 月 23 日 1 則留言

This plug-in let’s you design your header and footer exactly how you want it which
is something Beaver Builder lacks. Very easy to use.

![](https://secure.gravatar.com/avatar/6c296428dfab70e31d36c1f0661aaf91e74cd2b01b756a665e5df99ddf6b91a5?
s=60&d=retro&r=g)

### 󠀁[good](https://wordpress.org/support/topic/good-4622/)󠁿

 [test7777](https://profiles.wordpress.org/test7777/) 2019 年 7 月 27 日 1 則留言

good

![](https://secure.gravatar.com/avatar/a9b5f64500adf8a92086d45f4e8ae9282c97b79f029f96447b2ff05f59e95a73?
s=60&d=retro&r=g)

### 󠀁[Works really well!](https://wordpress.org/support/topic/works-really-well-96/)󠁿

 [redswirl](https://profiles.wordpress.org/redswirl/) 2017 年 8 月 26 日

Able to make beautiful headers and footers for sites built with Beaver Builder with
this plugin. Thank you!

 [ 閱讀全部 19 則使用者評論 ](https://wordpress.org/support/plugin/bb-header-footer/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Header Footer for Beaver Builder〉的開發相關工作。

參與者

 *   [ Nikhil Chavan ](https://profiles.wordpress.org/nikschavan/)

〈Header Footer for Beaver Builder〉外掛目前已有 4 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/bb-header-footer/contributors)
為這個外掛做出的貢獻。

[將〈Header Footer for Beaver Builder〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/bb-header-footer)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/bb-header-footer/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/bb-header-footer/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/bb-header-footer/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/bb-header-footer/)。

## 變更記錄

#### 1.2.5

 * Updated help links and improved UI text for better clarity.

#### 1.2.4

 * Updated Readme File.

#### 1.2.3

 * This update addressed a security bug. Please make sure you are using the latest
   version on your website.

#### 1.2.2

 * Improvement: WordPress 5.9 compatibility.

#### 1.2.1

 * Improvement: WordPress 5.8 compatibility.

#### 1.2.0

 * New: New: Users can now share non-personal usage data to help us test and develop
   better products.

#### 1.1.9

 * Fix: Layout CSS/JS not rendering in some cases

#### 1.1.8

 * Fix: Load CSS/JS of Header and Footer in `<header>` fixing flash of unstyled 
   content.

#### 1.1.7

 * Fix: Beaver Builder layout cache missing some of the static CSS and JS files.
 * Fix: When editing the header / footer the layout was being duplicated.

#### 1.1.6

 * Fix: Menu module could not highlight the current menu item in the header template.
 * Improvement: Load the Header and Footer JS in the `wp_qneueue_script`. earlier
   this was loaded right where the shortcode is added.
 * Allow the plugin settings to be changed from child theme functions, This allows
   disabling and changing headers and footer per page from code.

#### 1.1.5

 * New: Added support for the [Astra](https://wpastra.com/?utm_source=wp-repo&utm_campaign=bb-header-footer&utm_medium=description)
   WordPress theme – The Fastest, Most Lightweight & Customizable WordPress Theme.
 * Fix: Submenu hides behind the page content if sticky header is enabled.
 * Fix: Shrink header option breaking the aspect ratio of the images.
 * Fix: Transparent header and sticky header CSS is applied on the page even if 
   custom header is not selected.

#### 1.1.4

 * Fix: Hide the default footer in generatepress and genesis theme.

#### 1.1.3

 * New: Added theme support for the primer theme and it’s child themes.
 * Improvement: Allow theme’s to declare support for the plugin in their code.
 * Improvement: Add header/footer on the page using Beaver Builders functions instead
   of adding via shortcodes.
 * Improvement: Shrink header option now shrinks the header a bit more leaving some
   padding in the row.

#### 1.1.2

 * New: Sticky headers!

#### 1.1.1

 * Fix: Transparent header not working in case of bb-theme.

#### 1.1.0

 * New: Adds option to create transparent header.

#### 1.0.1

 * Fix: duplicate

<

header> tag when using generatepress theme.

#### 1.0.0

 * Initial release

## 中繼資料

 *  版本 **1.2.5**
 *  最後更新 **12 個月前**
 *  啟用安裝數 **10,000+**
 *  WordPress 版本需求 ** 3.6 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.8.5**
 *  語言
 * [Dutch](https://nl.wordpress.org/plugins/bb-header-footer/)、[English (UK)](https://en-gb.wordpress.org/plugins/bb-header-footer/)、
   [English (US)](https://wordpress.org/plugins/bb-header-footer/)、[Japanese](https://ja.wordpress.org/plugins/bb-header-footer/)、
   及 [Portuguese (Brazil)](https://br.wordpress.org/plugins/bb-header-footer/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/bb-header-footer)
 * 標籤:
 * [beaver builder](https://tw.wordpress.org/plugins/tags/beaver-builder/)[beaver builder addon](https://tw.wordpress.org/plugins/tags/beaver-builder-addon/)
   [beaver builder template](https://tw.wordpress.org/plugins/tags/beaver-builder-template/)
   [page builder addons](https://tw.wordpress.org/plugins/tags/page-builder-addons/)
 *  [進階檢視](https://tw.wordpress.org/plugins/bb-header-footer/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  19 個 5 星使用者評論     ](https://wordpress.org/support/plugin/bb-header-footer/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/bb-header-footer/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/bb-header-footer/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/bb-header-footer/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/bb-header-footer/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/bb-header-footer/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/bb-header-footer/reviews/)

## 參與者

 *   [ Nikhil Chavan ](https://profiles.wordpress.org/nikschavan/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/bb-header-footer/)