Jason Crist

Twenty Bellows

<p>This plugin enables theme developers to ship patterns that behave as synced patterns (reusable blocks) while maintaining the benefits of theme-bundled patterns. When a theme pattern is marked as synced, it automatically becomes available as a reusable block that updates across all instances when modified.</p>
<ul>
<li><strong>Theme-Provided Synced Patterns</strong>: Convert any theme pattern into a synced pattern by adding a simple metadata flag</li>
<li><strong>Automatic Synchronization</strong>: Updates to synced patterns propagate across all instances site-wide</li>
<li><strong>Block Bindings Support</strong>: Full compatibility with WordPress block bindings</li>
<li><strong>Template Integration</strong>: Use synced patterns in templates and template parts</li>
<li><strong>Seamless User Experience</strong>: Synced patterns appear naturally in the pattern inserter</li>
</ul>
<h3>Usage</h3>
<h4>For Theme Developers</h4>
<p>To make a theme pattern synced, add <code>Synced: true</code> to the pattern file’s metadata header:</p>
<pre><code><?php
/**
 * Title: My Synced Pattern
 * Slug: mytheme/my-pattern
 * Categories: featured
 * Synced: true
 */
?>

</code></pre>
<h4>Using Synced Patterns in Templates</h4>
<p>Reference synced patterns in templates or other patterns using the pattern block:</p>
<pre><code><h3>Development</h3>
</code></pre>
<p>The plugin source is available on <a href="https://github.com/twenty-bellows/synced-patterns-for-themes" rel="nofollow ugc">GitHub</a>.</p>
<p>Node & NPM are needed to install and run the development tools:</p>
<ul>
<li><code>npm run start</code> – Start the development environment</li>
<li><code>npm run stop</code> – Stop the development environment</li>
<li><code>npm run test</code> – Run unit tests (requires running environment)</li>
<li><code>npm run build</code> – Build production assets</li>
</ul>
<p>See the source for more details.</p>

Synced Patterns for Themes

A WordPress plugin that empowers themes to provide synced patterns.

Automattic

John Godley

Marcus Kazmierczak

<p>Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post. With this Layout Grid block you can do both or either. There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.</p>
<h3>Source and Support</h3>
<p>You can follow development, file an issue, suggest features, and view the source at the Github repo: <a href="https://github.com/automattic/block-experiments" rel="nofollow ugc">https://github.com/automattic/block-experiments</a></p>


Layout Grid Block

Started using this block layout on a WordPress.com site as it was just there by default, then when I realised it wasn't available on my WordPress sites, I had to go get it. Very handy layout...

Very handy layout

Already working really well. It's clean and solid and intuitive. I'm working with it with the Kadence theme and it's excellent. Hope to see this in Gutenberg core soon!

Works really well


The is a more flexible replacement for the standard columns block. If you've ever battled with the standard columns to make multi-column components that adapted at mobile, tablet and desktop then I would definitely recommend this block.


A more flexible replacement for the standard columns block


Great block that allows placing and resizing blocks in a more flexible way than the regular columns block. I hope it is continually supported.


Great block!

A Gutenberg container block to let you align items consistently across a global grid.

Synced Patterns for Themes vs Layout Grid Block