Gutenberg-Jubel und Verdammung

Gutenberg ersetzt Pagebuilder
Gutenberg ersetzt Pagebuilder

In WordPress 4.9 ist er als Plugin verfügbar, mit WordPress 5.0 wandert er in den Core: Der Gutenberg-Editor, benannt nach dem Buchdrucker Johannes Gutenberg.

Gutenberg – Die Vorteile

Der Gutenberg-Editor unterteit den Eingabebereich von WordPress in Blöcke, die sich unabhängig voneinander bearbeiten lassen. Jeder Block verfügt über eine abgestimmte Werkzeugleiste. Beispiele:

Hilfreich sind die Blöcke für WordPress-User, die von der Code-Ansicht verschont bleiben möchten. Viel einfacher als bisher lassen sich  Tabellen und Buttons erzeugen. Außerdem werden Blöcke diese WordPress-Elemente Schritt für Schritt ersetzen:

  • Shortcodes
  • Embeds
  • Widgets
  • Beitragsformate
  • Custom Post Types
  • Theme-Options
  • Meta-Boxen

Tabellen und Buttons

Zum Einfügen von Buttons und Tabellen benötigst du bisher noch ein Plugin oder musst dich mit CSS und HTML herumschlagen. Mit Gutenberg stehen dafür spezielle Blöcke zur Verfügung, die Gutenblocks.

Die Tabellenfunktion von WordPress
Eine Tabelle in WordPress einfügen und Reihen und Spalten erzeugen und löschen

Ein Textblock entspricht dem ganz normalen Absatz. Gutenberg bietet zusätzliche und einfache Möglichkeiten zur Formatierung. Die Änderung der Farbe funktioniert per Mausklick.

Farben für Hintergrund und Text auswählen

Text- und Hintergrundfarben wählen
Text- und Hintergrundfarben wählen

In einem Textblock kannst du diese Dinge erledigen, ohne HTML und CSS anzufassen:

  • Schriftgröße einstellen
  • Hintergrundfarbe auswählen
  • Textfarbe auswählen

Ein Herz für Lyrik: Verse einfügen

Lyrik mit Gutenberg

Code is Poetry. Die WordPress-Entwickler haben ein Herz für Lyriker. Probiere es einfach aus und gib Verse in die Block-Suche ein. Anschließend dichte ein paar Zeilen, oder nimm was von Goethe… 😉

Verse in Gutenberg
Verse in Gutenberg eingeben und formatieren

Die Verse erscheinen leicht eingerückt, vor einem grauen Hintergrund und in „Schreibmaschinenschrift“. Auf diese Weise heben sie sich vom normalen Text ab.

Zauberlehrling im Gutenberg-Editor
Goethes Zauberlehrling – dargestellt im Gutenberg-Editor

Gutenberg und die WordPress-Community

Freunde, Fans und Follower

Gutenberg-Rating
Rating für Gutenberg
  • Mit Gutenberg wandelt sich WordPress von einem Entwicklertool zu einem Blogsystem für alle. Die Gestaltung eines attraktiven Layouts fällt zukünftig auch technisch wenig versierten Nutzern leicht
  • WordPress holt Anwender wieder ins Boot, die zu Jimdo und Wix abgewandert sind oder das Drag-Drop-Layout der Pagebuilder schätzen

Viel hat Gutenberg vom Visual Composer abgekupfert … aber auch Elementor, BeaverBuilder oder der Themify Page Builder müssen mit der neuen Konkurrenz leben.

 

Pagebuilder sind ungeeignet
Der Themify-Pagebuilder ermöglicht Layout via Drag & Drop

In der WordPress-Community stößt Gutenberg auf heftige Reaktionen – Jubel und Verdammung. Hier eine kleine Pro- und Contra-Liste

Pro Gutenberg

  • Gutenberg erleichtert die Formatierung für Anwender, die mit HTML und CSS nichts zu tun haben wollen. Mit Gutenberg wird WordPress zum Volks-CMS.
  • Gutenberg erleichtert die Einbindung unterschiedlicher Inhaltstypen in einem WordPress-Beitrag oder einer WordPress-Seite.
  • Mit Gutenberg passt sich WordPress für die Publikationsform der Zukunft an. Lange Texte werden nicht gelesen. Tabellen, Listen, Spalten, Drop-Caps und Farb-Spielereien verhindern das Wegklicken der Besucher.
  • In den Gutenblocks steckt ein großes Potenzial, das von den Plugin-Anbietern noch ausgeschöpft wird.
  • Gutenberg ist kostenlos – Page-Builder-Themes sind es nicht.

