WordPress Playground: Vollständiges WordPress direkt im Browser – ohne Installation

WordPress Playground ist eine der interessantesten Entwicklungen im WordPress-Ökosystem der letzten Jahre – und gleichzeitig eine der am meisten unterschätzten. Die Idee klingt zunächst ungewöhnlich: Ein vollständiges WordPress, das ausschließlich im Browser läuft, ohne Server, ohne Hosting-Account, ohne Installation. Dank WebAssembly ist das seit einigen Jahren Realität, und mit WordPress 7.x hat Playground eine zentrale Rolle in der Entwicklerstrategie von WordPress eingenommen. Wer Plugins testet, Kunden Demos zeigt oder schnell mit neuen Themes experimentieren möchte, sollte Playground kennen.

Was ist WordPress Playground?

WordPress Playground ist ein vollständig im Browser ausgeführtes WordPress-System. Es enthält einen echten WordPress-Core, einen PHP-Interpreter, eine SQLite-Datenbank – alles, was für eine funktionsfähige WordPress-Installation nötig ist – und führt das alles clientseitig aus, ohne dass Daten einen Server verlassen.

Das Ergebnis ist ein WordPress, das sich in Sekundenschnelle öffnet, vollständig isoliert ist und nach dem Schließen des Tabs spurlos verschwindet. Es handelt sich nicht um eine abgespeckte Simulation, sondern um eine vollwertige WordPress-Instanz mit Adminbereich, Plugin-Verwaltung, Theme-Installation und Editor.

WordPress Playground wurde als offizielles WordPress-Projekt entwickelt und wird aktiv vom WordPress-Core-Team weiterentwickelt. Es ist unter playground.wordpress.net öffentlich zugänglich – kostenlos, ohne Registrierung.

Wie funktioniert Playground technisch?

Die technische Grundlage ist WebAssembly (Wasm) – ein binäres Kompilierungsformat, das in allen modernen Browsern nativ ausgeführt werden kann. Konkret bedeutet das: PHP, das normalerweise serverseitig läuft, wurde in WebAssembly kompiliert. Der Browser führt dieses kompilierte PHP direkt aus.

Eine SQLite-Datenbank ersetzt MySQL – ebenfalls vollständig im Browser, ohne Netzwerkanfragen an einen Datenbankserver. Die WordPress-Dateien selbst liegen im virtuellen Dateisystem des Browsers (über die Origin Private File System API).

Das Resultat ist beeindruckend schnell. Ein frisches WordPress öffnet sich in zwei bis drei Sekunden. Plugin-Installationen aus dem offiziellen Verzeichnis klappen genau wie in einer echten Installation. Theme-Switching, Gutenberg-Editing, WooCommerce-Demo-Shops – alles läuft im Browser, ohne Internetverbindung zu einem Webserver.

Für Entwickler gibt es zusätzlich ein npm-Paket @wordpress/playground-client, das WordPress Playground in eigene Anwendungen einbettbar macht – ideal für Onboarding-Flows, interaktive Tutorials oder Plugin-Dokumentationen.

Fünf konkrete Anwendungsfälle

1. Plugin-Tests vor der Installation

Bevor ein neues Plugin auf der Live-Website installiert wird, lässt es sich in Playground risikolos testen. Einfach die Plugin-Seite auf wordpress.org öffnen, auf „Preview in Playground” klicken, fertig. Das Plugin wird in einer frischen Sandbox-Instanz ausgeführt. Keine Gefahr für die Produktionsumgebung, kein Staging-Server nötig.

2. Client-Demos ohne Hosting

Wer Kunden ein neues Theme oder eine neue Plugin-Konfiguration zeigen möchte, kann das direkt im Browser tun – ohne eine Demo-Website einzurichten und zu pflegen. Playground-Instanzen können als Link geteilt werden (sogenannte Blueprints), der genau eine bestimmte Konfiguration öffnet: mit vorinstalliertem Theme, Plugin und Beispielinhalt.

3. WordPress-Schulungen und Workshops

Für Schulungen ist Playground ideal: Alle Teilnehmer öffnen denselben Blueprint-Link und haben sofort eine identische, frische WordPress-Umgebung. Keine Installations-Probleme, kein Hosting-Aufwand, keine Nachbetreuung. Nach dem Workshop wird einfach der Tab geschlossen.

4. Beitragsvorschau im Plugin-Verzeichnis

Wer ein Plugin in das offizielle WordPress-Plugin-Verzeichnis einreicht, kann einen Playground-Link direkt auf der Plugin-Seite hinterlegen. Potenzielle Nutzer können das Plugin damit mit einem Klick ausprobieren – bevor sie es herunterladen. Diese Funktion hat die Testrate bei neuen Plugins messbar erhöht.

