WordPress hat innovative Tools veröffentlicht, die Benutzern dabei helfen, ihre Ziele zu erreichen und kompetentere Benutzer zu werden. Eines der neuesten Tools heißt Playground und ist darauf ausgelegt, eine WordPress-Site sofort zum Testen, Lernen und Erstellen verfügbar zu machen.
Hintergrundinformationen zum WordPress-Spielplatz
Playground ist ein Tool, das in Ihrem Browser ausgeführt wird.
Die offizielle WordPress-Dokumentation für Playground schlägt folgende Verwendungen vor:
- Probieren Sie einen Block, ein Thema oder ein Plugin aus
- Eine komplette Site erstellen, speichern und hosten
- Testen Sie Ihr Plugin mit vielen spezifischen WordPress- und PHP-Versionen
- Betten Sie eine echte, interaktive WordPress-Site in Ihr Tutorial oder Ihren Kurs ein
- Präsentieren Sie ein Plugin oder Theme auf Ihrer Website
- Erstellen Sie eine native App mit WordPress und stellen Sie sie in den App Store
- Vorschau von Pull Requests aus Ihrem Repository
Es ist auch ein WordPress-Plugin verfügbar, „Playground By WordPress Contributors“, mit dem ein Benutzer seine Site in eine private Playground-Version im Browser klonen kann.
Mit dem WordPress-Plugin kann ein Benutzer eine exakte Kopie der Website innerhalb einer Playground-Instanz erstellen, von der aus er beispielsweise ein Plugin oder ein Design testen kann. Änderungen an der Playground-Instanz wirken sich nicht auf die eigentliche Website aus. Die geklonte Site wird nicht auf einen Cloud-Dienst hochgeladen, alle Daten bleiben privat und verbleiben im Webbrowser des Benutzers, bis der Browser-Tab geschlossen wird.
Interview: Adam Zieliński, WordPress Playground Architect @ Automattic
Ich habe Adam Zieliński, den WordPress Playground Architect bei Automattic, interviewt, um mehr darüber zu erfahren, was Playground ist und wie es für Entwickler und normale Benutzer von WordPress nützlich sein kann.
Als Erstes wollte ich wissen, was Playground ist, warum es jemand verwenden sollte und was die Leute davon erwarten können.
Adam Zielinski:
„Playground ist WordPress mit nur einem Klick. Es sind keine langwierigen Einrichtungsschritte, kein Webhosting-Konto und kein technischer Jargon nötig.
Playground ist nicht die Site unter playground.wordpress.net. Es ist die bahnbrechende Technologie, die diese Site ermöglicht und auch eine neue Generation interaktiver WordPress-Tools mit nur einem Klick antreibt. Es gibt interaktive Tutorials, QA-Workflows (Qualitätssicherung), „Vor dem Kauf ausprobieren“-Vorschauprogramme für Plugins, Tools für die Zusammenarbeit, Workflows für Beiträge und vieles mehr.
Hier sind zwei Beispiele:
Die Site unter playground.wordpress.net dient gleichzeitig als QA-Tool – Sie können die kommende WordPress-Version ausprobieren, Ihr Plugin oder Theme mit fünf anderen Plugins testen und dann sehen, wie es auf verschiedenen WordPress- und PHP-Versionen funktioniert. Sie erwies sich als nützlich, um Feedback während des WordPress 6.5-Releasezyklus, der Aufforderung zum Testen der Font-Bibliothek und mehr zu erhalten.
Als WordPress-Plugin kann Playground Ihre bestehende WordPress-Site, einschließlich aller Inhalte, Plugins und Designs, in einer privaten Playground-Instanz klonen. So können Sie Änderungen, neue Plugins oder Updates testen, bevor Sie sie live schalten, und das ohne separates Hosting.
Das nächste Beispiel ist etwas technischer, aber ich werde es trotzdem verwenden. Playground kann in Websites eingebettet werden. Es gibt Unternehmen, die eine Live-Version ihres Plugins oder Themes präsentieren, indem sie eine Live-WordPress-Playground-Site verwenden, die in ihre eigentliche Site eingebettet ist. Das ist für ihre zukünftigen Kunden äußerst nützlich – selbst wenn sie keine Ahnung haben, was Playground ist.“
Ich habe ihm anschließend die Frage gestellt, wie er Playground jemandem beschreiben würde, der WordPress verwendet, sich aber nicht mit der Entwicklung beschäftigt.
Adam Zielinski:
„Playground ist eine Version von WordPress, die direkt auf Ihrem Gerät und nicht auf einem Webhost ausgeführt wird. Sie können Playground auf Ihrem Telefon öffnen, das Internet ausschalten und es weiterhin verwenden.“
Als nächstes habe ich gefragt, ob es für die Migration auf eine neue Vorlage oder das Testen von Plugin-Updates nützlich ist.
Adam Zielinski:
„Absolut. Sie können Ihre Site mit dem Playground-WordPress-Plugin klonen und dort zuerst die neue Vorlage oder das aktualisierte Plugin ausprobieren, ohne zu riskieren, dass Ihre Produktionssite beschädigt wird. Dieses Plugin fügt der Plugin-Suche in wp-admin auch eine Schaltfläche „Jetzt Vorschau anzeigen“ hinzu, sodass Sie sie „ausprobieren“ können, bevor Sie sich dazu entschließen, eines auf Ihrer Live-Site zu installieren.“
Als nächstes empfiehlt Zieliński die folgenden Ressourcen, um mehr über Playground anzuzeigen und zu lesen:
WordPress Playground: das ultimative Lern-, Test- und Lehrtool für WordPress
So verwenden Sie WordPress Playground für interaktive Demos
So beginnen Sie mit der Nutzung von WordPress Playground
Hilft Playground normalen WordPress-Benutzern dabei, sich mit der eigenständigen Entwicklung von Websites vertraut zu machen? Ist es eine praktische Möglichkeit, den Umgang mit WordPress zu erlernen?
Adam Zielinski:
„Playground ist ein großartiges Lerntool. Sie können einfach auf playground.wordpress.net gehen und WordPress erkunden, egal ob Sie Ihren ersten Beitrag erstellen oder fünfzehn Plugins installieren und eine ganze Site erstellen.
Heutzutage erfolgt das Erlebnis weitgehend selbstgesteuert, was in Kursen, Workshops und Treffen nützlich ist, bei denen ein Kursleiter Ihnen Anweisungen geben kann.
Wir testen auch interaktive und geführte Tutorials. Stellen Sie sich vor, Sie besuchen WordPress.org, klicken beispielsweise auf „Ich möchte meine erste WordPress-Site erstellen“ und erhalten klare Anweisungen und eine interaktive WordPress-Site, an der Sie arbeiten können. Darauf arbeiten wir hin.
Und das muss keine ferne Zukunft sein. Jeder kann heute mit dem Playground-Block mit der Erstellung dieser interaktiven Lernerfahrungen beginnen – mit nur einem Klick können Sie Playground in Ihren WordPress-Inhalt einbetten. Sie können jetzt sofort mit diesem Block spielen, indem Sie auf die Plugin-Seite gehen und auf die Schaltfläche „Live-Vorschau“ klicken. Oh, und diese Live-Vorschau? Sie wird auch von WordPress Playground unterstützt!“
Ist Playground mit beliebten WordPress-Website-Buildern kompatibel?
Adam Zielinski:
„Ich habe Divi nicht getestet. Elementor funktioniert größtenteils, obwohl es ein technisches Problem im Onboarding-Flow gibt, das in Elementor Fix behoben werden muss, bevor es voll funktionsfähig ist.“
Playground verfügt über eine Funktion namens Blueprints, Konfigurationseinstellungsdateien. Ich habe Adam gefragt, wie er Blueprints beschreiben würde und welchen Nutzen es für Benutzer hat.
Adam Zielinski:
„Blueprints sind Richtlinien für Playground zum Erstellen der WordPress-Site für Sie.
Blaupausen sind auch wie Puzzleteile. Tatsächlich werden Sie beim WCEU 2024 echte WordPress-Sites mit physischen Puzzleteilen erstellen. Wir haben Puzzleteile ausgedruckt, die Site-Konfigurationsschritte wie die Installation eines Plugins oder die Änderung des Site-Namens darstellen. Die Teilnehmer können sie sammeln und mit einer App scannen, die Playground mit der von ihnen zusammengestellten Konfiguration (Blaupause) lädt.
Siehe auch: Was sind Blueprints und was können Sie damit tun?
Zur Nützlichkeit von Blueprints gibt es zwei Seiten. Sie können entweder eine Playground-Site verwenden, die auf Grundlage eines vorhandenen Blueprints erstellt wurde, oder Sie können einen neuen Blueprint erstellen.
Wenn Sie einfach nur die Playground-basierten Tools nutzen möchten, müssen Sie nicht einmal wissen, was Blueprints sind. Sie werden lediglich einen Button sehen, der eine WordPress-Site öffnet, die für beliebige Aktionen vorkonfiguriert ist. Sie können damit beispielsweise ein Design testen, eine Dokumentationsseite erstellen oder sogar eine Folienpräsentation erstellen und diese ins PDF-Format exportieren.
Wenn Sie neue Blueprints erstellen möchten, müssen Sie heute selbst Hand anlegen und JSON-Code schreiben. Blueprints 101 und die technische Einführung in Playground führen Sie durch die einzelnen Schritte und Sie können sich die Beispiele auch in der Blueprints-Galerie ansehen. Es ist erwähnenswert, dass wir an einem visuellen Tool arbeiten, mit dem Sie diese Schritte wie Puzzleteile zusammensetzen können, ohne Programmierkenntnisse zu haben.“
Ist dies eine Möglichkeit, eine Site zu erstellen und dann die Demo zu speichern oder freizugeben?
Adam Zielinski:
„Ja! Playground-Sites sind standardmäßig temporär, aber es gibt viele Möglichkeiten, sie zu speichern und freizugeben. Auf playground.wordpress.net gibt es eine Einstellungsschaltfläche, mit der Sie Playground anweisen können, Ihre Site in Ihrem Webbrowser zu speichern. Sobald Sie das tun und die Seite aktualisieren, kehren Sie direkt zu Ihrer Site zurück. Sie können die Site auch mit einem Verzeichnis auf Ihrem Computer synchronisieren und alle Playground-Änderungen werden dort angezeigt. Dann können Sie Ihre Site auch als ZIP-Datei oder auf GitHub exportieren.
Es gibt zwei Möglichkeiten, eine Site mit anderen zu teilen.
Die erste Möglichkeit besteht darin, einen Blueprint zu erstellen. Schreiben Sie also alle Schritt-für-Schritt-Anweisungen für Playground auf, um diese Site neu zu erstellen. Sie können diesen Blueprint dann in einen Link einfügen und ihn mit der Welt teilen.
Blueprints sind leistungsstark, aber nicht immer praktisch, daher gibt es auch einen zweiten Weg. Eine Playground-Site kann als Zip-Datei exportiert werden. Sie können diese Zip-Datei hosten, beispielsweise auf GitHub, und einen Playground-Link erstellen, um sie zu laden.“
Jemand aus der WordPress-Entwickler-Community hat diese Frage weitergeleitet:
„Site Builder haben oft eine oder mehrere „Starter-Sites“, die scheinbar genau den Blaupausen entsprechen, obwohl sie normalerweise Premium-Themes und -Plugins enthalten. Drupal hat „Distributionen“, die im Grunde vorkonfigurierte Starter-Sites sind, oft mit einem Nischenfokus.
Stellen Sie sich eine vorkonfigurierte Installation von Kernel, Design, Mitgliedschafts-Plugin und Zahlungseinrichtung vor (Warten auf Gateway-API-Schlüssel). Wenn Sie eine Mitgliedschaftsseite möchten, installieren Sie diese einfach und beginnen Sie mit dem Hinzufügen von Inhalten. Oder ein vorkonfiguriertes Helpdesk-System und so weiter.
Daher frage ich mich, ob die Vision darin besteht, dass Blueprints etwas Ähnliches bieten wird.“
Adam Zielinski:
„Blueprints ermöglichen genau das. Live-Vorschauen im WordPress-Plugin-Verzeichnis sind ein Beispiel – jedes Mal erhalten Sie eine identische Site, die für ein bestimmtes Plugin vorkonfiguriert ist. Es wird immer ein neues WordPress und die neuesten Versionen aller gleichzeitig vorhandenen Plugins und Designs installiert. Sie können einen Blueprint für Ihr spezielles Setup vorbereiten und im Browser damit arbeiten, oder Sie können auch das Playground CLI-Tool verwenden, um mit diesen Starter-Sites auf Ihrem lokalen Computer zu arbeiten. Wir erstellen eine PHP-Bibliothek, damit Webhosts Blueprints unterstützen können – Vorlagen-Sites könnten dann zu einem gängigen Feature in der WordPress-Hosting-Landschaft werden.“
WordPress-Spielplatz
Ein Spielplatz ist ein Ort, der für Aktivitäten konzipiert ist und diese fördert. Genau darum geht es bei WordPress Playground. Jeder, der WordPress verwendet, sollte Playground ausprobieren oder sich zumindest damit vertraut machen, denn Wissen erweitert den Horizont, hilft bei der Problemlösung und macht einen zu einem effektiveren Konkurrenten und Geschäftsmann.
Ausgewähltes Bild von Shutterstock/Leszek Czerwonka