Pattern Previews for Themes in the Directory – Beta

Since WordPress 5.5 it’s been easy for themes to include bundled patterns. That’s proved to be a popular and powerful feature. But there has been no easy way to view the patterns included in a theme without installing it. As a result of those discussions, we have deployedDeploy Launching code from a local development environment to the production web server, so that it's available to visitors. code that adds a “Patterns” section for themes that have registered patterns.

Here is an example of TwentyTwentyTwo:

Clicking on a pattern opens it in the theme:

What’s Next?

This is an early betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.. There are plenty of things to improve iteratively. We’ve turned this on so others can see it and participate. If you have ideas, feedback or find any issues, please file a meta ticket!

Theme Authors: 

From a technical standpoint, the pattern preview screenshots are generated by adding patterns into whichever template handles “page” rendering. If you think the pattern preview isn’t rendering properly, try adding the pattern to a page in your theme (as a user would). If the screenshot differs significantly from what you see, please open a meta ticket so we can take a look.


Props: @courane01 @kafleg @poena @adamwood @mtias @tellyworth