The Block Pattern Directory of WordPress

WordPress 5.8 that went live on July 20, 2021 and introduced WordPress block patterns to regular users.
WordPress block patterns provides design templates that users can employ and build webpages on the fly without prior experience with designing or coding.

See how you can use the block pattern directory to build your website:


WordPress Block Patterns 101
WordPress block patterns is about preset layouts of different blocks. You can search for a relevant WordPress block pattern and select one that suits your needs instead of developing a more complex block pattern.
You can find block patterns of the following categories:

Columns
Headers
Galleries
Images
Text
Buttons

Navigating the WordPress Block Pattern Directory:


WordPress provides a block pattern directory at WordPress.org this is similar to databases for plugins and themes. It contains block patterns of multiple categories.
You can search for a relevant block pattern that suits your needs.

Block Pattern Directory

You can also use the Gutenberg editor.
You will fnd the block pattern directory by opening the block inserter.

Selecting a layout: Access the block pattern directory either through WordPress.org or Gutenberg editor. From the multiple categories, opt for a relevant category and then select the desired layout.
Transferring the layout: You can transfer the layout to your WordPress editor by:
Clicking Copy at the bottom right of the select layout and pressing Ctrl (Cmd) + V in the WordPress editor (If using WordPress.org directory)
Clicking the selected layout (if using built-in block pattern directory in Gutenberg editor)
Copying a layout from block pattern directory
Customizing the block pattern: Once you have inserted the block pattern, you can edit and customize it as you like.


WordPress block patterns improves web development experience for both those who just joined WordPress and experts. The beginners can use the patterns to design webpages themselves, experts can also do the same to speed up their work.

Total
0
Shares
Previous Post

How to use HTTPS to Secure Your Site and Boost Your SEO

Next Post

Is Gutenberg a Better Block Editor for WordPress?

Related Posts