5. Schnelle Prototypen für den Blockeditor

Entwickler, die neue Blöcke oder Block-Patterns entwerfen, können ihre Ideen in Playground skizzieren, ohne eine lokale Entwicklungsumgebung aufzusetzen. Playground unterstützt auch das direkte Einbinden von lokalem Code über die Playground-API – für fortgeschrittene Entwicklungs-Workflows.

Blueprints: Playground als konfigurierbares Demo-System

Eine der mächtigsten Funktionen von Playground sind sogenannte Blueprints – JSON-Konfigurationsdateien, die festlegen, welche Plugins und Themes installiert werden sollen, welche WordPress-Version läuft, welche Demo-Inhalte importiert werden und welche WP-CLI-Befehle ausgeführt werden.

Ein einfaches Blueprint sieht so aus:

{
  "phpVersion": "8.2",
  "plugins": ["woocommerce", "elementor"],
  "login": true,
  "landingPage": "/wp-admin/"
}

Dieser Link lässt sich als URL enkodieren und teilen. Wer darauf klickt, öffnet eine fertig konfigurierte WordPress-Instanz mit WooCommerce und Elementor, direkt eingeloggt im Admin – in Sekunden, ohne einen Server zu berühren.

Blueprints unterstützen außerdem WP-CLI-Befehle, SQL-Abfragen zum Vorbefüllen der Datenbank und das Importieren von Demo-Inhalten über WXR-Dateien. Damit lassen sich vollständige Demo-Setups automatisieren, die früher manuelle Stunden in Anspruch nahmen.

Grenzen von Playground

So leistungsfähig Playground ist – es gibt Szenarien, für die es nicht gedacht ist.

Keine Persistenz: Daten werden im Browser-Speicher gehalten. Schließt man den Tab oder löscht den Browser-Cache, ist die Instanz weg. Für dauerhafte Test-Umgebungen ist eine echte Staging-Umgebung besser geeignet.

Keine E-Mails: Playground kann keine E-Mails versenden. Plugins, die auf SMTP-Versand angewiesen sind (z. B. WooCommerce-Bestellbestätigungen), können diesen Teil ihres Workflows in Playground nicht testen.

Eingeschränkte Netzwerkzugriffe: Externe API-Aufrufe aus WordPress heraus (z. B. zu Payment-Gateways oder externen Diensten) sind aus dem Browser heraus teilweise durch CORS-Einschränkungen blockiert.

Performance auf älteren Geräten: Ältere Smartphones oder Laptops mit wenig Arbeitsspeicher können bei komplexen Plugin-Kombinationen spürbar langsamer werden.

Kein dauerhaftes Hosting: Playground ist kein Ersatz für ein Staging-System. Für Tests, die mehrere Tage oder Wochen laufen sollen, bleibt eine klassische Staging-Umgebung die richtige Wahl.

Für schnelle Tests, Demos und Schulungen ist Playground dennoch unübertroffen.

Playground in der WordPress-Roadmap

WordPress Playground ist kein Nebenprojekt – es ist inzwischen tief in die offizielle WordPress-Infrastruktur integriert. Auf wordpress.org zeigen Plugin- und Theme-Seiten direkt einen „Preview”-Button, der Playground öffnet. Das offizielle Theme-Verzeichnis nutzt Playground für Live-Vorschauen, und selbst die offizielle WordPress-Entwicklerdokumentation setzt Playground für interaktive Code-Beispiele ein.

In der WordPress-Roadmap für 2026 und 2027 ist Playground als Plattform für interaktive Lernmaterialien, Plugin-Dokumentationen und Beitragsworkflows vorgesehen. Mit der wachsenden Unterstützung für Blueprints und der zunehmend stabilen API wird sich Playground zum Standard-Werkzeug für alles entwickeln, was heute noch einen Staging-Server erfordert – aber keinen dauerhaften Zustand braucht.

Für Agenturen und Freelancer, die regelmäßig mit neuen Plugins, neuen Kunden-Setups oder wechselnden Theme-Anforderungen arbeiten, ist jetzt der richtige Zeitpunkt, Playground in den eigenen Workflow zu integrieren – und die Zeit zu nutzen, die bisher für das Aufsetzen von Test-Umgebungen verloren ging.

Als WordPress Spezialisten Frankfurt unterstützen wir Kunden dabei, ihre WordPress-Setups professionell aufzustellen – von der Plugins-Auswahl über Staging-Konzepte bis hin zur Nutzung moderner Entwicklungs-Werkzeuge wie Playground für sichere, effiziente Wartungsarbeiten.

Quellen

• WordPress Playground – playground.wordpress.net — r/wordpress
• WordPress Playground – Make WordPress Core — r/wordpress
• WordPress Playground Dokumentation – developer.wordpress.org — r/wordpress