CamelPlug26

<p>Hero Section for Block Editor is a lightweight WordPress plugin that allows you to create clean, responsive hero sections directly inside the Gutenberg editor.</p>
<p>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.</p>
<p>All images are selected from the WordPress Media Library, ensuring compatibility with WordPress.org plugin guidelines.</p>
<h4>Key Features</h4>
<ul>
<li>Fully responsive hero sections.</li>
<li>Background images selected from the Media Library.</li>
<li>Custom headings and descriptions.</li>
<li>Call-to-action button support.</li>
<li>Lightweight and performance-friendly.</li>
<li>SEO-friendly structure.</li>
<li>No external or remote dependencies.</li>
</ul>
<h3>Development / Build</h3>
<p>This plugin uses modern JavaScript tooling and follows WordPress block development standards.</p>
<h4>Source Code</h4>
<p>The original, human-readable source code is located in the <code>src/</code> directory.</p>
<h4>Build Instructions</h4>
<ol>
<li>Make sure Node.js and npm are installed.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to generate the production files in the <code>build/</code> directory.</li>
</ol>
<h4>Tools Used</h4>
<ul>
<li>React / JSX</li>
<li>@wordpress/scripts (Webpack, Babel)</li>
</ul>


Hero Section for Block Editor

Create responsive and customizable hero sections using the WordPress block editor.

Jeffrey Carandang

<h3>Easy & Powerful just like Genesis Framework</h3>
<p><strong>Easy</strong><br />Add hero image and any content via widgets! Drag and Drop your desired contents, choose the background hero image and your done! Easy as pie!</p>
<p><strong>Powerful</strong><br />Add anything via widget! From welcome text to subscription form as long as there’s a widget you can have it! Integrated gracefully with the framework you can customize the view as full window height and behind the header section. Wait for it…. hooks & filters for geeky fellows to control and modify the views, very well documented just like Genesis 😉</p>
<p>I can’t define the plugin’s awesomeness, describe it your self then. Take a look at the demo and spread the love by sharing. Thank you!</p>
<h4>Demo Links</h4>
<ul>
<li><a href="http://hero.phpbits.space/" rel="nofollow ugc">Full Height & Behind Header Section</a></li>
<li><a href="http://hero.phpbits.space/demo-links/behind-header-not-full-height/" rel="nofollow ugc">Behind Header Section & Not Full Height</a></li>
<li><a href="http://hero.phpbits.space/demo-links/below-header-section/" rel="nofollow ugc">Below Header Section</a></li>
<li><a href="http://hero.phpbits.space/demo-links/hero-with-primary-navigation/" rel="nofollow ugc">Hero with Primary Navigation</a></li>
<li><a href="http://hero.phpbits.space/demo-links/hero-as-header-background/" rel="nofollow ugc">Hero as Header Background</a></li>
</ul>
<p><strong>Need Help?</strong> there is help tab on the plugin settings page, though I can’t guarantee fast response I assure you I’ll contact you immediately once I read it.</p>
<p><strong>Rate it!</strong> I don’t care if you love it or not, your rating is important to me to continously improve this plugin.</p>
<p><strong>Share the Love & Buy me a beer!</strong> If you feel generous enough and feels that you want to support the development by means of donation, you can donate anytime <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FMKC2SLPTULP8" rel="nofollow ugc">here</a></p>
<h3>…and more! Think out of the box</h3>
<p>Visit the documentation page to see how you can use this plugin aside from hero and header section. Spoiler, you can also use it on the footer if you want to. View samples below:</p>
<h4>Extended Demo Links</h4>
<ul>
<li><a href="http://hero.phpbits.space/demo-links/hero-on-footer-section/" rel="nofollow ugc">Hero on Footer Section</a></li>
</ul>
<h4>Translators</h4>
<ul>
<li>French (fr_FR) – <a href="https://profiles.wordpress.org/jptwf" rel="nofollow ugc">JP – TWF</a></li>
</ul>


Hero for Genesis Framework

Easiest and Powerful way to add header, hero image & content to your Genesis powered sites. Powered by native widget, you can add almost anything!

Hero Section for Block Editor vs Hero for Genesis Framework