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 install to install dependencies.
Run npm run build to generate the production files in the build/ directory.

Tools Used

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