Learn everything about WordPress Patterns, how to use and customise them in your editor and where to find the best block patterns.
Patterns are simply a combination of blocks. They are predefined block layouts making it easier for you to use and customise in the WordPress editor.
WordPress patterns are pre-designed layouts that can be quickly inserted into the editor while creating any content.
Patterns are essentially a group of blocks. As WordPress has now moved to the blocks editor, commonly known as the Gutenberg editor, Patterns make it easy to insert simple or complex combinations of different blocks. You can either insert WordPress patterns from the Patterns Tab on your editor or copy/paste them into your editor from other websites.
The idea with WordPress patterns is that you can then easily edit that combination of blocks to suit your needs while retaining the overall layout. If you have tried making a certain layout combining different blocks in the editor, it wouldn’t be too difficult for you to understand WordPress Patterns.
We will try to update this list as we come across other useful and unique WordPress Patterns. As for now, the official WordPress directory is the best place to explore most of the WordPress patterns.
Similar to the WordPress Themes and Plugins directory, WordPress has also officially launched the Patterns directory.
The Patterns directory features all block patterns contributed by the wider WordPress ecosystem. The directory opens the door for other contributors to submit their block patterns and make them available for the WordPress community.
Using the patterns listed on the directory is as easy as copy-pasting it in your WordPress editor. You can browse the patterns based on main categories including Buttons, Columns, Gallery, Header, Images, and Text among others. You can also save the patterns as favourites.
Using and customising WordPress patterns is as easy as working with blocks that you might be used to already. You are essentially trying to customise multiple blocks in the case of patterns.
To get started with WordPress Patterns, follow these steps below:
If you are copy-pasting WordPress patterns from the official directory or other external sites, just paste them directly in your editor wherever you wish for the pattern to appear.
Once the pattern is inserted, you can then customise blocks individually while retaining the original layout.
WordPress.com also offers a large library of Patterns within its editor.
In addition to inserting the patterns available within the WordPress.com editor, users could also copy-paste additional blocks available on the WordPress directory.
If you are new to WordPress, you might find our other guides covering the WordPress editor useful for your learning.
WordPress developers can configure additional patterns available for their themes or plugin users. They can register additional block patterns in addition to the available core block patterns in the WordPress editor.
The block editor handbook available for WordPress developers has suggestions on how to register, unregister or group block patterns here.
If you have suggestions for new block patterns or want to get your own WordPress Patterns listed in this post, please get in touch and let us know.