Blockmuster werden alles verändern

Es war vor ungefähr einem Jahr. Ich war glücklich, ein Thema für aufstrebende Romanautoren zu entwerfen. Ich wollte der Konkurrenz einen Schritt voraus sein und ein Thema speziell an Autoren vermarkten, die sich an der Herausforderung des National Novel Writing Month 2019 versuchen würden.

NaNoWriMo, kurz gesagt, ist ein Wirbelwind von einem Monat, in dem Tausende von Menschen aus der ganzen Welt auf ihren Tastaturen herumklappern, um ein Romanmanuskript mit 50.000 Wörtern zu schreiben. Ein Monat purer Willenskraft, literweise Kaffee und schlaflose Nächte im Austausch für Ruhm. Am Ende der Reise gibt es keine Hauptpreise oder garantierte Verlagsverträge. Sie schnappen sich ein Zertifikat, ein paar Coupons und prahlen damit. Ich habe die Herausforderung 2018 abgeschlossen.

Inspiriert von meinem Gewinn vor wenigen Monaten, habe ich ein Thema für diejenigen erstellt, die im folgenden Jahr die Reise antreten würden. Ich wollte auch seine Anziehungskraft auf jeden erweitern, der vielleicht ein aufstrebender Romanautor ist, aber nicht unbedingt an der Herausforderung teilnimmt. Oder vielleicht sogar an jemanden, der gerade sein erstes Buch veröffentlicht hat. Vielleicht wäre dies eine Gelegenheit, ein paar neue WordPress-Benutzer in unsere Community zu bringen.

Ich habe ein Homepage-Layout skizziert, um zu zeigen, wie Benutzer ihr neuestes Buch mit einer Kaufschaltfläche präsentieren können. Dann dämmerte es mir.

Wie könnte jemand diese Buchverkaufsseite ohne solide Erfahrung mit dem Blockeditor erstellen?

Ich habe das Gutenberg-Plugin monatelang verwendet, bevor es in WordPress 5.0 gelandet ist. Ich kannte die Besonderheiten des Systems.

Das Design war einfach. Mit dem zentralen Medien- und Textblock, einer Überschrift, ein paar Absätzen und einer Schaltfläche hatte ich etwas erstellt, das für den durchschnittlichen Benutzer möglicherweise zu komplex war. Ich hatte mich noch nicht einmal mit den benutzerdefinierten Optionen für Farbe, Schriftgröße und Blockstil befasst, die das Layout akzentuierten.

Diese einfache Kombination von Blöcken konnte für manche zu kompliziert werden. Ich hatte andere Pläne für komplexere Layouts. Andere Themenautoren hatten größere Kombinationen von Blöcken übernommen. Für Endbenutzer betraten sie wahrscheinlich eine Welt, die keinen Sinn ergab. Sie würden schöne Themendemos sehen und frustriert werden, wenn sie die Dinge nicht zum Laufen bringen konnten. Der Blockeditor war und ist immer noch nicht intuitiv genug für die am wenigsten sachkundigen Benutzer, um Layouts zu erstellen, die über die Grundlagen hinausgehen.

Ich habe mich für ein Schritt-für-Schritt-Tutorial entschieden, um meine Benutzer beim Aufbau dieses einfachen Buchverkaufsbereichs zu unterstützen. Dokumentation ist jedoch nicht immer die beste Antwort. Selbst wenn Benutzer es finden und lesen, sind die Ergebnisse nicht immer genau. Es wäre viel einfacher gewesen, eine Schaltfläche zu haben, die, wenn sie angeklickt wird, diesen Abschnitt direkt in den Editor einfügt. Der Benutzer kann es dann an seinen Inhalt anpassen.

Hier kommen Blockmuster ins Spiel.

Themenautoren sollten in der Lage sein, einzigartige und komplexe Kombinationen von Blöcken mit benutzerdefinierten Stilen zu erstellen. Benutzer sollten in der Lage sein, es einfach wie die Demo aussehen zu lassen.