Contra Gutenberg

  • Gutenberg bläht den WordPress-Code auf. Die Formatierungen der Blöcke sind nämlich wie Kommentare im Quellcode hinterlegt.
  • Gutenberg könnte sich negativ auf die Performance auswirken.
  • Gutenberg gefährdet die Funktionalität existierender Themes und Plugins.
  • Gutenberg spaltet die WordPress-Community. Nicht wenige Entwickler sind der Meinung, der neue Editor gehöre nicht in den Core, sondern nur als zusätzliches Plugin zur Verfügung gestellt, oder als Funktion in Jetpack
  • Hersteller von Page-Buildern und mit Page-Buildern ausgestatten Themes müssen ihr Geschäftsmodell überdenken – wenn sie weiterhin mit WordPress Geld verdienen möchten.
  • Metaboxen werden aktuell noch nicht vollständig eingeblendet. Siehe dazu die Diskussion auf dem Supportforum von Advanced Custom Fields.

Gutenbergs Opfer

Pagebuiler Tailor eingestellt
Der Pagebuiler Tailor wurde eingestellt

Das erste Opfer von Gutenberg ist der Pagebuilder Tailor. Die Entwicklung wurde mit dieser Begründung eingestellt:

End of Tailor – Rise of Gutenberg

Gutenberg-Bildnis
Johann Gensfleisch, genannt Gutenberg. Um 1400 – 1468.

Meine Meinung: Ich mag Gutenberg und freue mich auf WordPress 5.0. Die Idee mit den Blöcken finde ich super, um unterschiedliche Inhalte schnell und gut strukturieren zu können. Was Gutenberg noch nicht leistet: mehrere Spalten. Aber was nicht ist, kann ja noch werden. Im Moment liegt Gutenberg 1.7 vor, warten wir mal auf 2.0.

Gutenberg-Release

Das sagt Matt:

Gutenberg will ship with WordPress 5.0, but the release will come out when Gutenberg is ready, not vice versa.

Ich tippe auf Juni 2018 als Erscheinungstermin für WordPress 5.0 und Gutenberg 2.0 😉

Gutenberg + WooCommerce

WooCommerce Trello Entwicklerboard
WooCommerce Entwicklerboard

Das Bild zeigt das Trello-Board der WooCommerce-Entwickler. Zu sehen ist der Zeitplan für das vierte Quartal 2017 und die ersten beiden Quartale 2018. Die Karte für die Intergration von WooCommerce und Gutenberg steckt jetzt in Q1/2018. Ich kann mich aber gut daran erinnern, dass ursprünglich Q4/2017 angesetzt war.

Mein persönlicher Tipp für WordPress5 + Gutenberg + WooCommerce: Release im Q2/2018

Gutenberg installieren

Installationsweg Gutenberg
Gutenberg als Plugin

Installiere dir Gutenberg als Plugin, falls du das WordPress der Zukunft schon jetzt ausprobieren möchtest. Das geht ganz einfach im Backend:

  1. Pluginverwaltung aufrufen
  2. Gutenberg in das Stichwortfeld rechts oben eingeben
  3. Auf Jetzt installieren klicken, und dann auf Aktivieren

Gutenberg nutzen

Gutenberg nur zu Testzwecken verwenden
Gutenberg ausprobieren

Bis Gutenberg 1.5 konntest du noch zwischen dem klassischen und dem neuen Editor wechseln. Ab 1.6 heißt es: Nur noch Gutenberg. Vorsicht: Gutenberg ist beta! Setze das Plugin nicht in einer Produktiv-Umgebung ein. PS: Aktuell ist die Version 1.7 (Stand November 2017).

Gutenberg abschalten

Zum Schluss noch eine gute Nachricht für Gutenberg-Hasser. Mit Glutenberg Free gibt es ein Plugin, das wieder den alten Editor einsetzt.

Glutenberg Free

Das Plugin Glutenberg-Free macht aus deinem Gutenberg-WordPress wieder ein klassisches WordPress. 😉 Besonders populär ist das Plugin mit 10 (!) Installationen noch nicht, aber das wird sich 2018 schnell ändern. Aber in meinen Installationen bleibt der Gutenberg drin.