Browse & customize the WordPress block pattern directory


WordPress Block Pattern Directory
WordPress Block Pattern Directory

The WordPress Block Pattern Directory on WordPress.org offers a collection of ready-made block layouts that can be added directly to posts and pages using the Gutenberg editor. It helps users build attractive, functional content quickly without needing to design or code from scratch.

Updated 23 May 2025

Key takeaway

  • Block Patterns make content creation efficient and consistent.
  • Themes like Twenty Twenty-One and MaxiBlocks include block patterns for easy design customization.

Check out how the WordPress Block Pattern Directory can make customizing your website super easy. With pre-designed block patterns, you can improve your site’s look without any coding. 

What is the WordPress Block Pattern Directory, and how does it simplify website customization?

Introducing the WordPress block pattern directory

How to initiate access to the WordPress block pattern directory

WordPress theme patterns
WordPress theme patterns

What are WordPress block patterns?

WordPress block patterns are a handy resource for anyone wanting to improve their website with pre-designed elements. These patterns help you create unique layouts for your posts or pages more easily. If you need ideas, the WordPress Block Pattern Directory is a great place to look.

You can find various block patterns there, whether you’re adding an attractive image gallery to your portfolio or setting up a contact form. This directory is available to anyone who can edit posts and customize page layouts.

WordPress also has two features for content creation: Block Patterns and Reusable Blocks. Both make it easier to keep your content consistent and make the creation process simpler. For the latest updates and tips, following the WordPress Twitter account is helpful.

Block patterns vs reusable blocks

Block Patterns are templates of pre-arranged content blocks, such as images, headings, and paragraphs, designed to simplify the construction of complex layouts. These patterns offer a solid foundation, which can be customized to fit specific requirements. Once inserted into a post or page, these patterns can be individually edited, allowing for tailored adjustments without impacting the original design or its application elsewhere.

Reusable Blocks, on the other hand, are content segments created for multiple uses across a website. Their unique feature is the interconnectedness to the original block, meaning any modification to a Reusable Block reflects across all instances of its use. This feature is particularly beneficial for content that demands uniformity across the site, such as calls to action or sign-up forms, easily managed through a centralized Gutenberg template library.

Patterns are organized into categories such as headers, galleries, and columns, making it easy to search for what you need. You can usually access these categories through a drop-down menu or sidebar, which helps you find patterns that fit your specific needs quickly.

Subscribe to our newsletter

Why use WordPress block patterns

There are several advantages:

  • Efficiency: These are pre-designed groups of content that can be added to your posts or pages, saving you the time it would take to build these layouts from scratch.
  • Consistency: By using the same patterns across your site, you can maintain a consistent look and feel in your design.
  • Variety: The WordPress Block Pattern Directory provides a wide range to choose from, making it easy to find one that fits the design and functional needs of your website.
  • Easy to use: Patterns are straightforward to use. You simply insert them into your post or page. This makes them accessible even to those with limited web design experience.
  • Dynamic content: These support a wide range of content types, from text and images to embedded videos and interactive forms. This allows you to create rich, engaging content with ease.

WordPress pattern categories

They are organized into different sections based on their purpose or type. For example, there are sections for headers, quotes, galleries, testimonials, and more. However, these sections are not categorized further into distinct categories or subcategories.

  • Hero: Designed for creating attention-grabbing introductory sections with headings, text, and images.
  • Testimonials: To showcase customer testimonials or reviews with styled quotes and author information.
  • Call to action: That emphasize a specific action or message with buttons, headings, and descriptive text.
  • Pricing tables: For displaying pricing options or packages with details, features, and comparison tables.
  • Team members: To showcase team members or staff with their photos, names, titles, and descriptions.
  • FAQs: For displaying frequently asked questions and their answers in an organized format.
  • Galleries: That allow you to create image galleries with different layouts and styling options.
  • Features: To highlight key features or services with icons, titles, descriptions, and more.
  • Content sections: For creating various content sections, such as about us, services, portfolio, and more.

How to use WordPress block patterns

Using a WordPress theme is a simple process that can make creating content much easier and more varied. Here’s how you do it:

  • Log in to your WordPress dashboard and navigate to the page or post where you want to use it.
  • In the WordPress editor, click the “Add Block” button (usually a “+” icon) to open the inserter.
  • Switch to the “Patterns” tab in the inserter.
  • Browse through the designs available. They are organized into categories to help you find what you need.
  • Click on the item you want to use. It will be inserted into your page or post.
  • Once the pattern is inserted, you can customize it with your own content. Simply click on the individual item within the pattern to edit them.
