Webdesign

Gutenberg

Gutenberg bezeichnet den blockbasierten WordPress-Editor und das dazugehörige Projekt zur modernen Gestaltung von Inhalten und Websites.

Im Gutenberg-Editor besteht Inhalt aus strukturierten Blöcken – dadurch lassen sich Texte, Medien und Layouts modular bearbeiten und wiederverwenden.

★Das Wichtigste in Kürze

✓Gutenberg wurde mit WordPress 5.0 zum Standardeditor.
✓Absätze, Überschriften, Bilder und Layoutbereiche sind eigenständige Blöcke.
✓Block-Einstellungen steuern Inhalt, Stil und Verhalten.
✓Patterns kombinieren mehrere Blöcke zu wiederverwendbaren Layouts.
✓Themes und Plugins können eigene Blöcke bereitstellen.

Was ist Gutenberg?

Gutenberg ist der gebräuchliche Name für den WordPress Block Editor und die fortlaufende Entwicklung blockbasierter Funktionen. Er ersetzte den klassischen Editor als Standardoberfläche für Beiträge und Seiten.

Wie funktioniert Gutenberg?

Jedes Inhaltselement wird als Block gespeichert und im Editor separat ausgewählt, verschoben und konfiguriert. WordPress rendert die Blockstruktur im Frontend; Theme-Stile und Blockdefinitionen bestimmen die Darstellung.

Gutenberg in der Praxis

Ein Glossar kann einen festen Aufbau aus Lead, Kernaussagen, Inhaltsverzeichnis, Abschnitten und FAQ nutzen. Eigene PixelForge-Blöcke sorgen dabei für konsistentes Design, während jeder Beitrag individuellen Inhalt erhält.

💡

Blockfehler vermeiden

Wird das gespeicherte HTML eines Blocks außerhalb seiner erwarteten Struktur verändert, kann WordPress den Block als ungültig melden. Änderungen sollten über Blockattribute oder kontrollierten Code erfolgen.

Gutenberg sinnvoll optimieren

Empfohlener Ablauf

1

Struktur planen

Wiederkehrende Inhaltsbereiche und variable Bestandteile werden getrennt.
2

Passende Blöcke wählen

Semantische Standard- oder Projektblöcke ersetzen unnötige Sonderlösungen.
3

Patterns erstellen

Bewährte Kombinationen werden als Vorlage für konsistente Seiten genutzt.
4

Responsive prüfen

Abstände, Typografie und Bedienung werden auf kleinen und großen Displays getestet.
5

Sauber warten

Updates, Block-Kompatibilität und wiederverwendete Inhalte werden vor Veröffentlichung geprüft.

Mit dem Gutenberg-Editor strukturierte Seiten erstellen

Gutenberg ist der blockbasierte Editor von WordPress. Texte, Überschriften, Bilder, Spalten, Buttons und weitere Elemente werden als einzelne Blöcke verwaltet. Dadurch lassen sich Inhalte flexibel aufbauen, ohne jede Änderung im HTML-Code vorzunehmen. Wiederverwendbare Muster und synchronisierte Blöcke erleichtern ein einheitliches Design, besonders bei häufig genutzten Inhaltsabschnitten.

Für stabile und schnelle Seiten sollten Redakteure möglichst auf die Blöcke des Themes oder ausgewählte, gut gepflegte Erweiterungen setzen. Zu viele Block-Sammlungen können Bedienung, Wartung und Ladezeit unnötig belasten. Semantisch korrekte Überschriften, optimierte Bilder und konsistente Abstände verbessern Lesbarkeit und Barrierefreiheit. Vor größeren Änderungen sind Vorschau, mobile Kontrolle und ein aktuelles Backup sinnvoll.

Häufig gestellte Fragen

Häufige Fragen

Was ist Gutenberg in WordPress?+

Der blockbasierte Editor und das Entwicklungsprojekt hinter modernen WordPress-Bearbeitungsfunktionen.

Seit wann ist Gutenberg Standard?+

Seit WordPress 5.0, das im Dezember 2018 veröffentlicht wurde.

Was ist ein Block?+

Ein eigenständig bearbeitbares Inhaltselement wie Absatz, Bild, Überschrift oder Gruppe.

Was ist ein Block Pattern?+

Eine vorbereitete Kombination mehrerer Blöcke für wiederkehrende Layouts.

Kann man eigene Gutenberg-Blöcke erstellen?+

Ja. Themes und Plugins können projektspezifische Blöcke registrieren.

← Zurück zum Glossar