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://cn.wordpress.org/plugins/hero-section-block/#description)
 * [评价](https://cn.wordpress.org/plugins/hero-section-block/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/hero-section-block/#installation)
 * [开发进展](https://cn.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**
 *  最后更新：**4 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.2 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/hero-section-block/)
 * 标签
 * [banner](https://cn.wordpress.org/plugins/tags/banner/)[block-editor](https://cn.wordpress.org/plugins/tags/block-editor/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[hero section](https://cn.wordpress.org/plugins/tags/hero-section/)
   [landing page](https://cn.wordpress.org/plugins/tags/landing-page/)
 *  [高级视图](https://cn.wordpress.org/plugins/hero-section-block/advanced/)

## 评级

尚未提交反馈。

[Your review](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/)