WordPress Block Pattern Directory
WordPress pattern library

How to submit patterns for consideration for the WordPress Block Pattern Directory?

To submit a design for consideration for the WordPress pattern directory:

  • Navigate to the patterns page and click on “Create a new pattern”. This will take you to the Pattern Creator.
  • Give your pattern an appropriate title, description, and select the correct category.
  • You can then use the Inserter to start creating your pattern.
  • If you want to add media, you must use the collection of licensed free images provided by Openverse.
  • Once you have created your pattern, click “Submit”.

Please note that all patterns will be moderated and should be submitted in English, as they will be translated through translate.wordpress.org. Also, you must have the copyright or legal right for anything you submit. Using a descriptive name for your pattern, such as wordpress patterns, is recommended, as names like “Test” or “My Pattern” will be declined.

Here are a few quick tips for creating good patterns:

  • Use the group to control spacing in colour for more than one at a time.
  • Use the cover block to control your pattern’s height.
  • If your pattern contains numerous root-level blocks, it can be helpful to group them all together.
  • Good patterns combine multiple blocks together, have a well-defined purpose, and keep placeholder text to a minimum

Editing a WordPress Block pattern in your new post/page

Once you’ve inserted the single block into your post or page, you can easily edit it to suit your needs. Here’s how:

  • Navigate to the post or page where the pattern is located.
  • Click on the pattern that you want to edit. This should highlight the entire pattern and display a toolbar at the top of it.
  • To edit a specific block within the pattern, click on that block. This will display a toolbar for that specific block, allowing you to make changes to it.
  • Depending on the type of block, you may be able to change the text, image, link, colour, size, alignment, and other properties. Look for these options in the toolbar and in the settings panel on the right side of the screen.
  • To move a block within the pattern, click and hold the handle (the six dots) at the top of the block, then drag and drop where you want it.
  • If you want to delete a block, simply select it and press the “Delete” key on your keyboard, or use the “More options” button (the three vertical dots) in the toolbar and select “Remove block”.
  • When you’re finished editing the pattern, click outside of it or press the “Escape” key to deselect it. Don’t forget to update or publish your post or page to save your changes.

Build like a pro

WordPress themes that use patterns

  • Twenty Twenty-One: This is a default WordPress theme that was released with WordPress 5.6. It features several designs to match the overall style of the theme.
  • GeneratePress: This is a popular, lightweight WordPress theme that is fully compatible with Gutenberg.
  • Astra: Astra is another popular theme known for its speed and customization options.
  • Kadence: Kadence is a versatile WordPress theme full of wordpress blocks.
  • Blocksy: Blocksy is a fast, lightweight, and richly featured theme that is fully compatible with Gutenberg.

WordPress patterns for faster beautiful website design

Find easy-to-customize WordPress patterns to design faster and launch your site sooner.

HomePage-Maxi-Pils

FAQs on WordPress Block Pattern Directory

What is the WordPress Block Pattern Directory?

How can I preview a block pattern?

How often is the WordPress Block Pattern Directory repository updated?

The directory is a community-driven repository, meaning it gets updated whenever contributors submit something new.

Can I use block patterns for my WordPress website template?

Yes, they can be used in any part of a WordPress site, including the page content, header, sidebar, and footer.

How can I find a specific pattern in the Block Pattern Directory?

You can search for a specific pattern by using keywords in the search bar of the editor or the Directory.

Can I create my own blog block patterns?

Yes, the Gutenberg editor allows you to create and save your own WordPress block templates that you can reuse in new posts or pages.

Can I use block patterns in different browsers?

Yes, they are browser-agnostic and should work smoothly across all major web browsers.
How do I insert a block pattern into my content?

How do I insert a block pattern into my content?

In the block editor, click the “Add Block” button (+), go to the “Patterns” tab, find a pattern you like, and click on it. It will be inserted into your content.

What is the “Copy Button” in the WordPress Block Pattern Directory?

The “Copy Button” is a handy tool that allows you to copy an entire code. Once you have copied the code, you can paste it directly into your editor without having to type it out manually. This feature helps save time and reduces the risk of errors in the code.

Can I use default block patterns in my site’s sidebar or footer?

More information

Author-Kyra

Kyra Pieterse

Author

Kyra is the co-founder and creative lead of MaxiBlocks, an open-source page builder for WordPress Gutenberg.

You may also like