Seit ich 2005 mein erstes WordPress-Theme „gebaut“ habe (ich verwende diesen Begriff locker), habe ich jede Art von Lösung für dieses Problem entweder gesehen oder versucht. Seitenvorlagen. Themenoptionen. Kurzwahlen. Widgets. Sie nennen es. Sie wurden alle schon einmal ausprobiert. Jede Methode stellte die Benutzer vor große Hürden. Einige ( ähm, Shortcodes ) hinterließen den Inhalt der Benutzer in Trümmern und erzeugten einen Lock-in-Effekt, bei dem sie schließlich an ihr Thema gebunden waren.

Es ist längst Zeit für etwas Neues.

Was sind Blockmuster und wie verbessern sie die Benutzererfahrung?

Was passiert, wenn ein Benutzer ein Layout mit mehreren Spalten mit Preisoptionen erstellen möchte, wie im obigen Screenshot gezeigt? Viel Glück. Die meisten konnten es nicht mit dem Blocksystem produzieren. Auch ohne Blockmuster würde das Design einige benutzerdefinierte Blockstile benötigen, um dies zu ermöglichen. Plugins werden wahrscheinlich die Lücke für solch komplexe Ausgaben füllen und haben Preistabellen im Laufe der Jahre auf verschiedene Weise angegangen. Was wäre, wenn wir solche Layouts innerhalb von Themes oder in viel einfacheren Plugins erstellen könnten?

Es ist mit Blockmustern möglich.

Einfach ausgedrückt ist ein Blockmuster eine Gruppe von Blöcken. Kern-WordPress, Themes und Plugins können Muster mit vordefinierten Einstellungen registrieren, die ihnen zugeordnet sind.

Aus der Sicht des durchschnittlichen Benutzers sind Blockmuster vordefinierte Abschnitte, die er zum Erstellen von Layouts verwenden kann. Diese Layouts können so einfach sein wie der Buchabschnitt weiter oben in diesem Artikel bis hin zu den komplexeren Preisspalten. Mit diesen verfügbaren Mustern können Benutzer komplexe Layouts auf Knopfdruck erstellen.

Das Blocksystem legte den Grundstein für eine ganz andere und zukunftskompatible Zukunft als das, was wir im Laufe der Jahre erlebt haben. Am Ende des Tages sind die meisten Blöcke nur einfaches altes HTML. Blockmuster sind nichts anderes als die Registrierung einer Gruppe dieser Blöcke. Wenn ein Benutzer das Thema wechselt, bleibt sein Inhalt intakt, selbst wenn sein neues Thema nicht die gleichen Muster registriert.

Version 7.7 des Gutenberg-Plugins lieferte die erste Iteration einer Schnittstelle für Muster. Es ist einfach und wird mehrere weitere Iterationen durchlaufen, bevor es für den Einsatz in der Produktion bereit ist. Letztendlich wird es eine vollständig integrierte Schnittstelle zur Auswahl aus mehreren Mustern geben. Der Benutzer sieht etwas, das er verwenden möchte. Sie klicken auf dieses Muster. Es wird in den Beitrag eingefügt.

Keine komplizierten Themenoptionen mehr. Keine Shortcode-Suppe mehr. Keine stundenlangen Frustrationen mehr, wenn Sie sich fragen, warum Sie diese benutzerdefinierte Titelseite nicht erstellen können, die in dieser sorgfältig erstellten Themendemo gezeigt wird.

Ich bin vielleicht ein bisschen optimistisch. Blockmuster erfordern ein massives Buy-In von der Theme- und Plugin-Entwickler-Community. Während Core WordPress standardmäßig mehrere beliebte Muster ausliefert, werden sie in keiner Weise die Bandbreite des Designs abdecken, die möglich ist, wenn Theme-Autoren ihre künstlerischen Fähigkeiten einsetzen.

Ich war schon immer begeistert von dem Blockeditor. Allerdings hatte ich immer das Gefühl, dass mich das Potenzial mehr begeisterte als das Endprodukt. Ich war in einem ständigen Zustand des Wartens darauf, dass es das werden würde, was ich dachte, dass es sein könnte. Ja, ich warte noch. Wenn wir jedoch an einer frühen Version des Mustersystems herumbasteln, fühlt es sich so an, als würden wir an den Punkt kommen, an dem wir diese großartigen Dinge tun können, die der Editor uns ermöglichen sollte. Es hat lange gedauert, und wir haben noch ein bisschen zu tun. Aber ich habe eine neue Leidenschaft für das Projekt, nachdem ich die bisher geleistete Arbeit erlebt habe.