Use pattern preview instead of embedded in page.

[StevenDufresne]

For patterns, we load wp-themes.com/{theme} and inject the pattern into the theme's page template. This can be problematic seeing that the pattern and the page aren't always designed to fit together nicely or require slight modifications to the outer blocks that we are not doing. When we snap previews, we remove all the page content and the preview typically looks better than when the users opens it.

Examples

Preview

What the user sees on click

Solution

Can we use the pattern preview in the theme preview window?

That would maintain better consistency between the preview and what users see.

Additionally, we could add a close button which would be a solution for Theme preview: After selecting a pattern, there is no way to go back to the main theme #113.

cc @ndiego @ryelle

[ryelle]

Additionally, we could add a close button which would be a solution for #113.

We already have a solution for #113, which also generally improves the usability of those selections, so I don't think we need to be concerned about that for this idea.

[ryelle]

This sort of makes patterns feel separate from the theme wrapper— depending on how you use the pattern, you might add it to post content. Maybe we could just omit the page title?