Ein Jahr mit Gutenberg

Es scheint, dass es gestern war, als Gutenberg ein offizieller Teil von WordPress wurde, aber ob Sie es glauben oder nicht, es ist bereits über ein Jahr her! Das Jahr 2019 war zweifellos das Jahr von Gutenberg in WordPress. Lieben Sie es oder hassen Sie es, es wird in absehbarer Zeit nirgendwo hingehen und tatsächlich ist es jetzt ein neuer Standard in unserem geliebten CMS, der darauf abzielt, eine bessere Benutzererfahrung zu bieten.

Im heutigen Beitrag möchte ich noch einmal kurz Revue passieren lassen, was der WordPress-Blockeditor in den letzten Monaten geleistet hat. Insbesondere möchte ich diskutieren, was es besonders macht, warum manche Leute es lieben und manche hassen und was es für uns Entwickler bedeutet hat. Lassen Sie uns das erledigen!

Gutenbergs Start

In State of the Word von 2016 sagte Matt, der WordPress-Editor sei eines der Dinge, auf die wir uns konzentrieren sollten, da er viel Arbeit erfordert, um verbessert zu werden. Damals tauchten die ersten Gerüchte um einen „blockbasierten Editor“ auf, mit dem man „Widgets vereinheitlichen“ und „ Shortcodes verbessern“ könne. War es der erste Blick auf das, was dann Gutenberg werden sollte?

Ein Jahr später, im State of the Word 2017, stellte Matt offiziell Gutenberg vor, ein Projekt, dessen Entwicklung bereits 11 Monate gedauert hatte und noch einige mehr vor sich hatte. Das Projekt führte das Konzept der „Blöcke“ als elegante Lösung für die Erstellung und Verwaltung von Inhalten ein . Gutenberg war noch zu grün, um Teil des WordPress-Kerns zu sein, also blieb es noch einige Monate als Plugin.

Endlich, nach zwei Jahren Schwangerschaft, war es an der Zeit, das neue Kind der Gesellschaft vorzustellen und Ende 2018 wurde Gutenberg schließlich Teil von WordPress Core . Meiner Meinung nach (und der vieler anderer Fachleute in der Branche) fühlte es sich wie eine voreilige Entscheidung an – wir hatten das Gefühl, dass das Plugin noch nicht für die breite Öffentlichkeit bereit war, aber leider war es da. Die Integration von Gutenberg in die neue Version von WordPress war voller Kontroversen und wurde von vielen Leuten gehasst.

Um größere Übel zu vermeiden, hat das WordPress-Entwicklerteam auch ein paralleles Plugin vorbereitet, mit dem man Gutenberg komplett deaktivieren und somit den klassischen Editor weiter verwenden kann… Aber die Entwicklung von Gutenberg ist natürlich noch lange nicht zu Ende!

Erste Schritte

Wie oben erwähnt, war der offizielle Start von Gutenberg etwas holprig, zumal es viele Kritiker gab und es viele Details zu verfeinern gab. Es fühlte sich definitiv wie eine übereilte Entscheidung an. Weißt du, das WordCamp US 2018 stand vor der Tür und „wir brauchen Gutenberg, um schon dabei zu sein“, und das taten sie.

Wie dem auch sei, die Realität war, wie sie war, und im Januar 2019 hatten wir alle diesen neuen Editor in unserem WordPress-Dashboard. Das bedeutete, dass sich Benutzer und Entwickler an diese neue Realität anpassen mussten … und je früher wir das taten, desto besser!

Das Hauptproblem, mit dem wir alle in den ersten Wochen konfrontiert waren, war die unterdurchschnittliche UX. Ich erinnere mich, dass der Editor völlig unbrauchbar war, wenn Sie ihn mit Yoast verwendeten, anscheinend aufgrund eines Problems mit der Gutenberg-Anmerkungs-API. Blöcke bewegten sich auf seltsame Weise, Tastaturkürzel waren anders und unvorhersehbar, der Editor war auf älteren Computern verzögert …

