WordPress 5 und Gutenberg - Der Sprung ins kalte Wasser

Sinn und Zweck ist die Benutzung von Blöcken anstelle eines langen Quelltextes um Inhalte zu strukturieren, einzeln zu bearbeiten und verschiebbar zu machen. Dabei soll Gutenberg keineswegs ein Page-Builder sein, sondern nur den Fokus – weg von HTML-Code – darauf legen, worauf es beim Content Management ankommt, nämlich auf den Inhalt.
„Publishing demokratisieren“
Matt (Matthew) Mullenweg, Initiator und Kopf des CMS-Alleskönners WordPress spricht davon, „dass Gutenberg sie näher an ihr Ziel bringt, Publishing für alle zu demokratisieren“. Das über allem stehende Ziel sei die Vereinfachung des Benutzererlebnisses beim Erstkontakt mit dem System, besonders für nicht Web-affine Nutzer.
Eine Veränderung ist für das WordPress-Backend auch sicher nicht von Nachteil: Der bisherige Text-Editor hat in seiner grundlegenden Form mittlerweile 11 Jahre auf dem Buckel, in denen sich viel verändert hat. Vor allem die Multimedialität hat zugenommen; wo früher schon aus technischer Sicht (Bandbreite, Leistungsfähigkeit der Geräte) nur Textinhalte für einen Blogpost denkbar waren, werden heute ganze Bildergalerien verwendet oder Videos eingebunden. Um eben solche Medienelemente besser zu handhaben ist die Wahl auf einen Editor wie Gutenberg gefallen.
Ein kleiner Schritt für den Nutzer. Und ein kleiner für den Entwickler?
„With blocks, people will be able to edit and manipulate everything on their site without having to understand where WordPress hides everything behind the scenes.“ (Matt Mullenweg)
Den Blick hinter die Kulissen zu verschleiern hat sicher unter anderem dazu geführt, dass der neue Editor Gutenberg, den es schon vorab als Plugin zu testen gab, mit nur zwei von fünf Sternen bewertet wurde. Mullenweg ist jedoch überzeugt, dass ein Schritt nach vorne notwendig aber am Anfang immer ungewohnt sei.
Dabei bringt der Wechsel zur weniger technisch wirkenden Ansicht in Richtung Benutzerfreundlichkeit aus Entwickler-Sicht auch viele Vorteile mit sich. Durch die Trennung von Darstellung und Inhalt können Code-Strukturen durch einen kleinen Fehler nicht mehr so schnell zerstört werden, wie es bisher im klassischen Text-Editor möglich war. Hier waren HTML, Shortcodes sowie Inhalt starr miteinander verbunden.
Außerdem bietet WordPress Entwicklern die Möglichkeit, eigene Blöcke zu entwickeln. Es lassen sich sowohl klassische (statische) Blöcke implementieren, wie beispielsweise eine mit CSS-Stilen versehene Überschrift, als auch dynamische Blöcke, z. B. die Ausgabe des neuesten Beitrags in einem eigenen Layout.
Wer mehr über das Erstellen eigener Blöcke erfahren möchte, sollte einen Blick in die offizielle Dokumentation zur Block API werfen.
Alles kann, nichts muss
Wer aus Gründen der Kompatibilität noch nicht zum neuen Editor wechseln möchte, kann trotzdem zu WordPress 5 updaten, wenn er das Plugin „Classic Editor“ verwendet, das den bekannten Editor TinyMCE wiederherstellt. Matt Mullenweg bestätigt in seinem Blog, dass dieses Plugin noch bis 2022 unterstützt und verbessert wird. Was bis dahin alles mit Gutenberg möglich ist bleibt abzuwarten.
Immer mehr Plugin-Entwickler veröffentlichen Ihre Erweiterungen für den Block-Editor, wodurch sich zur standardmäßigen Auswahl auch Blocks für erweiterte Spalten oder Beitrags-Layouts gesellen.
Auch die Entwickler des weitverbreiteten Plugins „Advanced Custom Fields“ kündigten in ihrem Blog an, mit der Version 5.8 Blocks für Gutenberg zu integrieren, mit denen die Möglichkeiten von eigenen Feldern nun auch in Gutenberg genutzt werden können.
Nach „Bebo“ kommt „Betty“
Ende Februar wurde mit „Betty“ das WordPress-Update 5.1 zur Verfügung gestellt, das vor allem die Geschwindigkeit von Gutenberg verbessern soll. Außerdem werden Administratoren ab sofort Benachrichtigungen angezeigt, deren Websites mit veralteten PHP-Versionen laufen.
In den nächsten Versionen können laut WordPress weitere Verbesserungen für die Editor-Performance erwartet werden.
Quellen:
https://de.wordpress.org/2018/12/wordpress-5-0-bebo/
https://ma.tt/2018/11/a-gutenberg-faq/
https://www.advancedcustomfields.com/blog/acf-5-8-introducing-acf-blocks-for-gutenberg/
https://wordpress.org/news/2019/02/betty/
Beratung anfragen
Wählen Sie einen Termin für ein 30-minütiges Erstgespräch.
Kontakt aufnehmen
Schreiben Sie uns kurz, worum es geht.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Hierarchie
Wir gewichten Inhalte über Größe, Position und Kontrast, sodass das Wichtigste sofort führt. Ihr Besucher findet sich zurecht, ohne zu suchen, und der nächste Schritt liegt immer nahe. Das senkt Absprünge und entlastet Ihren Vertrieb.
Konsistenz
Buttons, Abstände und Begriffe folgen einem festen System über alle Seiten hinweg. Neue Inhalte fügen sich automatisch ein, die Pflege bleibt einfach und wirkt nach außen verlässlich. So entsteht ein Auftritt, der zusammengehört.
Marke auf dem Schirm
Farben, Typografie und Bildsprache übersetzen Ihre Marke in eine Oberfläche, die man wiedererkennt. Gestaltung und Funktion greifen ineinander, statt sich zu behindern. Das Ergebnis trägt Ihre Identität und bleibt zugleich zugänglich.
Orientierung
Navigation, Einstiege und Seitenstruktur führen Besucher gezielt zum passenden Angebot. Sie erkennen schnell, ob sie richtig sind, und verlieren keine Zeit. Das erhöht die Chance, dass aus Interesse ein Lead wird.
Verständlichkeit
Wir bereiten Produkte, Leistungen und Optionen so auf, dass sie ohne Rückfrage einzuordnen sind. Komplexe Angebote werden vergleichbar, Hürden auf dem Weg zum Lead fallen weg. So qualifiziert sich Ihr Interessent selbst vor.
Vertrauen
Klare Sprache, nachvollziehbare Struktur und sichtbare Belege geben Sicherheit. Gerade in längeren B2B-Entscheidungen mit mehreren Beteiligten zählt das. Ihre Website überzeugt damit auch jene, die später dazukommen.
Stabilität
Geprüfte Updates, Monitoring und feste Abläufe halten die Plattform sicher und verfügbar. Probleme werden behoben, bevor sie für Sie sichtbar werden. So läuft Ihre Website im Hintergrund verlässlich weiter.
Skalierbarkeit
Die Architektur ist auf Wachstum ausgelegt. Weitere Inhalte, Sprachen, Marken oder Standorte lassen sich ergänzen, ohne neu zu beginnen. Strukturen ziehen mit, statt zu bremsen.
Wartbarkeit
Saubere Strukturen und dokumentierte Erweiterungen machen die Pflege planbar. Auch ein neues Team versteht das System schnell und arbeitet sicher weiter. Das hält die laufenden Kosten überschaubar.
Kontakt aufnehmen
Erzählen Sie uns kurz, worum es bei Ihrer Oberfläche geht. Wir melden uns mit einer ersten Einschätzung.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Kontakt aufnehmen
Sagen Sie uns kurz, wo es in der Nutzerführung hakt. Wir melden uns mit einem konkreten nächsten Schritt.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Kontakt aufnehmen
Beschreiben Sie kurz Ihr TYPO3-Anliegen. Wir melden uns mit einer Ersteinschätzung.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Beratung anfragen
Wählen Sie einen Termin.
Beratung anfragen
Wählen Sie einen Termin.
Beratung anfragen
Wählen Sie einen Termin.
Kontakt aufnehmen
Sagen Sie uns kurz, worum es bei Ihrem Webprojekt geht. Wir melden uns mit einer ersten Einschätzung.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Beratung anfragen
Wählen Sie einen Termin für ein Erstgespräch.
Stabilität
Geprüfte Updates, Monitoring und feste Abläufe halten Ihre Website sicher und verfügbar. Probleme werden behoben, bevor sie für Sie sichtbar werden.
Skalierbarkeit
Die Architektur ist auf Wachstum ausgelegt: weitere Inhalte, Sprachen oder Standorte lassen sich ergänzen, ohne neu zu beginnen.
Wartbarkeit
Saubere Strukturen und dokumentierte Umsetzung machen die Pflege planbar. Auch ein neues Team versteht das System schnell.
UX Interface Audit
Das Audit liefert eine priorisierte Liste von Verbesserungen für zentrale Seiten und Module.
Hilfreich, wenn zentrale Seiten inkonsistent sind oder Hürden enthalten und Vertrauen und Orientierung leiden.
UX-Optimierungs-Check
Der Check zeigt, wo Orientierung, Formulare und Leads unnötig schwer werden.
Hilfreich, wenn Nutzer den Weg zum Lead nicht finden oder Formulare bremsen.
Informationsarchitektur-Sprint
Der Sprint ordnet Struktur, Navigation und Pflege, bevor ein Relaunch startet.
Sinnvoll, wenn Navigation und Seitenbaum gewachsen sind und wichtige Seiten unsichtbar bleiben.
TYPO3 Health Check
Der Check liefert eine klare Prioritätenliste zu Ladezeiten, Sicherheit, Barrierefreiheit und Sichtbarkeit.
Hilfreich, wenn Performance, Sicherheit und Wartbarkeit gleichzeitig wackeln und die Reihenfolge fehlt.