Note: This post of understanding newly added WordPress Site Editor features including using blocks. This learning post is still in active development and updated regularly.
WordPress playground, a novel browser-based sandbox-like tool for creating temporary site instances, for testing themes, plugins. This feature also allows to create a site, modify it, saving and exporting as a new theme.
The WordPress documentation list the following feature of the tool:
- Try a block, a theme, or a plugin
- Build an entire site, save it, host it
- Test your plugin with many specific WordPress and PHP versions
- Embed a real, interactive WordPress site in your tutorial or course
- Showcase a plugin or theme on your website
- Preview pull requests from your repository
- …or even run WordPress locally using the VisualStudio Code plugin or a CLI tool called
wp-now
How it works?
The WordPress Playground tools can be lunched from playground.wordpress.net. From the link, a real WordPress instance with admin access can be created without having to install PHP, MySQL, or Apache. The program runs inside the browser using a SQLite database.
I took the feature for the test, which generated a WordPress instance on my Chrome browser in less than 10 seconds.

This learn WordPress video tutorial How to start using WordPress Playground demonstrates how this feature works, together with how to add plugins, new themes and customize a site. The tutorial also covers how to export a theme, download an entire website and upload into a new WordPress site.
The feature can be set up a local WordPress development environment using the VisualStudio Code plugin or a CLI tool called wp-now.
What is Next?
I am still experimenting with this feature, and I will have a more in-depth post later about how to use this delightful tool.
Related resources
- WordPress Playground lets you run WordPress entirely in your browser | Tech Crunch
- Learn How to Use WordPress Playground | WP Tavern
- How to start using WordPress Playground | Learn WordPress video
- WordPress Playground | WordPress Developer Resource
- WordPress Playground Documentation | GitHub
- WordPress Playground for VS Code | Visual Studio Marketplace
- Build in-browser WordPress experiences with WordPress Playground and WebAssembly (Web Dev)