Aber trotz der anfänglichen Fehler und Probleme machte das rasante Entwicklungstempo des Plugins möglich, was fast unmöglich schien: die Benutzererfahrung, die man während der Verwendung von Gutenberg hatte, schnell zu beheben und zu verbessern. Etwas, das, wenn ich ganz ehrlich zu Ihnen bin, dringend benötigt wurde, da der klassische Editor ziemlich veraltet war:

Evolution

Die Entwicklung von Gutenberg im ersten Jahr seines öffentlichen Lebens war wirklich unglaublich. Aktualisierungen erfolgten nacheinander und die Entwickler haben jedes Detail von Gutenberg aufpoliert, bis es zu einer freundlicheren und effizienteren Benutzeroberfläche geworden ist. Wenn man sich die Zahlen und insbesondere die Adoptionsrate von Gutenberg ansieht, sieht es so aus, als wären wir auf dem richtigen Weg. Zum Zeitpunkt der Erstellung dieses Beitrags verwenden zwei von drei WordPress-Installationen die Version 5.x, was bedeutet, dass Gutenberg für zwei Drittel aller WordPress-Benutzer nativ verfügbar ist.

Aber um ehrlich zu sein, denken Sie daran, dass Sie Gutenberg vollständig deaktivieren können, indem Sie einfach das Classic Editor-Plugin installieren. Derzeit hat dieses Plugin über 5 Millionen aktive Installationen und mehr als 700 Fünf-Sterne-Bewertungen, begleitet von Kommentaren wie „Alt ist Gold“, „das wichtigste Plugin, das man haben sollte“ oder „das Plugin, das ich auf allen meinen Websites verwende“. Ist es also möglich, dass Gutenberg ein Fiasko ist?

Nun, meiner Meinung nach, nein. Wenn Sie sich den aktuellen Trend aktiver Installationen ansehen, die dem Classic Editor-Plug-in entsprechen, werden Sie feststellen, dass er sich verlangsamt. Das bedeutet, dass im Laufe der Zeit immer weniger Leute dieses Plugin verwenden. Eine mögliche Erklärung dafür ist die Tatsache, dass Gutenberg bereits „gut genug“ ist und daher keine Notwendigkeit besteht, die ältere Version des Editors zu verwenden. Und das ist zweifellos eine sehr gute Nachricht.

Bibliotheken blockieren

Eine der Folgen der offiziellen Integration von Gutenberg in WordPress war die Verbreitung neuer Blöcke, mit denen Inhalte erstellt werden können. Die Entwickler haben eindeutig einen Schmerzpunkt identifiziert und beschlossen, das Gesamterlebnis zu verbessern.

In den letzten Monaten haben wir gesehen, wie Plugins mit dem alleinigen Zweck auftauchten, die Palette der für Gutenberg verfügbaren Blöcke zu erweitern. So haben wir zum Beispiel Plugins wie Atomic Blocks, die neue Blöcke hinzufügen, sowie Plugins wie Stackable oder EditorsKit, die neue Stile beinhalten und zusätzliche Bearbeitungsoptionen für bereits vorhandene Blöcke bieten.

Vorteile von Gutenberg

Einer der großen Kritikpunkte, die es bei WordPress schon immer gab, war der inframöse Lock-in-Effekt. Im Grunde beschreibt dieser Effekt die Abhängigkeit, die bei bestimmten Themes oder Plugins auftritt, wenn du anfängst, sie zu verwenden. Sobald Sie Inhalte mit einem dieser Lock-in-Projekte erstellt haben, können Sie sie nicht einfach loswerden oder Sie verlieren diese Inhalte.

