Embeds the WordPress playground through a shortcode.

Joost de Valk

Add the WordPress playground by adding a <code>[wp_playground]</code> shortcode to your pages. This plugin supports all the attributes the playground supports, which <a href="https://wordpress.github.io/wordpress-playground/docs/query-api#available-options" rel="nofollow ugc">you can find here</a>.
By default, the plugin lazy loads the playground, so it’s only loaded after a button click. An additional feature is that you 
can decide not to lazy load the playground by adding <code>lazy=0</code> to the shortcode, like so:
<pre><code>[wp_playground lazy=0]
</code></pre>
At this point the plugin renders the playground immediately.
<h3>Blueprints</h3>
You can load entire blueprints into the shortcode by putting them in the content between the shortcode, like this:
<pre><code>[wp_playground]
{
 "landingPage": "/wp-admin/",
 "preferredVersions": {
 "php": "8.0",
 "wp": "latest"
 },
 "steps": [
 {
 "step": "login",
 "username": "admin",
 "password": "password"
 }
 ]
}
[/wp_playground]
</code></pre>
These blueprints allow you to install themes, plugins and more. To learn about them, read the <a href="https://wordpress.github.io/wordpress-playground/blueprints-api/index" rel="nofollow ugc">Playground documentation</a>.

Alternatives to Playground Embedder

Top alternatives