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://snd.wordpress.org/plugins/hero-section-block/#description)
 * [جائزو](https://snd.wordpress.org/plugins/hero-section-block/#reviews)
 *  [تنصيب](https://snd.wordpress.org/plugins/hero-section-block/#installation)
 * [ترقي](https://snd.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.

## FAQ

### 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/)، يا رڪنيت
حاصل ڪريو [ڊولپمينٽ لاگ](https://plugins.trac.wordpress.org/log/hero-section-block/)
پاران [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 **3 مهينا اڳ**
 *  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://snd.wordpress.org/plugins/tags/banner/)[block-editor](https://snd.wordpress.org/plugins/tags/block-editor/)
   [gutenberg](https://snd.wordpress.org/plugins/tags/gutenberg/)[hero section](https://snd.wordpress.org/plugins/tags/hero-section/)
   [landing page](https://snd.wordpress.org/plugins/tags/landing-page/)
 *  [ترقي يافته ڏيک](https://snd.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/)