Gutenberg Hub startet eine Online Page Builder App mit WordPress-Mustern – WP Tavern

20. Mai 2022
Gutenberg Hub startet eine Online Page Builder App mit WordPress-Mustern - WP Tavern

Ich schwärme schon seit einer gefühlten Ewigkeit von der Macht der Patterns. Und gerade, wenn ich mich frage, wie dieses Feature als nächstes aussehen wird, überrascht mich jemand mit einer neuen Idee. Oft ist diese Person Munir Kamal.

Anfang der Woche hatte er angekündigt, dass er eine "kleine" App zur Seitenerstellung vorstellen würde, die mit der WordPress-Musterbibliothek verbunden ist. Heute hat er öffentlich bekannt gegeben, dass es sich um live auf Gutenberg Hub.

Die App befindet sich noch in der Konzeptphase, aber die aktuelle Online-Version funktioniert gut. Im Wesentlichen handelt es sich um eine Schnittstelle, mit der die Nutzer/innen Muster zusammensetzen können, um ganze Seiten zu erstellen. Anders als beim Block-Editor selbst können die Nutzer den Inhalt nicht direkt bearbeiten. Stattdessen können sie Muster kombinieren, den Blockcode kopieren und ihn in den Editor ihrer WordPress-Installation einfügen.

Wenn du zum ersten Mal die Builder-Sub-Site im Gutenberg Hub besuchst, siehst du in der linken Seitenleiste eine leere Leinwand mit einer Liste der wichtigsten Musterkategorien. Um ein neues Muster in die Seite einzufügen, wählst du einfach eine Kategorie aus, suchst nach dem gewünschten Muster und klickst es an:

Website mit einem Content Canvas und einem WordPress-Blockmuster darin.  Auf der Seite befindet sich eine Liste der Musterkategorien mit einem geöffneten Inspektor, der mehrere Musteroptionen anzeigt.
Einfügen eines Musters in die Builder-App.

Die Nutzer müssen nicht aufhören, nachdem sie ein einzelnes Muster eingefügt haben. Die Idee hinter diesem Projekt ist es, eine ganze Webseite aus mehreren Mustern zu erstellen. Dann schnappst du dir den resultierenden Blockcode über die Schaltfläche "Code kopieren" und fügst ihn in den Editor von WordPress ein. Das ist eine bequeme Methode, um herumzuspielen und neue Ideen auszuprobieren.

Standardmäßig werden die Muster für eine Desktop-Ansicht dargestellt. Die Nutzer können jedoch prüfen, wie das Design auf Tablet- und Mobilgeräten wirkt.

Der Builder bezieht alle aktuellen Muster direkt aus der WordPress-Musterverzeichnis. Die API ist öffentlich und ermöglicht es anderen, darauf aufbauend Anwendungen zu entwickeln.

Kamal hat zwar nicht angedeutet, dass er Patterns von außerhalb des offiziellen Verzeichnisses vorstellen wird, aber das ist wahrscheinlich nicht ausgeschlossen. Die Builder UI hat in der Seitenleiste einen Bereich mit der Bezeichnung "Core". Ich spekuliere nur, aber ich nehme an, dass er plant, diesen Bereich in Zukunft zu erweitern.

In der oberen rechten Ecke der Builder-Oberfläche befindet sich eine Menü-Schaltfläche. Damit wird die Navigator-Oberfläche geöffnet. Sie ermöglicht es den Besuchern, das Seitenlayout anzupassen:

Builder-App mit einer linken Seitenleiste, die eine Liste der WordPress-Blockmusterkategorien zeigt, in der Mitte eine Content Canvas und rechts einen Navigator der eingefügten Muster.
Navigator-Panel auf der rechten Seite.

Es gibt Optionen, um ganze Muster nach oben oder unten zu verschieben, sie zu löschen oder zu duplizieren. Nach meinen bisherigen Erfahrungen war es so einfacher, Anpassungen vorzunehmen, als große Gruppen von Blöcken im WordPress-Editor auszuwählen.

Die einzige Funktion, die ich mir wünschen würde, ist ein "Zurück"-Button. Es ist einfach genug, den Navigator zu öffnen und ein eingefügtes Muster zu verwerfen, aber es wäre schneller, diese Aktion über eine eigene Schaltfläche in der Symbolleiste rückgängig zu machen.

Der Builder von Gutenberg Hub erlaubt es den Besuchern nicht, den Inhalt der Muster anzupassen. Sein Zweck liegt eher in der Layouterstellung. Die Anpassung erfolgt, wenn die Nutzer alles wieder in ihren eigenen WordPress-Editor einfügen.

Meine Lieblingsfunktion der App ist vielleicht, dass die Nutzer/innen ihre Kreationen mit anderen teilen können. Der Builder erstellt eine eigene URL für jede Variante und macht es einfach, sie über soziale Medien zu teilen:

Builder-App mit einem Overlay zum Teilen sowohl eines direkten Links als auch zur Auswahl zwischen mehreren sozialen Netzwerken.
Popover nach Klick auf die Teilen-Schaltfläche.

Das Konzept des Teilens ist in das WordPress-Blocksystem quasi eingebaut. Weil alles auf einem abgerundeten Satz von Standards aufbaut, machen es die Tools, die andere darauf aufbauen, leicht, es weiterzugeben.

Dieses Projekt befindet sich zwar noch in der Konzeptphase, aber ich bin gespannt, wohin Kamal es in Zukunft führen wird. Er teilte auch eine kurzen YouTube-Clip des Builders in Aktion.

Quelle


Dieser Artikel ist im Original von wptavern.com und wurde übersetzt
https://wptavern.com/gutenberg-hub-launches-an-online-page-builder-app-using-wordpress-patterns

Abonniere den RSS-Feed von unseren WP News und verpasse keine Meldung: https://die-mainagentur.de/feed/?post_type=wp-news

Alternativ kannst du unseren WP-Newsletter abonnieren

Mit dem Eintrag in den WP-Newsletter bekommst du per Mail über neue Artikel zugesendet. Du kannst den Newsletter jederzeit abbestellen.
Mehr dazu in der Datenschutzerklärung