New Chrome Browser Extension Enables One-Click Plugin and Theme Testing with WordPress Playground
WordPress Playground, an experimental project that uses WebAssembly (WASM) to run WordPress in the browser, makes it possible for users to quickly test plugins and themes without having to set up a local development environment.
Ordinarily, testing a plugin or theme with Playground requires visiting playground.wordpress.net, which will instantly create a real WordPress instance with admin access without having to install PHP, MySQL, or Apache. It runs inside the browser using a SQLite database. Adding a plugin or theme to the instance is as easy as appending the slug to the URL when creating the test site.
A new Chrome browser extension, created by LUBUS, a development agency, makes this even easier by adding a “Playground” button to theme and plugin pages on WordPress.org. Users can fire up a sandbox instance to test drive a theme or plugin in just one click.
I tested the extension and it works as advertised. It’s a neat little shortcut for launching a Playground instance without having to remember the URL or get the plugin/theme’s slug to append to it. The video below shows a site created with a selected plugin installed in under 20 seconds.
“We have been using Playground internally a lot for testing out plugins, and quick demos for internal or client meetings,” LUBUS founder Ajit Bohra said. “We often find a plugin or theme which we would like to test drive. It involves copying the slug of the theme or plugin and using them in the URL. To make this quick we thought of building and quick browser extension to add a button on wordpress.org to quickly launch a plugin or theme in the Playground.”
Bohra posted his process of creating the extension in a thread on X. He used the Plasmo framework, which offers a dedicated runtime for building browser extensions, taking the project from idea to built in approximately 30 minutes.
Bohra said the browser extension is currently a proof of concept that he would like to further extend with more settings based on feedback from users. He also hopes to collaborate with the Meta team in the future to see something like this added to the plugin and theme pages on WordPress.org so that users don’t have to rely on a browser extension.
The Chrome extension is called “Open in WordPress Playground” and is available to the public for free on the Chrome Web Store. The code is open source on GitHub and open for contribution.
In conclusion, the new Chrome browser extension created by LUBUS provides a convenient one-click solution for testing plugins and themes with WordPress Playground. This experimental project allows users to quickly set up a sandbox instance of WordPress in their browser, eliminating the need for a local development environment. With the extension installed, users can simply click the “Playground” button on theme and plugin pages on WordPress.org to launch a test site with the selected plugin or theme. This saves time and effort, making it easier for developers and users to explore and evaluate different plugins and themes. The extension is currently a proof of concept, but its success and positive user feedback may lead to further enhancements and integration with WordPress.org. The availability of the extension on the Chrome Web Store and its open-source nature on GitHub demonstrate LUBUS’s commitment to providing a valuable tool for the WordPress community.
