teodw

enricdw

doowebs

<p>Create custom block patterns. The patterns can be designed just like you design a blog post or a page with the block editor.<br />
You can assign any category or keywords.</p>
<h3>Key Features</h3>
<ul>
<li>Create custom patterns from one or more blocks in the post editor</li>
<li>Group your patterns in categories</li>
<li>Optionally add any keywords or aliases that help users discover it while searching in the inserter</li>
<li>Create custom pattern categories</li>
<li>Set a viewport width to optimize the scaled width of the preview in the block inserter</li>
<li>Add an optional hidden text if the title does not fully describe what the pattern does.</li>
<li>Deleting patterns, modifying them or uninstalling the plugin does not affect the blocks created with the patterns, since once the pattern is inserted, it is not linked to the source pattern.</li>
<li>Option to remove patterns when plugin is removed</li>
</ul>
<h3>Getting Started</h3>
<ol>
<li>Locate and click on the ‘<strong>Doo Block Patterns</strong>‘ menu item in the sidebar admin menu.</li>
<li>Click on the ‘<strong>Add New</strong>‘ button.</li>
<li>Give your pattern a name.</li>
<li>Start writing or choose any blocks you want to be part of your pattern.</li>
<li>Publish the pattern.</li>
<li>Go to a test post or page and locate your pattern in the Block Inserter under the pattern tab and click on it.</li>
<li>The block pattern will now be added to your page. All contained blocks are now independent of the original pattern and can be edited as any regular block.</li>
</ol>


DooBlockPatterns


This plugin allows you to create block patterns, which can be used in the block editor by site builders.


A plugin to help building with the block editor

Visually create custom block patterns. No coding skills needed. Categorize and use keywords for easy searching.

Roy Sivan

easilyamused

Suraj Singh

Christoph Herr

jamestryon

Block Styles

<p>A block pattern creation, management, and template library tool.</p>
<h3>Block Pattern Library</h3>
<p>The Styles Library enhances the block pattern browsing experience. Browse core, theme, and your custom defined block patterns, and quickly use them. BlockStyles free block patterns are included. Easily import a block pattern into the editor in just a click.</p>
<p>The library is extendable with the premium BlockStyles membership. Get ready-to-use wireframe, section, and full-page block patterns which include images, typography, colors, backgrounds, etc. using the Block Styles plugin.</p>
<h3>Create Custom Block Patterns</h3>
<p>Patterns are a “stamp” or group of blocks that are pre-styled in a way to get you going creating content faster. Create your own custom patterns to use anywhere on your site, as a time saving layout tool.</p>
<p>Think of a new design feel for your content? Create a new pattern, and “stamp” away!</p>
<p>Want a consistent design and layout for your content features like a gallery, or table? Use block patterns and the Block Styles plugin to save fully designed block patterns, with all of your favorite blocks.</p>
<h3>Block Pattern Manager</h3>
<p>Manage your custom created blocks easily from the admin. Edit or remove existing block patterns.<br />
Create & manage block pattern categories and block pattern tags to easily find them in the library</p>
<h3>Features</h3>
<ul>
<li>
<p><strong>Create New Block Patterns:</strong> Create block patterns from anywhere. A block pattern can consist of a single block, a few blocks, or an entire page worth of blocks.</p>
</li>
<li>
<p><strong>Manage Your Custom Block Patterns:</strong> Easily manage & edit your block patterns just like any other post.</p>
</li>
<li>
<p><strong>Organize Your Designs:</strong> Use custom taxonomies to organize your collection of block patterns.</p>
</li>
<li>
<p><strong>Upgraded Pattern Explorer:</strong> The <a href="https://blockstyles.com" rel="nofollow ugc">BlockStyles</a> Styles Library allows you to browse and search your own, core, and <strong>FREE</strong> & premium patterns.</p>
</li>
<li>
<p><strong>Easier To Use:</strong> Insert patterns into the editor from the Styles Library with 1 click.</p>
</li>
<li>
<p><strong>Import & Export Block Patterns:</strong> Block patterns can be exported to be used on any other WordPress site.</p>
</li>
</ul>
<h3>Stay Connected</h3>
<p>Stay up-to-date on Missing Menu Items updates and Gutenberg development, using the links below. The plugin is also being built transparently on GitHub, so give it a star and follow along! 😉</p>
<p>Missing Menu Items is a part of BlockStyles, a collection of tools that transforms the default WordPress Block Editor into a true page builder.</p>
<ul>
<li><a href="https://blockstyles.com" rel="nofollow ugc">Visit the Block Styles Home Page</a></li>
<li><a href="https://twitter.com/blockstyleswp" rel="nofollow ugc">Follow on Twitter</a></li>
<li><a href="https://www.facebook.com/blockstyleswp" rel="nofollow ugc">Follow on Facebook</a></li>
<li><a href="https://www.facebook.com/groups/225424019774289" rel="nofollow ugc">Join Our Facebook Community</a></li>
<li><a href="https://www.youtube.com/channel/UCYH8CPFCo-PCHPtPARqvq6Q/" rel="nofollow ugc">Subscribe to our Youtube for Tutorials & Demos</a></li>
</ul>
<h4>Support</h4>
<p>You can get support from the community here, or in our growing <a href="https://www.facebook.com/groups/225424019774289" rel="nofollow ugc">Facebook Group</a> and find information in our <a href="https://blockstyles.com/docs/" rel="nofollow ugc">documentation</a>.</p>
<p>Direct support is offered to <a href="https://blockstyles.com" rel="nofollow ugc">BlockStyles</a> members.</p>


Styles Library

A block pattern creation, management, and template library tool.

DooBlockPatterns vs Styles Library