Title: Hero Section for Block Editor
Author: CamelPlug26
Published: <strong>2026 年 2 月 15 日</strong>
Last modified: 2026 年 2 月 15 日

---

搜尋外掛

![](https://ps.w.org/hero-section-block/assets/banner-772x250.png?rev=3461827)

![](https://ps.w.org/hero-section-block/assets/icon-256x256.png?rev=3461827)

# Hero Section for Block Editor

 由 [CamelPlug26](https://profiles.wordpress.org/camelplug26/) 開發

[下載](https://downloads.wordpress.org/plugin/hero-section-block.1.0.0.zip)

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

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

## 外掛說明

Hero Section for Block Editor is a lightweight WordPress plugin that allows you 
to create clean, responsive hero sections directly inside the Gutenberg editor.

The plugin is designed to follow WordPress best practices and integrates seamlessly
with the block editor, making it easy to add hero banners with headings, background
images, and call-to-action buttons without writing any code.

All images are selected from the WordPress Media Library, ensuring compatibility
with WordPress.org plugin guidelines.

#### Key Features

 * Fully responsive hero sections.
 * Background images selected from the Media Library.
 * Custom headings and descriptions.
 * Call-to-action button support.
 * Lightweight and performance-friendly.
 * SEO-friendly structure.
 * No external or remote dependencies.

### Development / Build

This plugin uses modern JavaScript tooling and follows WordPress block development
standards.

#### Source Code

The original, human-readable source code is located in the `src/` directory.

#### Build Instructions

 1. Make sure Node.js and npm are installed.
 2. Run `npm install` to install dependencies.
 3. Run `npm run build` to generate the production files in the `build/` directory.

#### Tools Used

 * React / JSX
 * @wordpress/scripts (Webpack, Babel)

## 適用於區塊編輯器

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

 *   Hero Section Block Short description of the Test Purpose

## 安裝方式

 1. Upload the plugin folder to the `/wp-content/plugins/` directory, or install the
    plugin directly from the WordPress Plugins screen.
 2. Activate the plugin through the “Plugins” menu in WordPress.
 3. Open the Block Editor and insert the **Hero Section** block.

## 常見問題集

### How do I add a Hero Section?

Open the WordPress Block Editor, click the block inserter, and search for “Hero 
Section”.

### Does the plugin use external images or scripts?

No. All images are selected from the WordPress Media Library, and no external or
remote assets are loaded.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Hero Section for Block Editor〉的開發相關工作。

參與者

 *   [ CamelPlug26 ](https://profiles.wordpress.org/camelplug26/)

[將〈Hero Section for Block Editor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/hero-section-block)

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

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

## 變更記錄

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **7 個月前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 5.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.7**
 *  PHP 版本需求 ** 7.2 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/hero-section-block/)
 * 標籤:
 * [banner](https://tw.wordpress.org/plugins/tags/banner/)[block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)
   [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[hero section](https://tw.wordpress.org/plugins/tags/hero-section/)
   [landing page](https://tw.wordpress.org/plugins/tags/landing-page/)
 *  [進階檢視](https://tw.wordpress.org/plugins/hero-section-block/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/hero-section-block/reviews/#new-post)

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

## 參與者

 *   [ CamelPlug26 ](https://profiles.wordpress.org/camelplug26/)

## 技術支援

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

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