Die meisten Beispiele für diesen Effekt finden sich bei Seitenerstellern. Als wir nur den klassischen WordPress-Editor hatten, erkannten viele Theme-Entwickler noch einen weiteren Bedarf: Benutzer wollten in der Lage sein, Seiten mit einem visuellen Editor zu gestalten, der es ihnen ermöglichte, Inhaltsblöcke per Drag-and-Drop zu erstellen, um ihre Seiten einfach zu erstellen. Leider bedeutete das Erstellen einer Seite mit einem solchen Seitenersteller, dass Sie für immer an diesen Seitenersteller gebunden waren – wenn Sie den Seitenersteller nicht mehr verwenden wollten, müssten Sie Ihre Seite zuerst neu erstellen oder riskieren, zu verlieren es.

Gutenberg war in dieser Hinsicht eine Revolution. Dank der offiziellen Einführung des „Block“-Konzepts haben Seitenersteller nun endlich einen Standardmechanismus in Reichweite, mit dem sie das Erscheinungsbild einer Seite definieren können. Sie müssen lediglich die von Gutenberg bereitgestellten neuen Schnittstellen nutzen. Sicher, der Prozess der Standardisierung aktueller Seitenersteller auf WordPress-Blöcke wird langsam sein, aber ich habe keinen Zweifel, dass es irgendwann passieren wird.

Kontinuierliche Verbesserungen

Gutenberg wird mit jeder neuen Version besser und besser, da neue Funktionen und mehrere Verbesserungen in jeder einzelnen Version enthalten sind. Beispielsweise erschien vor einigen Wochen eine neue Version des Gutenberg-Plugins (bereits 7.1) mit kleinen Verbesserungen der Benutzerfreundlichkeit für Benutzer, wie z.

Aber es gibt eine Verbesserung, die mir besonders gefällt, und zwar Bewegungen im Editor. Bitte werfen Sie einen Blick auf diesen Beitrag von Matias Ventura, in dem Sie sehr detailliert erklären, „wie Bewegung uns hilft, Veränderungen zu verstehen“.

Was Gutenberg für uns bedeutete (bei Nelio)

Die Ankunft von Gutenberg brachte auch interessante Neuigkeiten in unser Unternehmen. Wenn wir unsere Produkte entwickeln und mit Gutenberg kompatibel machen wollten, mussten wir im Wesentlichen einen ganz neuen Entwicklungsstack recyceln und lernen.

Wie Toni Ihnen vor ein paar Wochen erzählt hat, haben wir in den letzten zwei Jahren React und Redux studiert und gelernt. Als Ergebnis dieser Lernphase haben wir mehrere spezifische Plugins für Gutenberg eingeführt, wie z. B. Nelio Maps, Nelio Translate oder Nelio Compare Images. Wir haben auch einen großen Teil unserer Zeit und Ressourcen der Modernisierung von Nelio A/B-Testing gewidmet, und wir übernehmen derzeit die gleiche Aufgabe mit Nelio Content.

Wir haben sogar einige unserer neu erworbenen Fähigkeiten angewendet, um zu WordPress beizutragen, und mehrere Pull-Requests vorgeschlagen:

• Fehlerbehebung bei Terminen
• Fehlerbehebung bei Abfrageargumenten und URL-Fragmenten in JS
• Vorschlag zum Arbeiten mit Zahlen- und booleschen Attributen in der Block-API
• Fehlerbehebung bei (nicht) maskierten HTML-Entitäten

Niemand mag Veränderungen. Wenn Sie sich an eine Reihe von Tools oder Technologien gewöhnt haben, möchten Sie sie wahrscheinlich nicht zurücklassen, um etwas Neues zu lernen. Die Menschen sind zögerlich, wenn sich Dinge ändern … aber, wenn ich ehrlich bin, hat uns die Veränderung gut getan. Wir sind sehr stolz auf alles, was wir auf diesem Weg gelernt haben und auf die Dinge, die wir dank Gutenberg heute tun können.

Was ist mit dir? Magst du Gutenberg? Wie hat es Ihr Leben verändert? Lassen Sie es uns im Kommentarbereich unten wissen.

Vorgestelltes Bild von freestocks.org auf Unsplash.