What this page is
- Docs hubfor WordPress Playground (WordPress-in-the-browser via WASM).
- The runner/live demo is at wordpress.org/playground; this site hosts documentation, split into four hubs:
- Documentation(intro + quick start)
- Blueprints(JSON-based setup)
- Developers(programmability)
- API Reference(all endpoints/objects)
Fast path (how to actually use Playground)
- Try it: go to
wordpress.org/playground(UI boots a fresh WP in your browser). - Zero-install testing: use query params or a Blueprint to preload a theme/plugin/content.
- Shareable states: host a small blueprint JSON somewhere → link to Playground with a
?blueprint-url=...param to reproduce the same environment anywhere. - Make it installable/offline: install the PWA from the Playground page; it reopens with your chosen start URL (handy for demos/classes).
The three ways to drive Playground (choose one)
- Query API – simplest (URL parameters).
Use for quick demos: “load WP, then fetch and activate X”. - Blueprints API – declarative JSON.
Use for repeatable environments (plugins/themes/content/options/users/import steps). - JavaScript API – full control from code (npm client).
Use for embedding Playground in dev tools/docs/education portals.
Minimal blueprint pattern (copy, then fill)
{
"landingPage": "/wp-admin/",
"preferredVersions": { "php": "8.3", "wp": "latest" },
"features": { "networking": false },
"steps": [
{ "step": "login", "username": "admin", "password": "password" },
{ "step": "installPlugin", "pluginZipUrl": "https://example.com/your-plugin.zip" },
{ "step": "activatePlugin", "plugin": "your-plugin/your-plugin.php" },
{ "step": "setSiteOption", "option": "blogname", "value": "Playground Demo" }
]
}
Load it by hosting the JSON and appending:
https://wordpress.org/playground/?blueprint-url=ENCODED_URL_TO_JSON
Good to know (constraints & power moves)
- Storagelives in the browser; great for testing/sandboxes, not a production DB.
- Networkingoften sandboxed; enable in blueprints only when needed.
- Version pinningyou can specify PHP and WordPress versions (great for regression checks).
- ReproducibilityBlueprints are your “infrastructure as JSON” for WP—perfect for training, QA, and doc pages.
Where to click next (from this docs page)
- Quick Start Guide→ start a site, try a theme/plugin, pin WP/PHP.
- Web Instance→ explains the runner at
playground.wordpress.net. - Blueprints→ full schema & examples.
- Developers / API→ JavaScript client and architecture internals.
If you want, tell me the exact demo scenario (e.g., “WP 6.8 + PHP 8.3, Twenty Twenty-Four, plugin X enabled, page seeded with Y”), and I’ll hand you a ready-to-share blueprint + the one-click Playground URL that boots straight into it.
Key terms in plain language
Open a term for a concise explanation of language used on this page.
API
An application programming interface is a defined way for software systems to exchange data or request functions from one another.
Cloud Computing
Computing resources—such as applications, servers, storage, or databases—delivered from remote infrastructure and scaled as requirements change.
Infrastructure as a Service (IaaS)
Cloud-based servers, storage, and networking that customers configure and manage without owning the underlying data-center hardware.
Software as a Service (SaaS)
Software accessed as an online service instead of being installed and maintained entirely on the customer’s own computers or servers.
Disaster Recovery (DRaaS)
A plan and service for restoring applications, data, and operations after an outage or disruption. DRaaS provides recovery infrastructure through a managed cloud service.
Identity and Access Management (IAM)
The systems and policies that determine who a user is, what resources they may access, and how that access is authenticated and reviewed.