Pattern Previews
Preview patterns on the frontend
The built-in Patterns post type in WordPress doesn't have a frontend preview by default.
With Pattern Wrangler, you can launch a preview from the Patterns screen, or from the block editor. Pattern Wrangler does its best to match your theme when displaying the pattern and is compatible with Full-site Editing (Block) themes.
Frontend Pattern Previews
![](https://docs.dlxplugins.com/~gitbook/image?url=https%3A%2F%2F3965769158-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FH7Ug7InxnUXWYZIHEvfc%252Fuploads%252F0QUI6fCtRLQt6GyAtmEc%252Fdlx-000393%25402x.jpg%3Falt%3Dmedia%26token%3D47a62da1-4595-4bc6-9a0d-2dd8d4b90a89&width=768&dpr=4&quality=100&sign=3e5940f0&sv=1)
For those not using block themes, authoring patterns involves a lot of trial and error in coordinating the block editor's appearance with the actual frontend appearance.
The default pattern experience doesn't provide a preview, so we've built one in. It also works well with block themes.
![](https://docs.dlxplugins.com/~gitbook/image?url=https%3A%2F%2F3965769158-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FH7Ug7InxnUXWYZIHEvfc%252Fuploads%252FSyb7OXkmh1kfmrSScopt%252Fdlx-000394%25402x.jpg%3Falt%3Dmedia%26token%3D6c9d9c85-dcaf-42fa-888e-1ff9d87af8d5&width=768&dpr=4&quality=100&sign=2f603682&sv=1)
Behind the scenes, we're loading most of the theme's styles, but trying to preserve the pattern's layout and structure. It should provide a close approximation of how a pattern will behave when inserted or displayed on your site.
For security reasons, only those with publish_posts
permissions can preview patterns.
Last updated