Block Pattern Builder

plugin banner

Create custom block patterns from the WordPress admin. No coding required.

Author:Justin Tadlock (profile at wordpress.org)
WordPress version required:5.0
WordPress version tested:5.5.5
Plugin version:1.1.0
Added to WordPress repository:03-04-2020
Last updated:14-08-2020
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:98
Rated by:13
Plugin URI:https://github.com/justintadlock/block-patter...
Total downloads:12 898
Active installs:1 000+
plugin download
Click to start download

Block Pattern Builder is a simple plugin that allows end-users to create custom block patterns within the WordPress plugin directory. The plugin currently requires Gutenberg 7.8+. Block patterns will be a part of core WordPress in the future. For now, Gutenberg is a hard requirement.

More information on block patterns can be found via the following links:

How to Use the Plugin

After installing and activating the plugin, you should see a new “Block Patterns” menu item in your WordPress admin. From that point, you can create a new pattern just like you would any post or page. The process is the same.

The idea with patterns is to create a reusable pattern or section of blocks that you will use later. Once you publish a pattern, it will be available within the pattern library.

Now, go to any post or page. Click on the pattern icon. At the time of writing, that icon is in the top right corner of the block editor, but this will surely change in future versions of Gutenberg and WordPress. After clicking on the icon, you should see your custom pattern in the pattern library/list. Click on it. It will be inserted into your post.

As of version 1.1.0, users can create a block pattern directly from the editor. Click on the “more options” button (ellipsis icon) in the editor toolbar with at least one block selected. Then, click the “Add to Block Patterns” option.


Screenshots
FAQ
ChangeLog