Playground Lesson path workspace
Temporary site

Step 1

Choose how this lesson starts

Each route keeps its real input shape so a learner can tell what will happen before it touches the current site.

Source chosen Save destination Saved identity Inspect tools
Vanilla WordPress No input

Start a clean WordPress site immediately with the selected runtime.

WP latest PHP 8.3 English (US)
WordPress PR Core preview

Builds WordPress from the referenced core pull request.

Gutenberg PR or branch Plugin preview

Loads the Gutenberg plugin from a branch or pull request.

From GitHub Account required

Imports plugins, themes, or wp-content. Token is not stored after refresh.

Blueprint URL JSON recipe

Runs the remote Blueprint against a new Playground.

Import .zip File chooser
Choose playground.zip from this device

Importing over the current site replaces the current files and database.

Visible launch result

Preparing WordPress... 68% -> Ready at /hello-from-playground/ as admin.

Step 2

Pick a real save destination

The two current destinations are shown as separate choices, with progress and resulting state beside them.

Unsaved until one finishes
Browser save progress 3028 / 3751 files

Copying WordPress files, uploads, database, and blueprint metadata into browser storage.

Resulting saved state

Research Browser Playground is now listed as a saved browser-backed Playground and keeps its own addressable slug.

Saved in this browser a moment ago
Local directory branch

Folder selected: ~/Playgrounds/research-browser. Save & Reload appears after runtime settings change.

Step 3

Manage saved and temporary Playgrounds inline

The list keeps unsaved state, saved browser state, rename, and delete in one surface.

W
Unsaved Playground

Not saved to browser storage. Refreshing or closing loses changes.

W
Research Browser Playground

Created May 21, 2026. Saved in this browser.

W
Theme Testing Lesson

Created May 20, 2026. Local directory save.

Rename saved Playground

Delete saved copy

This removes the selected browser copy from Saved Playgrounds. It does not preserve unsaved tab changes.

Step 4

Site Manager as a learning bench

The current tabs become inline benches so a first-time learner can see what each tool affects.

SettingsReset or reload
Destructive for unsaved sites: applying settings resets the WordPress site.
File browser/wordpress/wp-config.php
  • /wordpress
  • wp-admin
  • wp-content
  • wp-includes
  • wp-config.php
  • wp-settings.php
1  <?php define( 'CONCATENATE_SCRIPTS', false );
2  define( 'DB_NAME', 'database_name_here' );
3  define( 'DB_USER', 'username_here' );
4  define( 'DB_HOST', 'localhost' );
5  $table_prefix = 'wp_';
6  define( 'WP_DEBUG', false );
Blueprint bundle/blueprint.json
{
  "$schema": "https://playground.wordpress.net/blueprint-schema.json",
  "login": true,
  "landingPage": "/hello-from-playground/",
  "preferredVersions": { "php": "8.3", "wp": "latest" }
}
DatabaseEarly access

WordPress Playground emulates MySQL using SQLite.

Driver
MySQL emulation backed by SQLite
Path
/wordpress/wp-content/database/.ht.sqlite
Size
452 KB
LogsNo problems so far
Playground

No errors captured.

WordPress

No PHP notices.

PHP

Runtime log is empty.

Step 5

Blueprint gallery with dense catalog behavior

Categories, search, selected detail, inspect, and run actions remain visible while browsing the full captured catalog.

Step 6

Move work in or out with consequences exposed

Additional actions, export, download, and import-over-current warnings are presented inline.

Saved Playground
Export to GitHub

Starts the current Playground export flow after GitHub authentication.

Download as .zip

Downloads files, database, and blueprint bundle for the current Playground.

Ready: research-browser-playground.zip
Import .zip over current site

The imported archive replaces the current files and database. Save first if you need the current state.

Choose .zip archive

Step 7

Active WordPress result

The preview remains reachable from the learning path with homepage, WP Admin, refresh, and path navigation.

My WordPress Website WP Admin | New | Edit Page | Howdy, admin

Hello from WordPress Playground!

This is Playground, a WordPress that runs client-side in your browser. It is perfect for training, demonstrating plugins and themes, and testing purposes.

Note that you are logged-in as admin!