WordPress Playground now includes a File Browser that brings your entire development workflow into the browser. Create, edit, and test files directly from your browser, no more zipping and uploading. Additionally, UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. improvements enable you to organize instances more efficiently and have a better experience when testing content and coding changes.
Coding directly from Playground with the File Browser
Access the File Browser from the Playground manager panel (top-right corner, next to Settings).
File Browser, which shows your complete WordPress file system. Files and folders appear on the left, with a code editor on the right.
Why does that matter? File Browser is a perfect tool for:
- Working with plugins and themes
- Testing WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. PRs
- Debugging Blueprints
- Browsing and understanding the file structure
Right-click any folder to create, rename, or delete files and folders. Start projects from scratch or modify existing files. This simplifies the process of quickly testing small code snippets or debugging issues directly within the isolated Playground environment.
Enhanced Playground UI and Navigation
Three updates to the UI make Playground easier to use:
Playground Manager Panel Relocation
The Playground configuration panel (which allows you to manage your saved instances and change PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php. and WordPress versions) now appears at the right side of the screen, on the side of the gear icon.
Introducing the Dedicated Refresh Button
One of the key improvements is the addition of a dedicated Refresh button (a circular arrow icon) located near the address bar on the left side.
Why is this important? In a standard browser, clicking the reload button destroys the entire Playground instance and restarts WordPress from scratch. Sometimes you want to do that, but sometimes you just want to reload the page on the Playground instance. The new dedicated refresh button does that, only reloading the content inside the WordPress instance. This preserves your current PHP and WordPress state, allowing you to quickly refresh the page and see visual changes after editing code without needing to restart your environment.
Choosing the name of saved instances
Choose the name of WordPress instances when you save local instances in your browser. This is a useful feature to organize your saved Playground instances.
Try it Out and Give Us Your Feedback!
We encourage everyone to explore the updated WordPress Playground, test these new features, and share your thoughts with us. Your feedback is crucial for making the Playground a better tool for users and developers.
- Try it now: playground.wordpress.net
- Share Feedback: Here in the comments or join the #playground Slack Channel.