Title: Better Block Editor (BBE)
Author: Dream Theme
Published: <strong>2025 年 10 月 29 日</strong>
Last modified: 2026 年 6 月 4 日

---

搜尋外掛

![](https://ps.w.org/better-block-editor/assets/banner-772x250.png?rev=3386474)

![](https://ps.w.org/better-block-editor/assets/icon.svg?rev=3386474)

# Better Block Editor (BBE)

 由 [Dream Theme](https://profiles.wordpress.org/dreamtheme/) 開發

[下載](https://downloads.wordpress.org/plugin/better-block-editor.1.5.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/better-block-editor/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/better-block-editor/#reviews)
 * [開發資訊](https://tw.wordpress.org/plugins/better-block-editor/#developers)

 [技術支援](https://wordpress.org/support/plugin/better-block-editor/)

## 外掛說明

Better Block Editor (BBE) adds responsive layout controls, hover effects, on-scroll
animations, and ready-to-use site templates to Block Editor. It’s not another page
builder. It doesn’t replace core blocks or add bloat — BBE just adds the missing
settings where needed. It works with your current block theme and plugins, so your
existing content stays intact.

### Highlights

 * Responsive Settings for Row, Stack, Grid, Columns, Button, Navigation, and text(
   Heading, Paragraph) blocks — choose a breakpoint, then adjust orientation, spacing,
   and alignment at that breakpoint.
 * Responsive Visibility for any block — set the default visibility state and change
   it at a chosen breakpoint.
 * Prevent Shrinking for elements set to Fixed or Fit-content sizes — keeps complex
   layouts intact on small screens.
 * Animation on Scroll — configurable animation effect, easing, duration, and delay.
 * Hover colors for Button and Navigation.
 * Pre-made Sites and Partial Import — bring over a full site or a single page/section;
   assets import automatically.
 * One-click customization for imported content — set primary, secondary, and neutral
   colors; BBE creates a balanced palette in one click.
 * Native Block Editor integration — no lock-in, lightweight, GPL, and free.

### Free pre-made site templates

 * Business — [https://templates.wpbbe.io/business/](https://templates.wpbbe.io/business/)
 * Brewery — [https://templates.wpbbe.io/brewery/](https://templates.wpbbe.io/brewery/)
 * Life Coach — [https://templates.wpbbe.io/life-coach/](https://templates.wpbbe.io/life-coach/)
 * Bakery — [https://templates.wpbbe.io/bakery/](https://templates.wpbbe.io/bakery/)
 * More templates coming soon.

#### How it works

Import a template and make it yours in minutes with the one-click customization 
tool. Mix pages and sections from different templates with Partial Import. Create
a professional website in hours — not weeks!

### Features

 * Responsive Settings for Row and Stack — change orientation (convert Row  Stack),
   justification, vertical alignment, and spacing at a chosen breakpoint. This panel
   is key to controllable responsive behavior in Block Editor sites.
 * Prevent Shrinking — available when a block’s width/height is set to Fit content
   or Fixed; prevents fixed-size elements from collapsing on small screens.
 * Responsive Visibility for any block — set the default visibility state (visible/
   hidden) and change it at a chosen breakpoint.
 * Responsive Settings for Grid — replaces the core Stack on mobile with a dedicated
   panel to choose the stacking breakpoint and adjust spacing at that breakpoint.
 * Improved Stack on mobile for Columns — choose the breakpoint and optionally reverse
   the column order at that breakpoint.
 * Navigation overlay menu — replaces the fixed Mobile option with Responsive; pick
   the exact breakpoint when navigation collapses to a menu icon (useful for headers).
 * Hover color for Navigation — add hover color controls for menu and submenu items.
 * Responsive Settings for Button — control the orientation of inner buttons (stack
   or reverse), plus justification and vertical alignment at a chosen breakpoint.
 * Hover colors for Button — set text, background, and border colors on hover.
 * Responsive Settings for Post Template (Grid view) — stack posts and adjust spacing
   at a chosen breakpoint.
 * Animation on Scroll for any block — subtle reveal on scroll with configurable
   effect, easing, duration, and delay.
 * Responsive text alignment — add alignment controls at a chosen breakpoint for
   Heading, Paragraph, and select text-based blocks.
 * SVG Icon block + sanitized SVG upload — place SVG icons anywhere; control size,
   color, hover color, and linking.
 * Breakpoints — edit built-in breakpoints and add or remove custom breakpoints.

### Requirements & Compatibility

 * WordPress 6.8 or later
 * Uses the native Block Editor (Gutenberg)
 * Works with block themes; does not target third-party page builders

### Privacy

This plugin does not collect personal data from site visitors. It uses standard 
Block Editor controls and optional template imports. Site owners should review their
own analytics/embeds for compliance.

### License

Better Block Editor is distributed under the GPLv2 or later. You are free to use
it on personal and commercial sites.

### Resources

 * Official website — [https://wpbbe.io/](https://wpbbe.io/)
 * User Guide — [https://docs.wpbbe.io/](https://docs.wpbbe.io/)

## 螢幕擷圖

[⌊Responsive Layout Controls — choose a breakpoint; adjust orientation, alignment,
justification, and spacing.⌉⌊Responsive Layout Controls — choose a breakpoint; adjust
orientation, alignment, justification, and spacing.⌉[

**Responsive Layout Controls** — choose a breakpoint; adjust orientation, alignment,
justification, and spacing.

[⌊On-scroll Animation — configure effect, easing, duration, and delay.⌉⌊On-scroll
Animation — configure effect, easing, duration, and delay.⌉[

**On-scroll Animation** — configure effect, easing, duration, and delay.

[⌊Pre-made Site Templates — browse and import a full site template.⌉⌊Pre-made Site
Templates — browse and import a full site template.⌉[

**Pre-made Site Templates** — browse and import a full site template.

[⌊Partial Import — copy a single page or section; assets import automatically.⌉⌊
Partial Import — copy a single page or section; assets import automatically.⌉[

**Partial Import** — copy a single page or section; assets import automatically.

[⌊One-click Customization — set primary, secondary, and neutral colors; BBE builds
a balanced palette.⌉⌊One-click Customization — set primary, secondary, and neutral
colors; BBE builds a balanced palette.⌉[

**One-click Customization** — set primary, secondary, and neutral colors; BBE builds
a balanced palette.

[⌊Responsive Visibility — set default visibility and switch it at a chosen breakpoint.⌉⌊
Responsive Visibility — set default visibility and switch it at a chosen breakpoint
.⌉[

**Responsive Visibility** — set default visibility and switch it at a chosen breakpoint.

[⌊Prevent Shrinking — keep fixed/fit-content elements from collapsing on small screens.⌉⌊
Prevent Shrinking — keep fixed/fit-content elements from collapsing on small screens
.⌉[

**Prevent Shrinking** — keep fixed/fit-content elements from collapsing on small
screens.

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   SVG Icon Display the SVG icon

## 使用者評論

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

### 󠀁[Looks promising!](https://wordpress.org/support/topic/looks-promising-43/)󠁿

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

I think this plugin will be better and better.

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

### 󠀁[Really Great Plugin](https://wordpress.org/support/topic/really-great-plugin-241/)󠁿

 [noelmoore](https://profiles.wordpress.org/noelmoore/) 2026 年 2 月 25 日

This is a Really Great Plugin

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

### 󠀁[Very good plugin](https://wordpress.org/support/topic/very-good-plugin-3049/)󠁿

 [vencecanguelos2](https://profiles.wordpress.org/vencecanguelos2/) 2026 年 2 月
13 日

Very good plugin

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

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

 [kmephic](https://profiles.wordpress.org/kmephic/) 2026 年 2 月 13 日

Tried this plgin and was impressed with designs i made with it. Give it a try you
will not be dis apponited.

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

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

 [stosun](https://profiles.wordpress.org/stosun/) 2026 年 2 月 6 日

Better Block Editor (BBE) is an excellent plugin that gives you full control over
the WordPress block editor, dramatically improving workflow and making content creation
cleaner, faster, and more enjoyable.

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

### 󠀁[A useful and practical Plugin](https://wordpress.org/support/topic/a-useful-and-practical-plugin-2/)󠁿

 [payamsys](https://profiles.wordpress.org/payamsys/) 2026 年 2 月 5 日

Pretty much useful

 [ 閱讀全部 10 則使用者評論 ](https://wordpress.org/support/plugin/better-block-editor/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Better Block Editor (BBE)〉的開發相關工作。

參與者

 *   [ Dream Theme ](https://profiles.wordpress.org/dreamtheme/)

[將〈Better Block Editor (BBE)〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/better-block-editor)

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

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

## 變更記錄

#### 1.5.1 (04-06-2026)

 1. Fixed incorrect alignment of the Spacing control.
 2. Resolved responsiveness issues in the Post Template block.

#### 1.5.0 (21-05-2026)

 1. Added compatibility with WordPress 7.0.
 2. Reworked the Responsive Settings panel for Group / Row / Stack / Grid blocks to
    include full Dimensions panel capabilities.
 3. Added Responsive Settings with Dimensions to the Cover block.

#### 1.4.2 (08-05-2026)

 1. Minor page loading performance improvements.
 2. Fixed an issue where the toolbar was hidden for animated elements.

#### 1.4.1 (27-03-2026)

 1. Fixed a fatal error caused by a rare combination of plugins.

#### 1.4.0 (27-03-2026)

 1. Improved Better Block Editor settings interface.
 2. Added option to remove Site Templates link from admin menu.

#### 1.3.0 (03-03-2026)

 1. Added accessibility enhancements for SVG Icon block.
 2. Added shadow support for SVG Icon block.
 3. Fixed an issue where margin and padding in the SVG Icon block were applied incorrectly.
 4. Prevented fatal errors caused by broken settings.

#### 1.2.2 (11-02-2026)

 1. Fixed an issue with responsive visibility for the Group block (props to @frdmsun)

#### 1.2.1 (10-02-2026)

 1. Removed hidden reference elements (div.wpbbe-ref-anchor) from the editor.
 2. Added an option to stretch all form fields in Better Contact Form 7 block.
 3. Fixed an issue where Better Contact Form 7 block lost font size control data in
    specific use cases.
 4. Resolved a problem where buttons in Better Contact Form 7 block did not inherit
    font family from their parent container.
 5. Corrected placeholder text color rendering in Better Contact Form 7 block fields
    under certain conditions.

#### 1.2.0 (29-01-2026)

 1. Added integration with Contact Form 7 via the “Better Contact Form 7” block.

#### 1.1.0 (20-01-2026)

 1. Added Text Style settings for Heading, Paragraph, Post Title, and Post Excerpt 
    blocks.
 2. Forced the editor into API v3 (iframe) mode for enhanced stability and compatibility.
 3. Fixed minor layout issues caused by the Welcome Guide.
 4. Resolved a compatibility issue with Contact Form 7 block.
 5. Removed duplicate Display Settings panel in the Navigation block.

#### 1.0.1.2 (04-11-2025)

 1. Fix Site Templates page.

#### 1.0.1.1 (04-11-2025)

 1. Fix progress indicator for Partial Import.

#### 1.0.1

 1. Improved Palette Generator (one-click customization tool).
 2. Added progress indicator for Partial Import.
 3. Cleaned up unnecessary files.
 4. Minor under-the-hood tweaks.

#### 1.0.0

Initial public release.

## 中繼資料

 *  版本 **1.5.1**
 *  最後更新 **4 週前**
 *  啟用安裝數 **5,000+**
 *  WordPress 版本需求 ** 7.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/better-block-editor/)
 * 標籤:
 * [animation](https://tw.wordpress.org/plugins/tags/animation/)[block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)
   [page builder](https://tw.wordpress.org/plugins/tags/page-builder/)[responsive](https://tw.wordpress.org/plugins/tags/responsive/)
   [templates](https://tw.wordpress.org/plugins/tags/templates/)
 *  [進階檢視](https://tw.wordpress.org/plugins/better-block-editor/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  10 個 5 星使用者評論     ](https://wordpress.org/support/plugin/better-block-editor/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/better-block-editor/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/better-block-editor/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/better-block-editor/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/better-block-editor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/better-block-editor/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/better-block-editor/reviews/)

## 參與者

 *   [ Dream Theme ](https://profiles.wordpress.org/dreamtheme/)

## 技術支援

最近 2 個月解決的問題:

     總計 2 個問題，已解決 1 個

 [檢視技術支援論壇](https://wordpress.org/support/plugin/better-block-editor/)