Optimalerweise bekommen Nutzerinnen und Nutzer schon im Editor einen Eindruck davon, wie der Inhalt im Frontend aussehen wird. Dafür können Editor-Styles erstellt und eingebunden werden, die den Editor optisch an das Frontend anpassen.

Dabei gibt es ein paar Dinge zu beachten, um halbwegs frustfrei ans Ziel zu kommen.

Für den Gutenberg-Editor gibt es die Möglichkeit, alternative Block-Stile zu erstellen. Bei der Auswahl eines Stils wird dann eine CSS-Klasse eingefügt und der Block kann ein angepasstes vordefiniertes Design erhalten. Von Haus aus hat beispielsweise der Zitat-Block einen Stil »Groß«. Hier zeige ich anhand eines kleinen Beispiel-Plugins, wie sich so ein Stil erstellen lässt.

In der jährlichen State of the Word Präsentation auf dem WordCamp US 2016 kündigte der WordPress Mitbegründer Matt Mullenweg an, wieder die Leitung der WordPress-Produktentwicklung zu übernehmen und dabei drei Hauptfokusse zu haben. Die REST-API, den Editor und den Customizer. Die drei Bereiche bilden die Grundlage für das Projekt mit dem Codenamen „Gutenberg“. Dieses Projekt hat es sich zum Ziel gesetzt das Erstellen und Verwalten von Inhalten auf Webseiten möglichst einfach und intuitiv zu gestalten. Aktuell gibt es viele verschiedene Konzepte (Beiträge, Widgets, Shortcodes, Menüs, Benutzerdefinierte Felder …) um Inhalte zu verwalten und die Art von Inhalten hat sich in den letzten Jahren immer weiter diversifiziert. Gutenberg soll die Grundlage für die nächsten Jahre in WordPress und somit für 30% des Internets schaffen. Die Entwicklungsphase von Gutenberg kann dabei in drei Schritte unterteilt werden.