Definition
Der Gutenberg Editor ist der seit WordPress 5.0 (Dezember 2018) standardmäßig integrierte Inhaltseditor. Er ersetzt den klassischen TinyMCE-Editor durch ein Block-basiertes System, bei dem jedes Inhaltselement — Absatz, Bild, Überschrift, Liste, Video — als eigenständiger Block behandelt wird.
Bedeutung
Gutenberg verändert die Art, wie Inhalte in WordPress erstellt und strukturiert werden. Statt einer einzigen Texteingabefläche arbeiten Redakteure mit modularen Bausteinen, die einzeln positioniert, formatiert und wiederverwendet werden können. Für Entwickler eröffnet das System die Möglichkeit, eigene Blöcke (Custom Blocks) zu erstellen, die redaktionelle Workflows und Design-Konsistenz technisch erzwingen.
Funktionsweise
Jeder Block im Gutenberg Editor ist ein eigenständiges UI-Element mit eigenen Einstellungen und Attributen. Blöcke werden intern als speziell formatierte HTML-Kommentare gespeichert, die WordPress beim Rendern der Seite interpretiert. So kann ein Absatz-Block Layout-Optionen wie Textausrichtung oder Hintergrundfarbe tragen, ohne dass der Redakteur HTML schreiben muss. Blöcke lassen sich zu wiederverwendbaren Patterns zusammenfassen und über den Block Inserter durchsuchen und einfügen. Seit WordPress 5.9 steuert der Gutenberg Editor als Site Editor auch Templates und globale Elemente wie Header und Footer.
Praxisbeispiel
Ein Unternehmen mit 15 Redakteuren nutzt Custom Blocks für Testimonials, Produkt-Vergleichstabellen und Call-to-Action-Elemente. Die Blöcke haben fest definierte Felder (Name, Zitat, Bewertung), sodass Redakteure keine Layout-Entscheidungen treffen müssen — das Design bleibt konsistent, unabhängig davon, wer den Inhalt erstellt.
Verwandte Begriffe
- Block Theme: Ein WordPress-Theme, das vollständig auf Gutenberg-Blöcken basiert und den Site Editor für globale Gestaltung nutzt.
- Custom Block: Ein selbst entwickelter Gutenberg-Block mit eigener Logik, eigenem Markup und eigenen Einstellungsfeldern.
- Full Site Editing (FSE): Die Erweiterung des Gutenberg Editors auf alle Bereiche einer WordPress-Seite, einschließlich Header, Footer und Templates.