Mikael Korpela

Miguel Lezama

A tool to observe how a page loads in different themes simultaneously. 
Useful for debugging plugins or Gutenberg blocks.
How to Use:
<ol>
<li>Install several themes you’d like to check out.</li>
<li>Create a new page.</li>
<li>Navigate to Tools → Back To The Theme</li>
<li>Choose if you want to demo editor- or view side.</li>
<li>Select the themes you’d like to check out.</li>
<li>Choose the page you just created. This page will be previewed with all the themes you’ve selected.</li>
<li>Click Do it!.</li>
<li>Scroll to see the page rendered with all the themes you selected.</li>
</ol>
You’ll see your page load with different themes in a bunch of iframes for handy preview and debugging.
A nice list of popular themes to test:
<pre><code>`
</code></pre>
wp theme install \ 
 astra \ 
 colormag \ 
 customizr \ 
 generatepress \ 
 hestia \ 
 hueman \ 
 oceanwp \ 
 shapely \ 
 storefront \ 
 sydney \ 
 twentyeleven \ 
 twentyfifteen \ 
 twentyfourteen \ 
 twentynineteen \ 
 twentyseventeen \ 
 twentysixteen \ 
 twentyten \ 
 twentythirteen \ 
 twentytwelve \ 
 vantage 
 `
See docs for <a href="https://developer.wordpress.org/cli/commands/theme/install/" rel="nofollow ugc">wp theme install</a>.
<a href="https://github.com/simison/back-to-the-theme" rel="nofollow ugc">Plugin’s source code on GitHub</a>.

Back To The Theme

See a page with different themes all at once, just like that!

nextiteration

The Style Switcher plugin allows developers to offer clients a set of options for quickly swapping out and viewing different style options, from the front-end WordPress UI. Clients don\’t need to know anything about css or even WordPress admin options.
For example, if you would like to test a few different color options for headers, the plugin will allow you to set appropriate options, and the client can toggle between them, seeing changes live on the page.

Style Switcher

Let clients test simple style changes on the front end, to help make final decisions.

Back To The Theme vs Style Switcher