# Pattern Previews

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

The Patterns Preview Screen can be accessed from All Patterns >  and a Click on any of the Patterns on the All Patterns Screen.

Here, you can see what a Pattern will look like on the front end of your site when inserted into a page or post.

<figure><img src="/files/zlkFU5bedIo7Myec9WLz" alt="Preview a Pattern From the Pattern Wrangler Screen"><figcaption><p>Preview a Pattern From the Pattern Wrangler Screen</p></figcaption></figure>

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.

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dlxplugins.com/pattern-wrangler/features/pattern-previews.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
