WordPress Gutenberg-Editor 2026: Der komplette Guide zum Block-Editor
Der Gutenberg-Editor wirkt auf den ersten Blick ungewohnt, ist aber in wenigen Minuten gelernt. Dieser Praxis-Guide führt Sie Schritt für Schritt durch den Block-Editor von WordPress: von den Grundlagen über die wichtigsten Blöcke bis zu Full Site Editing und der Frage, wann sich ein Page Builder lohnt.
Was ist der Gutenberg-Editor?
Der Gutenberg-Editor ist der Standard-Editor von WordPress, eingeführt mit WordPress 5.0 im Dezember 2018. Er ersetzt das frühere klassische Eingabefeld durch ein modernes Block-Prinzip: Jeder Inhalt — ein Absatz, eine Überschrift, ein Bild, ein Button, eine Tabelle — ist ein eigener Block, den Sie einzeln verschieben, gestalten und wiederverwenden können. Offiziell heißt er heute Block-Editor, der Projektname Gutenberg ist aber geblieben.
Statt wie früher reinen Text in ein Feld zu schreiben, bauen Sie eine Seite aus Bausteinen zusammen — ähnlich wie bei einem Baukasten, nur direkt in WordPress integriert und ohne zusätzliches Plugin. Das macht den Gutenberg-Editor zur Grundlage für nahezu jede WordPress-Website im Jahr 2026.
Gutenberg vs. Classic Editor: die Unterschiede
Viele Umsteiger fragen sich, ob der neue Block-Editor wirklich besser ist als der gewohnte Classic Editor. Die Antwort hängt vom Anwendungsfall ab, aber für die allermeisten Websites ist Gutenberg 2026 die klar bessere Wahl: Er ist aktiv weiterentwickelt, bietet Layout-Funktionen, die früher Plugins erforderten, und ist die Basis für das moderne Full Site Editing.
| Merkmal | Gutenberg (Block-Editor) | Classic Editor |
|---|---|---|
| Bedienung | Blöcke per Klick & Drag-and-drop | Ein durchgehendes Textfeld |
| Layouts (Spalten, Buttons) | Eingebaut, ohne Plugin | Nur über Code oder Shortcodes |
| Weiterentwicklung | Aktiv, Kern von WordPress | Nur noch via Plugin |
| Lernkurve | Etwas Umgewöhnung nötig | Vertraut für Word-Nutzer |
| Full Site Editing | Ja | Nein |
Der Classic Editor wird offiziell weiterhin gepflegt, solange er gebraucht wird — er ist also kein Sicherheitsrisiko. Trotzdem empfehlen wir Neukunden grundsätzlich den Gutenberg-Editor, weil er zukunftssicher ist und die volle Funktionsvielfalt von WordPress freischaltet.
Ein praktischer Vorteil im Alltag: Weil Layout-Elemente wie Spalten, Buttons oder Hinweis-Boxen bereits eingebaut sind, brauchen Sie für ein ansprechendes Ergebnis deutlich weniger Plugins. Jedes eingesparte Plugin bedeutet weniger Wartungsaufwand, weniger potenzielle Sicherheitslücken und in der Regel eine schnellere Website. Genau deshalb ist der schlanke Block-Editor gerade für kleine und mittlere Unternehmen aus der Region eine wirtschaftlich kluge Grundlage.
Die Gutenberg-Oberfläche im Überblick
Wenn Sie eine Seite oder einen Beitrag öffnen, begegnen Ihnen vier zentrale Bereiche. Wer sie kennt, arbeitet im Gutenberg-Editor deutlich schneller:
1. Der Block-Inserter (das blaue Plus oben links): Hier fügen Sie neue Blöcke ein. 2. Die Block-Werkzeugleiste: Sie erscheint direkt über jedem markierten Block und bietet schnelle Formatierungen wie Ausrichtung, Fett und Link. 3. Die Einstellungen-Seitenleiste (rechts): Sie ist in Beitrag und Block unterteilt und steuert Details wie Farben, Abstände oder Schriftgrößen. 4. Die Listenansicht (Symbol oben links): Sie zeigt alle Blöcke als übersichtliche Baumstruktur — ideal bei langen Seiten.
Mit Blöcken arbeiten: Schritt für Schritt
Das Grundprinzip ist in wenigen Minuten gelernt. So erstellen Sie Ihren ersten Inhalt im Gutenberg-Editor:
- Block hinzufügen: Auf das blaue Plus klicken oder einfach eine neue Zeile beginnen und lostippen — Text wird automatisch zum Absatz-Block.
- Blocktyp wählen: Über das Plus den passenden Block suchen (Überschrift, Bild, Liste, Button, Spalten, Tabelle).
- Block bearbeiten: Inhalt eingeben und über die Werkzeugleiste oder die rechte Seitenleiste formatieren.
- Block verschieben: Mit den Pfeil-Symbolen oder per Drag-and-drop am Sechs-Punkte-Griff an die richtige Stelle ziehen.
- Block duplizieren oder löschen: Über das Drei-Punkte-Menü des Blocks — praktisch für wiederkehrende Elemente.
- Speichern und Vorschau: Oben rechts Entwurf speichern oder Veröffentlichen, vorab über die Vorschau prüfen.
Diese sechs Schritte decken rund 90 Prozent der täglichen Arbeit ab. Alles Weitere — Spalten, Abstände, Farben — bauen Sie nach demselben Block-Prinzip auf.
Die wichtigsten Gutenberg-Blöcke
WordPress liefert über 90 Standard-Blöcke mit. Im Alltag brauchen Sie davon nur eine Handvoll. Diese Blöcke decken die meisten Anwendungsfälle ab:
| Block | Wofür |
|---|---|
| Absatz | Standard-Fließtext |
| Überschrift | H2 bis H6 für Struktur und SEO |
| Bild / Galerie | Einzelbilder und Bildraster |
| Spalten | Mehrspaltige Layouts |
| Button | Call-to-Actions |
| Cover | Hero-Bereiche mit Hintergrundbild |
| Liste / Tabelle | Aufzählungen und Datentabellen |
| Gruppe | Mehrere Blöcke gemeinsam stylen |
Wiederverwendbare Blöcke und Block-Patterns
Zwei Funktionen heben den Gutenberg-Editor von einfachen Editoren ab und sparen im Alltag enorm viel Zeit:
Synchronisierte Muster (früher: wiederverwendbare Blöcke)
Ein einmal gebauter Block — etwa eine Kontakt-Box oder ein Hinweisfeld — lässt sich als synchronisiertes Muster speichern und auf beliebig vielen Seiten einsetzen. Ändern Sie das Muster an einer Stelle, aktualisiert WordPress alle Vorkommen automatisch. Ideal für Inhalte, die überall identisch sein sollen.
Block-Patterns (Vorlagen)
Patterns sind fertige Layout-Vorlagen aus mehreren Blöcken — zum Beispiel ein komplettes Preis-Raster oder ein Team-Bereich. Sie fügen das Pattern ein und passen nur noch Texte und Bilder an. Das beschleunigt den Seitenaufbau erheblich, ohne dass Sie das Design von Grund auf neu bauen müssen.
Full Site Editing und Block-Themes 2026
Mit dem Full Site Editing (FSE) hat sich Gutenberg vom reinen Inhaltseditor zum kompletten Website-Editor entwickelt. In Kombination mit einem Block-Theme bearbeiten Sie damit nicht nur einzelne Seiten, sondern auch Header, Footer, Seitenvorlagen und globale Stile — alles im selben visuellen Editor.
Für viele Projekte ist das ein großer Schritt nach vorn: Designänderungen, die früher Theme-Anpassungen im Code erforderten, erledigen Sie heute per Klick. Wichtig zu wissen ist allerdings, dass FSE nur mit echten Block-Themes funktioniert. Klassische Themes wie Astra arbeiten weiterhin mit dem Customizer, lassen sich aber problemlos mit dem Gutenberg-Editor für Inhalte kombinieren.
Ob ein reines Block-Theme mit Full Site Editing oder die bewährte Kombination aus Astra und Block-Editor besser passt, hängt vom Projekt ab. Block-Themes spielen ihre Stärken bei Teams aus, die Layouts häufig selbst anpassen wollen. Wer dagegen eine stabile, performante Basis sucht und sich auf Inhalte konzentrieren möchte, fährt mit einem etablierten Theme oft ruhiger. Beide Wege sind 2026 zukunftsfähig — entscheidend ist eine saubere Einrichtung von Anfang an.
Gutenberg oder Page Builder wie Elementor?
Eine der häufigsten Fragen bei einem WordPress-Projekt: Reicht der Gutenberg-Editor oder braucht es einen Page Builder wie Elementor? Beide Wege führen zu professionellen Ergebnissen, haben aber unterschiedliche Stärken.
| Kriterium | Gutenberg | Page Builder (Elementor) |
|---|---|---|
| Ladezeit | Sehr schlank, wenig Code | Mehr Code, oft langsamer |
| Design-Freiheit | Solide, etwas begrenzter | Maximal flexibel |
| Abhängigkeit | Kein Plugin nötig | Bindung an das Plugin |
| Ideal für | Blogs, schlanke Seiten | Komplexe Landingpages |
Gutenberg deaktivieren und Classic Editor zurückholen
Sie kommen mit dem Block-Editor nicht zurecht oder haben eine ältere Website mit Shortcodes? Dann lässt sich Gutenberg jederzeit deaktivieren. Der offizielle Weg ist das kostenlose Plugin Classic Editor von WordPress selbst:
- Im WordPress-Dashboard auf Plugins, Installieren gehen.
- Nach dem Plugin Classic Editor suchen, installieren und aktivieren.
- Unter Einstellungen, Schreiben festlegen, ob der klassische Editor Standard sein soll.
Alternativ blendet das Plugin Disable Gutenberg den Block-Editor gezielt für bestimmte Beitragstypen oder Benutzerrollen aus. Beide Lösungen sind reversibel — Sie können jederzeit zum Gutenberg-Editor zurückkehren.
Häufige Probleme und Performance-Tipps
Der Gutenberg-Editor läuft stabil, gelegentlich treten aber typische Stolpersteine auf. Die häufigsten lassen sich in Minuten beheben:
Editor lädt nicht oder weißer Bildschirm: Meist ein Plugin-Konflikt. Deaktivieren Sie testweise Plugins und prüfen Sie die Browser-Konsole. Blöcke werden nicht korrekt angezeigt: Leeren Sie den Cache (Browser und Caching-Plugin). Langsamer Editor bei langen Seiten: Nutzen Sie die Listenansicht und teilen Sie sehr lange Inhalte in mehrere Seiten. Für die Performance der fertigen Seite gilt: Wenige, gut strukturierte Blöcke laden schneller als hundert verschachtelte Gruppen.
Ihre WordPress-Website ab 759 Euro
Festpreis, DSGVO-konform, PageSpeed 90+ und 12 Monate Support inklusive.
Häufige Fragen zum WordPress Gutenberg-Editor
Fazit
Der Gutenberg-Editor ist 2026 das Herzstück von WordPress. Wer das Block-Prinzip einmal verstanden hat, erstellt Seiten schneller, strukturierter und ohne Code — von einfachen Textseiten bis zu mehrspaltigen Layouts mit Buttons, Spalten und Hero-Bereichen. Mit synchronisierten Mustern, Block-Patterns und Full Site Editing ist er klassischen Editoren deutlich überlegen und zugleich schlanker als viele Page Builder.
Sie möchten eine schnelle, sauber aufgebaute WordPress-Website, die den Gutenberg-Editor optimal nutzt, ohne sich selbst durch jede Einstellung zu arbeiten? Die Werbeagentur Luppert aus Landau in der Pfalz baut Ihre Website zum Festpreis ab 759 Euro, DSGVO-konform und mit PageSpeed 90+. Rufen Sie uns an unter +49 176 21 776099 oder fordern Sie Ihr kostenloses Angebot an.
📚 Das könnte Sie auch interessieren
🧱WordPress Page BuilderGutenberg, Elementor und Co. im Vergleich.🎨Elementor TutorialSchritt für Schritt zur Seite mit Elementor.⚡Astra WordPress ThemeDas schlanke Theme für schnelle Seiten.🚀WordPress Website erstellenVon der Idee zur fertigen Website.


