David Arnado

<p>Block Layout Exporter lets you design reusable content layouts in the Gutenberg editor and embed them anywhere on your site using a simple shortcode.</p>
<p>Build your layout once as a reusable block, copy its unique shortcode, and paste it into any page, post, widget, or page builder template, including Elementor. Update the block once and the change reflects everywhere the shortcode is used, instantly.</p>
<h3>Features</h3>
<ul>
<li><strong>Custom Post Type for Blocks</strong>. Create and manage reusable block layouts in a dedicated admin screen, separate from your regular content</li>
<li><strong>Automatic Shortcode Generation</strong>. Each block gets a unique shortcode the moment it is first saved, ready to copy and paste</li>
<li><strong>Embed Anywhere</strong>. Use the shortcode in pages, posts, widgets, classic editor, Elementor, or any builder that supports shortcodes</li>
<li><strong>Gutenberg Compatible</strong>. Layouts are built entirely in the Gutenberg editor with full block support</li>
<li><strong>Centralized Block Management</strong>. Edit a block layout once and every instance across your site updates automatically</li>
<li><strong>Copy Button</strong>. Copy the shortcode directly from the block list table or the edit screen sidebar, no manual typing required</li>
<li><strong>Usage Tracker</strong>. See at a glance which pages and posts are currently using each block, with direct Edit and View links</li>
<li><strong>Duplicate Block</strong>. Clone any block layout with one click, generating a fresh shortcode for the copy</li>
</ul>
<h3>More Projects & Information</h3>
<p>For more information about my projects, you can visit my website: <a href="https://caledrosforge.com/" rel="nofollow ugc">caledrosforge.com</a></p>


Block Layout Exporter

Allows to use Gutenberg block layouts as shortcodes.

StudioPress

WP Engine

Ryan Kienstra

rheinardkorf

Luke Carbis

stino11

<p>Genesis Custom Blocks provides WordPress developers with the tools they need to take control of the block-first reality of modern WordPress.</p>
<p>The WordPress block editor (AKA Gutenberg) opens up a whole new world for the way we build pages, posts, and websites with WordPress. Genesis Custom Blocks makes it easy to harness this and build custom blocks the way you want them to be built. Whether you want to implement a custom design, deliver unique functionality, or even remove your dependence on other plugins, Genesis Custom Blocks equips you with the tools you need to hit “Publish” sooner.</p>
<p><strong>Take control of design</strong> – Implement beautiful, custom designs with fine-tuned front-end templating control.</p>
<p><strong>Build unique functionality</strong> – Build blocks that function and behave exactly as you need.</p>
<p><strong>Extend & Integrate</strong> – Easily extend your custom blocks to integrate with third-party apps and plugins.</p>
<h3>Features</h3>
<h3>A Familiar Experience</h3>
<p>Work within the WordPress admin with an interface you already know.</p>
<h3>Block Fields</h3>
<p>Add from a growing list of available fields to your custom blocks.</p>
<h3>Simple Templating</h3>
<p>Let the plugin do the heavy lifting so you can use the built-in editor, or familiar WordPress development practices to build block templates.</p>
<h3>Developer Friendly Functions</h3>
<p>As an alternative to the built-in editor, there are simple functions, ready to render and work with the data stored through your custom block fields.</p>
<h3>Currently available block fields</h3>
<ul>
<li>Inner Blocks Field</li>
<li>File Field</li>
<li>Text Field</li>
<li>Image Field</li>
<li>URL Field</li>
<li>Toggle Field</li>
<li>Textarea Field</li>
<li>Select Field</li>
<li>Range Field</li>
<li>Radio Field</li>
<li>Number Field</li>
<li>Multi-select Field</li>
<li>Email Field</li>
<li>Color Field</li>
<li>Checkbox Field</li>
</ul>
<h3>Do more with Genesis Pro</h3>
<p>For those wanting to level-up with Genesis Custom Blocks, a Genesis Pro subscription brings some serious power-user features:</p>
<h3>Genesis Custom Blocks Pro Features</h3>
<ul>
<li>Repeater Field</li>
<li>Taxonomy Field</li>
<li>Post Field</li>
<li>User Field</li>
<li>Rich Text Field</li>
<li>Classic Text Field</li>
<li>Block Level Import/Export</li>
<li>24/7 Support</li>
</ul>
<p>Genesis Pro includes even more value for modern WordPress content creators, marketers, and developers. <a href="https://www.studiopress.com/genesis-pro/" rel="nofollow ugc">Learn more about Genesis Pro here</a>.</p>
<h3>Developer docs you can rely on.</h3>
<p>Developer tools are only as good as their docs. That’s why we take them seriously. Here are a few links to get you started:</p>
<ul>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/get-started/" rel="nofollow ugc">Getting Started</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/faqs/" rel="nofollow ugc">FAQs</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/fields/" rel="nofollow ugc">Block Fields</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/functions/" rel="nofollow ugc">PHP Functions</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://wordpress.org/plugins/genesis-custom-blocks" rel="ugc">WordPress.org</a></li>
<li><a href="https://github.com/studiopress/genesis-custom-blocks" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks" rel="nofollow ugc">Documentation</a></li>
</ul>


Genesis Custom Blocks

This plugin makes it very easy to create custom blocks for use in WordPress themes. Thanks for the free plugin. 

Block Layout Exporter vs Genesis Custom Blocks