Playground Embedder

Plugin Banner

Playground Embedder

by Joost de Valk

Download
Description

Add the WordPress playground by adding a [wp_playground] shortcode to your pages. This plugin supports all the attributes the playground supports, which you can find here.

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 lazy=0 to the shortcode, like so:

[wp_playground lazy=0]

At this point the plugin renders the playground immediately.

Blueprints

You can load entire blueprints into the shortcode by putting them in the content between the shortcode, like this:

[wp_playground]
{
    "landingPage": "/wp-admin/",
    "preferredVersions": {
        "php": "8.0",
        "wp": "latest"
    },
    "steps": [
        {
            "step": "login",
            "username": "admin",
            "password": "password"
        }
    ]
}
[/wp_playground]

These blueprints allow you to install themes, plugins and more. To learn about them, read the Playground documentation.

  1. Install & activate the plugin.
  2. Add a [wp_playground] shortcode to one of your pages.
  3. You’re done.
  1. A default button loaded when the playground is inserted into a page.

    A default button loaded when the playground is inserted into a page.

  2. The playground in action, this time loaded with <code>lazy=0</code>.

    The playground in action, this time loaded with lazy=0.

1.1

Added the lazy loading option.

1.0

Initial release.

Back to top