Title: Hero Section for Block Editor
Author: CamelPlug26
Published: <strong>15 ਫਰਵਰੀ 2026</strong>
Last modified: 15 ਫਰਵਰੀ 2026

---

ਪਲੱਗਇਨਾਂ ਖੋਜੋ

![](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://pan.wordpress.org/plugins/hero-section-block/#description)
 * [ਸਮੀਖਿਆਵਾਂ](https://pan.wordpress.org/plugins/hero-section-block/#reviews)
 *  [ਸਥਾਪਤੀਕਰਨ](https://pan.wordpress.org/plugins/hero-section-block/#installation)
 * [ਵਿਕਾਸ](https://pan.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)

## ਬਲਾਕ

This plugin provides 1 block.

 *   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.

## ਸਮੀਖਿਆਵਾਂ

There are no reviews for this plugin.

## ਯੋਗਦਾਨੀ ਤੇ ਵਿਕਾਸਕਾਰ

“Hero Section for Block Editor” is open source software. The following people have
contributed to this plugin.

ਯੋਗਦਾਨੀ

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

[“Hero Section for Block Editor” ਦਾ ਆਪਣੀ ਭਾਸ਼ਾ ਵਿੱਚ ਅਨੁਵਾਦ ਕਰੋ।](https://translate.wordpress.org/projects/wp-plugins/hero-section-block)

### ਵਿਕਾਸ ਕਾਰਜ ਵਿੱਚ ਰੁਚੀ ਰੱਖਦੇ ਹੋ?

[Browse the code](https://plugins.trac.wordpress.org/browser/hero-section-block/),
check out the [SVN repository](https://plugins.svn.wordpress.org/hero-section-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/hero-section-block/)
by [RSS](https://plugins.trac.wordpress.org/log/hero-section-block/?limit=100&mode=stop_on_copy&format=rss).

## ਤਬਦੀਲੀ-ਚਿੱਠਾ

#### 1.0.0

 * Initial release.

## ਮੈਟਾ

 *  Version **1.0.0**
 *  Last updated **2 ਮਹੀਨੇ ਪਹਿਲਾਂ**
 *  Active installations **10 ਤੋਂ ਘੱਟ**
 *  WordPress version ** 5.0 ਜਾਂ ਇਸ ਤੋਂ ਉੱਚਾ **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.2 ਜਾਂ ਇਸ ਤੋਂ ਉੱਚਾ **
 *  Language
 * [English (US)](https://wordpress.org/plugins/hero-section-block/)
 * Tags
 * [banner](https://pan.wordpress.org/plugins/tags/banner/)[block-editor](https://pan.wordpress.org/plugins/tags/block-editor/)
   [gutenberg](https://pan.wordpress.org/plugins/tags/gutenberg/)[hero section](https://pan.wordpress.org/plugins/tags/hero-section/)
   [landing page](https://pan.wordpress.org/plugins/tags/landing-page/)
 *  [Advanced View](https://pan.wordpress.org/plugins/hero-section-block/advanced/)

## ਦਰਜਾਬੰਦੀ

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/hero-section-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/hero-section-block/reviews/)

## ਯੋਗਦਾਨੀ

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

## ਸਹਿਯੋਗ

ਕੁਝ ਕਹਿਣਾ ਹੈ? ਮਦਦ ਚਾਹੀਦੀ ਹੈ?

 [ਸਹਿਯੋਗ ਫੋਰਮ ਦੇਖੋ](https://wordpress.org/support/plugin/hero-section-block/)