{"id":276498,"date":"2026-02-15T13:27:28","date_gmt":"2026-02-15T13:27:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/hero-section-for-block-editor\/"},"modified":"2026-02-15T13:54:52","modified_gmt":"2026-02-15T13:54:52","slug":"hero-section-block","status":"publish","type":"plugin","link":"https:\/\/es-cr.wordpress.org\/plugins\/hero-section-block\/","author":23440720,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"Hero Section for Block Editor","header_author":"CamelPlug26","header_description":"Create responsive hero sections with headings, background options, and buttons in the block editor.","assets_banners_color":"eaf5fc","last_updated":"2026-02-15 13:54:52","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":168,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"camelplug26","date":"2026-02-15 13:54:52"}},"upgrade_notice":{"1.0.0":"<p>Initial release of the plugin.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3461827,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3461827,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3461827,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"hero-section\/hero-section":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"hero-section\/hero-section","version":"1.0.0","title":"Hero Section Block","category":"widgets","description":"Short description of the Test Purpose","keywords":["hero section block","hero section","block"],"textdomain":"hero-section","attributes":{"alignment":{"type":"string","default":"center"},"data":{"type":"object","default":{"title":"Create responsive hero sections in WordPress","des":" Add headings, flexible background styles, and call-to-action buttons\u2014perfectly responsive on all devices","btn":{"link":"#","text":"Get Started","newTab":true},"imageId":0}},"styles":{"type":"object","default":{"title":"#ffffff","des":"#ffffff","btn":{"color":"#ffffff","bg":"#2563eb"}}},"colors":{"type":"object","default":{"color":"black","bg":"#B1C5A4"}}},"supports":{"align":["wide","full"],"html":false},"example":{"attributes":{}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/view.css","render":"file:.\/render.php","viewScript":"file:.\/view.js"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Hero Section block settings in the editor."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[784,148857,148076,34536,808],"plugin_category":[],"plugin_contributors":[255909],"plugin_business_model":[],"class_list":["post-276498","plugin","type-plugin","status-publish","hentry","plugin_tags-banner","plugin_tags-block-editor","plugin_tags-gutenberg","plugin_tags-hero-section","plugin_tags-landing-page","plugin_contributors-camelplug26","plugin_committers-camelplug26"],"banners":{"banner":"https:\/\/ps.w.org\/hero-section-block\/assets\/banner-772x250.png?rev=3461827","banner_2x":"https:\/\/ps.w.org\/hero-section-block\/assets\/banner-1544x500.png?rev=3461827","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/hero-section-block\/assets\/icon-256x256.png?rev=3461827","icon_2x":"https:\/\/ps.w.org\/hero-section-block\/assets\/icon-256x256.png?rev=3461827","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<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>\n\n<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>\n\n<p>All images are selected from the WordPress Media Library, ensuring compatibility with WordPress.org plugin guidelines.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li>Fully responsive hero sections.<\/li>\n<li>Background images selected from the Media Library.<\/li>\n<li>Custom headings and descriptions.<\/li>\n<li>Call-to-action button support.<\/li>\n<li>Lightweight and performance-friendly.<\/li>\n<li>SEO-friendly structure.<\/li>\n<li>No external or remote dependencies.<\/li>\n<\/ul>\n\n<h3>Development \/ Build<\/h3>\n\n<p>This plugin uses modern JavaScript tooling and follows WordPress block development standards.<\/p>\n\n<h4>Source Code<\/h4>\n\n<p>The original, human-readable source code is located in the <code>src\/<\/code> directory.<\/p>\n\n<h4>Build Instructions<\/h4>\n\n<ol>\n<li>Make sure Node.js and npm are installed.<\/li>\n<li>Run <code>npm install<\/code> to install dependencies.<\/li>\n<li>Run <code>npm run build<\/code> to generate the production files in the <code>build\/<\/code> directory.<\/li>\n<\/ol>\n\n<h4>Tools Used<\/h4>\n\n<ul>\n<li>React \/ JSX<\/li>\n<li>@wordpress\/scripts (Webpack, Babel)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install the plugin directly from the WordPress Plugins screen.<\/li>\n<li>Activate the plugin through the \u201cPlugins\u201d menu in WordPress.<\/li>\n<li>Open the Block Editor and insert the <strong>Hero Section<\/strong> block.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20add%20a%20hero%20section%3F\"><h3>How do I add a Hero Section?<\/h3><\/dt>\n<dd><p>Open the WordPress Block Editor, click the block inserter, and search for \u201cHero Section\u201d.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20use%20external%20images%20or%20scripts%3F\"><h3>Does the plugin use external images or scripts?<\/h3><\/dt>\n<dd><p>No. All images are selected from the WordPress Media Library, and no external or remote assets are loaded.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Create responsive and customizable hero sections using the WordPress block editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/276498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=276498"}],"author":[{"embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/camelplug26"}],"wp:attachment":[{"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=276498"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=276498"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=276498"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=276498"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=276498"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es-cr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=276498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}