Introducing Patterns: Prebuilt Blocks for Beautifully Designed Websites

The WordPress Editor is a powerful tool that can help bring your design ideas to life but one of the best parts is, you don’t have to start from scratch. Building sophisticated designs can be as easy as picking Patterns from our growing library, and snapping them together to create beautiful-looking posts and pages. As of today, we’re now offering over 100 individual Patterns — with more being added all the time!

If you’ve never used Patterns before we’ve got an introduction to help you get started and also highlight some new features.

The best way to introduce Patterns is to use them. Here’s how you can add them to a post or a page on WordPress.com.

  1. Head to the WordPress Editor and click the + icon to add a new block.
  2. Click on the Patterns tab.
  3. Click on the Pattern you’d like to see in your document and it’ll be inserted at the location of your cursor.

Here’s a quick demo that shows how to add an image gallery. 

If you’re familiar with the Block Editor, the process will look similar. Once you’ve inserted a Pattern into a post or a page, you’ll be able to see how you can customize and edit the Pattern by clicking on different areas. The image below reveals the editing options that appear with our example. 

Each Pattern is a collection of different blocks carefully put together to help you produce great looking blog posts and pages in the Editor. In the example above, it’s a collection of Image, Paragraph, Spacer, and Column Blocks. All pre-arranged into a simple but elegant Pattern for displaying images. Using Patterns in the Editor is kind of like having a WordPress web designer right there with you building up a design element by element.

The idea is that, once you’ve inserted a Pattern, you can start customizing it to make it yours.

For even more customization options with Patterns, try combining them with the updated fonts on WordPress.com.

Over 100 Patterns to Choose From

This is where the number of Patterns gets exciting. Think of it like having over 100 templates you can add to your posts and pages. You can browse by category to see all the available Pattern options.

Taking a look at a few all together might be helpful. Here are some of my recent favorites. 

They’re not favorites because they look great, but instead because these Patterns use so many different Blocks to produce a unique and useful design. Take the center Registration Form Pattern, for example. It combines a Heading Block, Paragraph Blocks, the Form Block, and the Columns Block into one Pattern that together, can make up an entire page.

More Patterns are on the Way

We’re just getting started creating new Patterns for you. What type of Pattern would make it easier to create Posts and Pages on your site? More are on the way and we’d love to hear your ideas and feedback so we can make your publishing and site-building experience even better.

And if you have anything to share that you’ve made with a Pattern or with the Editor let us know! We’d love to see and hear how you’re using Patterns on WordPress.com.


Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications—please check your spam folder if you don't receive this.

Join 110.1M other subscribers

18 Comments

Comments are closed.

  1. Laura Kate

    How about some patterns for crafters? I would be looking for patterns with fiber arts tools and materials.

    Liked by 16 people

  2. Paul Bowler

    This looks like a great new addition to help make blog posts look really cool and professional!

    Liked by 11 people

  3. Thiago

    Due to the pandemic, many teachers (myself included), especially from secondary schools and universities, are having to create virtual learning spaces overnight, so I wonder if we couldn’t have, in an emergency way, patterns aimed at the educational niche, facilitating this work?

    Liked by 10 people

    • Ian Stewart

      That sounds like a great idea, Thiago. Some of our “Contact” patterns might be helpful for communication and our “Text” patterns useful for creating engaging pages but we’d love to know more about the types of patterns that could be helpful for educators like yourself.

      Liked by 11 people

  4. Charles

    As my blog grows, I’ll most def look into this. 🤗

    Liked by 9 people

  5. ShankySalty

    This looks very great. 👍

    Liked by 6 people

  6. Thiago

    Thanks, Ian. In fact many of the existing patterns can be easily adapted for educational use, but if some of them are already prepared it would make life easier for those who are learning to use the resources of a website (not my case, but it is the case of many). In addition, I would like to suggest a specific pattern for sharing links with class texts.

    In a more advanced way, would help a lot if there was a block with the members of a private site, but in the style of the “My Community widget”, and it could be inserted in a page with a specific pattern for classrooms or members of a course.

    Liked by 10 people

  7. Katharine

    If you’re going to have blocks, then patterns really makes a lot of sense.

    Liked by 9 people

  8. eewinkler

    These new patterns look great! Any plans for creating patterns for food bloggers and/or recipes?

    Liked by 8 people

  9. Samuelito

    I’d like a pattern to be able to do a description list so I don’t have to use HTML (dl, dd, dt) or customize my block paragraphs (indentation + optional bold or header) every time.

    Liked by 9 people

  10. MsAdventure

    This sounds amazing and I am in the process of writing my first post using patterns. A pattern block making it easier to put clickable contents into an article (in a side box with body text to the right) would be really useful for longform posts such as travel guides. I’m writing a guide right now (so many open tabs on my laptop haha) and would love it to look beautiful. I’m currently linking to sections of posts using html which takes ages with a very long article, and it doesn’t produce such a beautiful result as one of these patterns could.

    Liked by 8 people

  11. Frau Blücher

    Patterns for book bloggers would be very welcome. 😀

    Liked by 9 people

  12. Sarath Philip Jee

    These patterns looks very interesting. I will consider them at my next expansion.

    Liked by 7 people

  13. Metro Square

    Thanks. That’s quite the list! Nice curating!

    Liked by 9 people

  14. runningpinoy

    Thank you so much for these! I used to do this by HTML but these admittedly looks much better and easier for us to implement, too. Excited to use them on my next posts. 🙂

    Liked by 11 people

Create your new blog or website for free

Get Started