描述
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
- Make sure Node.js and npm are installed.
- Run
npm installto install dependencies. - Run
npm run buildto generate the production files in thebuild/directory.
Tools Used
- React / JSX
- @wordpress/scripts (Webpack, Babel)
Blocks
This plugin provides 1 block.
- Hero Section Block Short description of the Test Purpose
安裝
- Upload the plugin folder to the
/wp-content/plugins/directory, or install the plugin directly from the WordPress Plugins screen. - Activate the plugin through the “Plugins” menu in WordPress.
- 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.
評價
There are no reviews for this plugin.
貢獻者及開發者
修改日誌
1.0.0
- Initial release.