WordPress Gutenberg-Editor 2026: Der komplette Guide zum Block-Editor

💡 Das Wichtigste in KürzeDer Gutenberg-Editor ist der Standard-Block-Editor von WordPress seit Version 5.0. Inhalte entstehen aus einzelnen Blöcken — ganz ohne Code. Diese Anleitung zeigt Oberfläche, die wichtigsten Blöcke, wiederverwendbare Muster, Full Site Editing sowie den Vergleich mit Classic Editor und Page Buildern wie Elementor.

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.

📋 Inhaltsverzeichnis (auf- / zuklappen)

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.

Kurz gesagt: Gutenberg ist der Block-Editor von WordPress. Inhalte entstehen aus einzelnen Blöcken, die Sie per Klick hinzufügen, per Drag-and-drop anordnen und mit wenigen Einstellungen formatieren — ganz ohne HTML- oder CSS-Kenntnisse.

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.

Profi-Tipp: Mit der Tastenkombination Schrägstrich gefolgt vom Blocknamen fügen Sie Blöcke blitzschnell ein — etwa Schrägstrich bild oder Schrägstrich tabelle. Das spart bei jeder Seite spürbar Zeit.

Mit Blöcken arbeiten: Schritt für Schritt

Das Grundprinzip ist in wenigen Minuten gelernt. So erstellen Sie Ihren ersten Inhalt im Gutenberg-Editor:

  1. Block hinzufügen: Auf das blaue Plus klicken oder einfach eine neue Zeile beginnen und lostippen — Text wird automatisch zum Absatz-Block.
  2. Blocktyp wählen: Über das Plus den passenden Block suchen (Überschrift, Bild, Liste, Button, Spalten, Tabelle).
  3. Block bearbeiten: Inhalt eingeben und über die Werkzeugleiste oder die rechte Seitenleiste formatieren.
  4. Block verschieben: Mit den Pfeil-Symbolen oder per Drag-and-drop am Sechs-Punkte-Griff an die richtige Stelle ziehen.
  5. Block duplizieren oder löschen: Über das Drei-Punkte-Menü des Blocks — praktisch für wiederkehrende Elemente.
  6. 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.

Achtung: Wer ein synchronisiertes Muster bearbeitet, ändert es auf allen Seiten gleichzeitig. Soll nur eine Stelle abweichen, wandeln Sie das Muster vorher in einen normalen Block um.

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
Unsere Empfehlung aus der Praxis: Für schnelle, sauber strukturierte Websites setzen wir bei der Werbeagentur Luppert in Landau bevorzugt auf den Gutenberg-Editor — er ist ladezeit-freundlich und zukunftssicher. Für sehr designlastige Projekte kombinieren wir ihn gezielt mit einem Page Builder. Welcher Weg für Ihr Projekt der richtige ist, klären wir in einem kurzen Gespräch.

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:

  1. Im WordPress-Dashboard auf Plugins, Installieren gehen.
  2. Nach dem Plugin Classic Editor suchen, installieren und aktivieren.
  3. 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.

Für maximale Geschwindigkeit kombinieren wir den Gutenberg-Editor mit einem schlanken Theme, optimierten Bildern (WebP und AVIF) und einem Caching-Plugin. So erreichen unsere WordPress-Websites zuverlässig PageSpeed-Werte von 90+ — auch auf dem Smartphone.

Ihre WordPress-Website ab 759 Euro

Festpreis, DSGVO-konform, PageSpeed 90+ und 12 Monate Support inklusive.

Jetzt kostenloses Angebot anfragen

Häufige Fragen zum WordPress Gutenberg-Editor

Ist der Gutenberg-Editor kostenlos? +
Ja. Der Gutenberg- bzw. Block-Editor ist seit WordPress 5.0 fester Bestandteil von WordPress und vollständig kostenlos. Es fallen keine zusätzlichen Lizenzgebühren an, anders als bei manchen Premium-Page-Buildern.
Brauche ich Programmierkenntnisse für Gutenberg? +
Nein. Der Block-Editor ist genau dafür gemacht, Inhalte ohne HTML- oder CSS-Kenntnisse zu erstellen. Wer tiefer eingreifen möchte, kann zusätzlich eigenes CSS oder den HTML-Block nutzen — Pflicht ist das aber nicht.
Was ist der Unterschied zwischen Gutenberg und einem Theme? +
Gutenberg ist der Editor, mit dem Sie Inhalte erstellen. Das Theme bestimmt das grundsätzliche Aussehen Ihrer Website. Beide arbeiten zusammen: Mit einem Block-Theme können Sie über Full Site Editing sogar das Theme-Layout im Gutenberg-Editor anpassen.
Kann ich vom Classic Editor zu Gutenberg wechseln? +
Ja. Bestehende Inhalte werden beim Öffnen in einen Classic-Block übernommen und funktionieren weiter. Diesen Block können Sie anschließend per Klick in einzelne Gutenberg-Blöcke umwandeln und so schrittweise modernisieren.
Ist Gutenberg gut für SEO? +
Ja. Gutenberg erzeugt sauberen, schlanken Code und erleichtert eine klare Überschriften-Struktur (H2 und H3), die Suchmaschinen mögen. In Kombination mit einem schnellen Theme und einem SEO-Plugin wie Yoast ist der Block-Editor eine sehr gute SEO-Basis.
Lohnt sich für mein Projekt eher Gutenberg oder ein Page Builder? +
Für die meisten Unternehmens-Websites, Blogs und schlanke Seiten reicht Gutenberg vollkommen und ist schneller. Sehr designlastige Landingpages profitieren von einem Page Builder. Gern beraten wir Sie unverbindlich, welche Lösung zu Ihrem Vorhaben passt, telefonisch unter +49 176 21 776099.

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.

WordPress ab
759 €
Festpreis · DSGVO

Kostenloses Angebot☎ Jetzt anrufen

Ihre Vorteile
✔ Saubere Block-Struktur
✔ Ladezeit-optimiert (PageSpeed 90+)
✔ DSGVO-konform
✔ Ohne teure Page-Builder-Bindung
✔ 12 Monate Support


0/5 (0 Bewertung)