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.

WP Engine

Ryan Kienstra

Jen Baumann

Phil Johnston

Michael Day

Mike McAlister

<p><em>Note: Pattern Manager is currently in beta.</em></p>
<p>When you design beautiful block patterns for your theme, Pattern Manager by WP Engine will automatically push them into PHP files for you, every time you save. With a dedicated studio to design and build block patterns you can 10x your ability to work effectively with theme patterns.</p>
<h3>Who should use Pattern Manager by WP Engine</h3>
<p>Pattern Manager is designed to be used by theme developers and is not intended to create patterns on production sites. Please review our <a href="#faq-header" rel="nofollow ugc">FAQ</a> below.</p>
<h3>Key Features of Pattern Manager by WP Engine</h3>
<ul>
<li>A dedicated place to build and design Block Patterns.</li>
<li>Save (and generate) pattern files directly to disk in your theme (no exporting needed).</li>
<li>Patterns available come from your theme on the disk, allowing for easy collaboration with git.</li>
<li>Images used in patterns are auto-copied into your theme and referenced in the PHP pattern file.</li>
<li>No more copying and pasting code to files.</li>
<li>No more copying and pasting images to your theme.</li>
<li>Browse all your patterns by their preview thumbnails.</li>
<li>Create patterns and edit them later.</li>
<li>Easy discovery and use of hidden WordPress core pattern features.</li>
</ul>
<h3>Things you can do with Pattern Manager:</h3>
<ul>
<li>Create a pattern with a click.</li>
<li>Duplicate a pattern.</li>
<li>Delete a pattern.</li>
<li>Rename a pattern.</li>
<li>Utilize hidden WordPress core pattern features.</li>
<li>Save a pattern to a php file in your theme.</li>
</ul>
<h3>Hidden WP core pattern features you can unlock with Pattern Manager:</h3>
<ul>
<li>When a user makes a new page or post, auto-show a modal with your patterns, available to be used.</li>
<li>Make your pattern available in the block inserter, or choose to hide it from the inserter.</li>
<li>Allow users to transform any block into your pattern.</li>
</ul>
<h3>Upon every “save” of a pattern, Pattern Manager will do the following:</h3>
<ul>
<li>Create/update the pattern PHP file on your disk, in your theme.</li>
<li>Find and replace all local image urls with the correct PHP tag.</li>
<li>Find and copy all image files used into your theme.</li>
</ul>
<h3>Additional Features</h3>
<h3>The Pattern Block: Put patterns inside patterns.</h3>
<p>Once you’ve built a lot of patterns, it makes sense to quickly combine them in various ways to make full-page patterns. An example of this might be a “Home Page” or “Landing Page” pattern that includes a call-to-action area, features area, testimonials, links, and more. Instead of re-creating each of those patterns inside your “Home Page” pattern, you can simply re-use them with the “Pattern Block”.</p>
<p>Here’s an example of how you’d make that “Full Page” pattern:<br />
 * Step 1: In Pattern Manager, click “Create New Pattern”.<br />
 * Step 2: Add the “Pattern Block” (note: this block is exclusively available in the Pattern Manager editor).<br />
 * Step 3: Choose a pattern you’ve already made (like testimonials, features, call-to-actions, etc).<br />
 * Step 4. Once inserted, repeat steps 2-3 until you have a “Full Page” pattern you like.</p>
<p>The best part about using the “Pattern Block” is maintaining your patterns. If you ever need to make a change to a pattern, you can update it in one place and it will be updated anywhere you used the Pattern Block, dynamically.</p>
<p>When one of your theme’s users inserts that “Full Page” pattern, because it’s using WordPress core’s pattern block, WordPress will automatically pull the separate patterns together into the Block Editor, ready for them to modify, just like any other pattern.</p>
<h3>Docs & Repo</h3>
<ul>
<li><a href="https://developer.wpengine.com/pattern-manager/" rel="nofollow ugc">User and developer docs</a></li>
<li><a href="https://github.com/studiopress/pattern-manager/" rel="nofollow ugc">GitHub repo</a></li>
</ul>


Pattern Manager

Manage your theme's pattern PHP files the easy way, with Pattern Manager by WP Engine.

Styles Library vs Pattern Manager