描述
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)
区块
该插件提供了 1 个区块.
- 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.
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0.0
- Initial release.