{"id":323159,"date":"2026-06-08T11:35:30","date_gmt":"2026-06-08T11:35:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/gene-blocks\/"},"modified":"2026-06-24T00:40:06","modified_gmt":"2026-06-24T00:40:06","slug":"gene-section-builder","status":"publish","type":"plugin","link":"https:\/\/kin.wordpress.org\/plugins\/gene-section-builder\/","author":23506187,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.2.0","stable_tag":"3.2.0","tested":"7.0","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"GENE Section Builder","header_author":"One Craft","header_description":"Section Builder \u2014 pick a color, a section, and a style to generate beautiful, fully editable page sections. 7 palettes \u00d7 8 sections \u00d7 7 styles + scroll effects, all free.","assets_banners_color":"","last_updated":"2026-06-24 00:40:06","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/gene-wp.com\/","header_author_uri":"https:\/\/onecraft-ne.jp","rating":0,"author_block_rating":0,"active_installs":0,"downloads":184,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.1":{"tag":"2.0.1","author":"onecraftne","date":"2026-06-08 11:32:54"},"3.1.0":{"tag":"3.1.0","author":"onecraftne","date":"2026-06-17 10:26:42"},"3.1.1":{"tag":"3.1.1","author":"onecraftne","date":"2026-06-18 01:48:35"},"3.2.0":{"tag":"3.2.0","author":"onecraftne","date":"2026-06-24 00:40:06"}},"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":{"gene-blocks\/section-builder":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"gene-blocks\/section-builder","version":"3.2.0","title":"Section Builder","category":"gene-blocks","icon":"layout","description":"Pick an industry and a color \u2014 generate a fully designed, editable page section built on native WordPress blocks.","keywords":["section","builder","template","layout","aesthetic"],"supports":{"html":false,"align":["wide","full"],"inserter":true},"attributes":{"palette":{"type":"string","default":""},"sectionType":{"type":"string","default":""},"aesthetic":{"type":"string","default":""},"generated":{"type":"boolean","default":false}},"textdomain":"gene-section-builder","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css"}},"tagged_versions":["2.0.1","3.1.0","3.1.1","3.2.0"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[4121,4072,1332,18850,12900],"plugin_category":[43],"plugin_contributors":[266175],"plugin_business_model":[],"class_list":["post-323159","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-design","plugin_tags-editor","plugin_tags-patterns","plugin_tags-sections","plugin_category-customization","plugin_contributors-onecraftne","plugin_committers-onecraftne"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/gene-section-builder.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>GENE Section Builder turns a blank page into a finished Home page in seconds.<\/strong><\/p>\n\n<p>Choose your industry and a color, then press Generate. A complete, professionally designed page appears \u2014 built entirely from native WordPress core blocks and ready to edit. Change any text, image, color, or layout with the editor you already know. You can preview the result in your chosen color before you generate it. (A header and footer are part of the companion GENE Blocks Studio product; the free page leaves a labeled placeholder where each would go.)<\/p>\n\n<p>Each industry comes with its own finished design and copy \u2014 not a blank template you have to fill in, and not a sprawling pattern library to dig through. It is a guided picker that hands you the right design for the combination you choose.<\/p>\n\n<p><strong>Refined motion, built in<\/strong><\/p>\n\n<p>Generated sections come alive without any setup:<\/p>\n\n<ul>\n<li>Titles are centered with a tasteful accent underline.<\/li>\n<li>Sections reveal gently as the reader scrolls into them.<\/li>\n<li>Cards tilt subtly toward the cursor in 3D.<\/li>\n<li>A soft, accent-colored glow follows the cursor across each section.<\/li>\n<\/ul>\n\n<p>Every effect is pure CSS, honors the reader's \"reduce motion\" preference, and adds no heavy JavaScript. You can switch it off per section with a single toggle.<\/p>\n\n<p><strong>What's included \u2014 free<\/strong><\/p>\n\n<ul>\n<li><strong>4 industry designs<\/strong> \u2014 <em>Solo &amp; Professional<\/em> (dark, high-contrast, product-style), <em>Portfolio &amp; Creator<\/em> (cinematic, full-bleed, minimal), <em>Small Company<\/em> (bright, structured B2B) and <em>Restaurant &amp; Caf\u00e9<\/em> (warm, inviting, serif headings). Each has its own distinct, finished design and copy tuned to that kind of site.<\/li>\n<li><strong>A full page of sections<\/strong> \u2014 hero, services, features, stats, testimonials, team, pricing, food menu, portfolio, FAQ, story, values, hours and a call to action, in one consistent order. Keep what fits and delete the rest.<\/li>\n<li><strong>7 color palettes<\/strong> \u2014 Blue, Emerald, Violet, Rose, Amber, Teal and Charcoal. The accent color flows through buttons, headings, numbers and the motion, so the whole section matches your brand instantly.<\/li>\n<li><strong>Visual preview<\/strong> \u2014 see exactly how a section will look, in your chosen color, before you generate it.<\/li>\n<\/ul>\n\n<p><strong>Built on core blocks \u2014 no lock-in<\/strong><\/p>\n\n<p>Every section is standard WordPress markup (group, columns, heading, paragraph, image, cover, buttons, details). That means full editability, compatibility with any block-aware theme, and content that stays intact if you ever deactivate the plugin \u2014 you only lose the design styling. No frameworks, no bloat.<\/p>\n\n<p><strong>Want more?<\/strong><\/p>\n\n<p>GENE Section Builder generates a Home page (without a header or footer). A separate companion product, <strong>GENE Blocks Studio<\/strong>, adds a generated <strong>header and footer<\/strong>, more <strong>page types<\/strong> (Contact, Menu, Work), built-in <strong>SEO<\/strong>, a <strong>contact form<\/strong> block, <strong>client-delivery locking<\/strong> (lock the structure so clients can only edit text and images), and block <strong>export \/ import<\/strong>. Studio is a standalone product available at https:\/\/gene-wp.com\/ \u2014 it is not an upgrade that unlocks this plugin; everything in GENE Section Builder stays free.<\/p>\n\n<h3>Resources<\/h3>\n\n<p>GENE Section Builder WordPress Plugin, (C) 2026 One Craft\nGENE Section Builder is distributed under the terms of the GNU GPL v2 or later.<\/p>\n\n<p>Bundled font: Inter (SIL Open Font License 1.1) \u2014 see assets\/fonts\/Inter-OFL.txt.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress admin, go to Plugins &gt; Add New &gt; Upload Plugin.<\/li>\n<li>Upload the gene-section-builder.zip file and click Install Now.<\/li>\n<li>Activate the plugin.<\/li>\n<li>In the block editor, search for \"Section Builder\" or find it under the \"GENE Section Builder\" category.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20a%20specific%20theme%3F\"><h3>Does this require a specific theme?<\/h3><\/dt>\n<dd><p>No. GENE Section Builder works with any block-aware WordPress theme.<\/p><\/dd>\n<dt id=\"can%20i%20edit%20the%20generated%20sections%3F\"><h3>Can I edit the generated sections?<\/h3><\/dt>\n<dd><p>Yes. After clicking Generate, the section is replaced with regular core blocks. You can edit every part \u2014 text, images, colors, spacing \u2014 using normal WordPress editor controls.<\/p><\/dd>\n<dt id=\"what%20happens%20if%20i%20deactivate%20the%20plugin%3F\"><h3>What happens if I deactivate the plugin?<\/h3><\/dt>\n<dd><p>Your content stays. The blocks are converted to core blocks at generation time, so they keep working. You only lose the design CSS polish.<\/p><\/dd>\n<dt id=\"how%20is%20this%20different%20from%20a%20block%20pattern%3F\"><h3>How is this different from a block pattern?<\/h3><\/dt>\n<dd><p>Patterns are a static library you browse. Section Builder asks for your industry and color and generates the matching design \u2014 a guided picker, not a flat list \u2014 and lets you preview it first.<\/p><\/dd>\n<dt id=\"will%20the%20motion%20affect%20performance%3F\"><h3>Will the motion affect performance?<\/h3><\/dt>\n<dd><p>No. The motion is CSS transforms only, loaded only where it is used, and it respects the \"reduce motion\" accessibility setting. It adds no meaningful load time, and you can turn it off per section with a single toggle when generating.<\/p><\/dd>\n<dt id=\"is%20there%20a%20paid%20version%3F\"><h3>Is there a paid version?<\/h3><\/dt>\n<dd><p>GENE Section Builder is free. Some features \u2014 a generated header and footer, more page types (Contact, Menu, Work), SEO, a contact form, client-delivery locking and block export\/import \u2014 are part of a separate product, GENE Blocks Studio (https:\/\/gene-wp.com\/). It is a standalone product, not an unlock of this plugin; everything described above stays free.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.2.0<\/h4>\n\n<ul>\n<li>New: generate a complete, professionally designed Home page in one click \u2014 every section in one consistent order (hero, services, features, stats, testimonials, team, pricing, food menu, portfolio, FAQ, story, values, hours and a call to action). Keep what fits and delete the rest. (Individual single-section generation has been replaced by whole-page generation.)<\/li>\n<li>New: a fourth industry design \u2014 Restaurant &amp; Cafe (warm): cream tones, soft rounded cards, serif headings and a palette-driven warm accent. Now four designs in total (Solo &amp; Professional, Portfolio &amp; Creator, Small Company, Restaurant &amp; Cafe).<\/li>\n<li>New: built-in motion for generated pages \u2014 centered titles with an accent underline, a gentle scroll reveal, a subtle 3D card tilt toward the cursor, and a cursor-following accent glow. Pure CSS, honors reduce-motion, toggleable at generation.<\/li>\n<li>New: a per-page \"Blank canvas\" toggle that hides the theme's own header, title and footer so the generated page is self-contained. Auto-enabled on generation; toggleable in the page sidebar.<\/li>\n<li>Improved: all seven color palettes now drive every design, and charcoal stays legible on the dark designs.<\/li>\n<li>Fix: section headings stay centered reliably across themes and caching (centering is baked into the markup and also injected inline in the page).<\/li>\n<li>Fix: the header\/footer upgrade placeholder is always legible (its colors are baked into the block markup).<\/li>\n<li>Change: generated paragraphs store their center alignment in style.typography.textAlign instead of the align attribute, which WordPress 7.0 deprecated for paragraphs. Output and appearance are unchanged.<\/li>\n<\/ul>\n\n<h4>3.1.1<\/h4>\n\n<ul>\n<li>Fix: removed the thin gaps that could appear between adjacent full-width sections on the front end.<\/li>\n<li>Fix: prevented a small horizontal scrollbar \/ right-edge cut-off on full-width sections with some themes.<\/li>\n<\/ul>\n\n<h4>3.1.0<\/h4>\n\n<ul>\n<li>Rebuilt around three distinct industry designs: Solo &amp; Professional, Portfolio &amp; Creator and Small Company. Each has its own finished design and industry-tuned copy.<\/li>\n<li>New sections: Logos, Features, Compare and Stats (12 sections in total).<\/li>\n<li>Visual preview \u2014 see a section in your chosen color before generating.<\/li>\n<li>Japanese admin\/editor UI when the site language is Japanese (generated content stays English).<\/li>\n<li>Sections generated with earlier versions keep their styling \u2014 the previous design stylesheets are bundled for backward compatibility.<\/li>\n<li>Full Page generation, whole-site Starter Site generation, SEO, a contact form, client-delivery locking, scroll effects and export\/import are part of the separate GENE Blocks Studio product.<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>Industry-based picker: choose an industry and the section fills with copy tuned to it, with a matching color suggested.<\/li>\n<\/ul>\n\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>Fix: on small screens, generated sections keep a horizontal gutter so content no longer runs to the very edge.<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Redesigned around color: pick a palette (7 colors). Color-agnostic templates via CSS variables.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release with Section Builder block.<\/li>\n<\/ul>","raw_excerpt":"Pick an industry and a color, then generate a fully designed, editable Home page \u2014 built on core blocks, with subtle motion built in. Free.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/323159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=323159"}],"author":[{"embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/onecraftne"}],"wp:attachment":[{"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=323159"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=323159"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=323159"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=323159"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=323159"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/kin.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=323159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}