Artikel teilen

Seit WordPress 5.0 aus dem Jahr 2018 ist der Block-Editor der Standard-Editor von WordPress. Jeder Absatz, jede Überschrift und jedes Bild bildet darin einen eigenen Block. Aus dem anfangs umstrittenen Werkzeug ist die Grundlage für ganze Websites geworden: Mit WordPress 7.1 vom 19. August 2026 gestaltet der Editor Blöcke sogar je nach Bildschirmgröße, ohne eigenes CSS.[4]

Ein Klick · kostenlosDr. Web bei Google bevorzugenMarkieren Sie drweb.de als bevorzugte Quelle. Dann sehen Sie unsere Artikel öfter unter den Top-Meldungen.Jetzt hinzufügen
Inhalt 7 Abschnitte
  1. Was unterscheidet Block-Editor, Gutenberg und Gutenberg-Plugin?
  2. Wie erstellen Sie einen Beitrag im Block-Editor?
  3. Was leisten Block-Patterns?
  4. Was kann der Website-Editor heute?
  5. Block-Editor oder Page Builder: Was passt zu Ihrem Projekt?
  6. Glossar: Begriffe zum WordPress-Block-Editor
  7. FAQ: WordPress-Block-Editor

Dieser Überblick zeigt den Stand im Oktober 2026: was Block-Editor, Gutenberg und Gutenberg-Plugin unterscheidet, wie ein Beitrag entsteht, was Block-Patterns und der Website-Editor leisten und wann ein Page Builder trotzdem sinnvoll ist.

Auf einen Blick

Das Wichtigste in Kürze

  • Der Block-Editor ist seit WordPress 5.0 der Standard-Editor. Gutenberg heißt das Projekt dahinter, das Gutenberg-Plugin liefert neue Funktionen vorab.
  • Das Projekt steckt in der dritten von vier Phasen, der Zusammenarbeit.
  • WordPress 7.1 bringt responsive Gestaltung ohne CSS, einen Tabs- und einen Playlist-Block sowie Notizen mit @-Erwähnungen.
  • Für die meisten Firmenwebsites reichen die Bordmittel, ein Page Builder lohnt vor allem bei sehr freien Layouts.

Was unterscheidet Block-Editor, Gutenberg und Gutenberg-Plugin?

Bausteinstapel: zwei weiße und ein oranger Block, beschriftet mit „Editor 2026“
Gutenberg ist das Projekt zur Umstellung von WordPress auf Blöcke. Der Block-Editor wird oft so genannt, korrekt ist der Name aber nur für das Projekt und das Plugin

Die Begriffe gehen oft durcheinander. Gutenberg war ursprünglich der Name des gesamten Projekts, mit dem WordPress auf Blöcke umgestellt wurde. Viele nennen den Block-Editor bis heute so, korrekt ist der Name aber nur für das Projekt und für das gleichnamige Plugin.

Das Gutenberg-Plugin enthält Funktionen, die noch in Entwicklung sind und erst später in den Kern von WordPress wandern.[5] Auf Live-Websites hat das Plugin deshalb nichts verloren. Der Block-Editor selbst ist ohne Zusatz installiert und steht in jeder WordPress-Version ab 5.0 bereit.

Zum Start war der Editor fehlerhaft und in der Community heftig umstritten. Inzwischen läuft er stabil und deckt die Gestaltung der meisten Inhaltsseiten ohne Zusatz-Plugin ab.

Das Projekt folgt einem Fahrplan in vier Phasen: einfacheres Bearbeiten, Anpassung der gesamten Website, Zusammenarbeit und Mehrsprachigkeit. Laut WordPress-Roadmap läuft derzeit Phase 3, die Zusammenarbeit.[1]

Gutenberg in vier Phasen
Der Fahrplan des Block-Editor-Projekts, Stand Oktober 2026
Phase 1
Einfacheres Bearbeiten

Der Block-Editor für Beiträge und Seiten, seit WordPress 5.0 Standard und laufend verbessert.

Phase 2
Anpassung

Website-Editor, Block-Patterns, Block-Verzeichnis und Block-Themes für die gesamte Website.

Phase 3
Zusammenarbeit

Gemeinsames Arbeiten an Inhalten. Diese Phase läuft derzeit, WordPress 7.1 brachte Notizen mit @-Erwähnungen.

Phase 4
Mehrsprachigkeit

Mehrsprachige Websites als Funktion im Kern von WordPress, als letzte Phase geplant.

Gleichzeitiges Bearbeiten eines Beitrags durch mehrere Personen gehört noch nicht zum Kern.

Phase 3 kommt in Etappen. Die zunächst für WordPress 7.0 angekündigte Echtzeit-Bearbeitung durch mehrere Personen fehlt bis heute im Kern. WordPress 7.1 brachte stattdessen Notizen, die an beliebiger Stelle im Text stehen, Formatierungen und Links erlauben und Beteiligte per @-Erwähnung benachrichtigen.[4]

Zurück zum alten Editor führt das offizielle Plugin Classic Editor, das auf mehr als acht Millionen Websites läuft. Volle Unterstützung sagt die Plugin-Seite bis 2024 oder so lange wie nötig zu. Die aktuelle Version 1.7.0 ist mit WordPress 7.0.7 getestet.[2]

Wie erstellen Sie einen Beitrag im Block-Editor?

Turm aus vier Würfeln auf Weiß: drei weiße unten (der unterste mit Aufschrift „Blöcke 2026“), einer orange oben
Absatz, Überschrift, Bild: Im Block-Editor entsteht jeder Beitrag aus einzelnen Blöcken.

Unter „Beiträge“ und „Erstellen“ öffnet sich der Editor mit einer leeren Fläche. Neue Blöcke fügen Sie über das Plus-Symbol ein oder tippen einen Schrägstrich gefolgt vom Blocknamen, etwa /überschrift oder /bild. Die Mitte zeigt den Inhalt annähernd so, wie er später auf der Website erscheint.

Jeder Block hat zwei Bedienbereiche. Die Block-Werkzeugleiste direkt über dem Block steuert Ausrichtung, Textausrichtung und Verlinkung. Die Seitenleiste rechts enthält die Eigenschaften, etwa Farbe, Schriftgröße, Abstände und Breite.

Eine Überschrift legt der Editor zunächst als H2 an. Nach der Eingabe öffnet die Eingabetaste einen neuen Absatz-Block. Dort tippen Sie direkt weiter oder wählen per Schrägstrich einen anderen Block, zum Beispiel ein Bild.

Bilder laden Sie im Bild-Block hoch oder übernehmen ein vorhandenes Motiv aus der Mediathek. Seit WordPress 7.1 schneidet ein neuer Medien-Editor frei oder im festen Seitenverhältnis zu, spiegelt und dreht Motive und bearbeitet die Metadaten.[4] Formate wie AVIF und HEIC verarbeitet WordPress jetzt direkt im Browser.

Bei längeren Beiträgen hilft die Listenansicht, eine Gliederung aller Blöcke samt Verschachtelung. Das Symbol oben links in der Werkzeugleiste öffnet die Ansicht, ebenso die Tastenkombination Umschalt + Alt + O, am Mac ⌃ + ⌥ + O.[3]

Die vollständige Liste der Tastenkürzel blendet Umschalt + Alt + H ein, am Mac ⌃ + ⌥ + H. Die wichtigsten zeigt die folgende Übersicht.

Sechs Tastenkürzel für den Block-Editor
Windows und Mac im Vergleich
Übersicht
Listenansicht

Windows: Umschalt + Alt + O
Mac: ⌃ + ⌥ + O

Hilfe
Alle Kürzel

Windows: Umschalt + Alt + H
Mac: ⌃ + ⌥ + H

Seitenleiste
Einstellungen

Windows: Strg + Umschalt + Komma
Mac: ⇧ + ⌘ + Komma

Block
Duplizieren

Windows: Strg + Umschalt + D
Mac: ⇧ + ⌘ + D

Block
Gruppieren

Windows: Strg + G
Mac: ⌘ + G

Ansicht
Code-Editor

Windows: Strg + Umschalt + Alt + M
Mac: ⇧ + ⌥ + ⌘ + M

Ein Schrägstrich in einem leeren Absatz öffnet die Blockauswahl, etwa /bild oder /überschrift.

Was leisten Block-Patterns?

Weißer Stempel mit Anhänger „VORLAGE 2026“ und orangefarbenem Gittermuster daneben
Block-Patterns machen aufwendige Abschnitte wiederverwendbar.

Block-Patterns sind fertige Vorlagen aus mehreren Blöcken, etwa ein Bild neben einem Text oder ein Kontaktbereich in Spalten. Nach dem Einfügen ändern Sie Texte und Bilder, die Gestaltung bleibt erhalten.

Lohnend sind Patterns vor allem für aufwendig formatierte Abschnitte, die immer wiederkehren. Eigene Vorlagen legen Sie im Editor an oder registrieren eigene Muster im Theme, fertige Entwürfe bietet das Pattern-Verzeichnis auf wordpress.org.[6]

Synchronisierte Patterns gehen einen Schritt weiter. Ändern Sie die Vorlage an einer Stelle, übernimmt WordPress die Änderung überall, wo das Pattern eingesetzt ist. Bei Kontaktboxen oder Hinweisen am Beitragsende spart das viel Pflegeaufwand.

Was kann der Website-Editor heute?

Hausmodell vor weißem Hintergrund mit Aufschrift „Website 2026“
Der Website-Editor gestaltet Kopfbereich, Navigation und Fußzeile mit Blöcken.

Mit WordPress 5.9 kam Anfang 2022 das Full Site Editing, heute Website-Editor genannt. Der Editor bearbeitet nicht nur Inhalte, sondern auch Templates für Seiten und Beiträge sowie Template-Teile wie Kopfbereich, Navigation und Fußzeile.

Voraussetzung ist ein Block-Theme. Farben, Schriften und Abstände legt die Datei theme.json fest, im Editor heißen diese Vorgaben globale Stile. Klassische Themes funktionieren weiterhin, nutzen den Website-Editor aber nur teilweise.

WordPress 7.1 hat den Editor deutlich erweitert. Blöcke lassen sich jetzt je nach Bildschirmgröße gestalten, über die globalen Stile oder direkt in den Blockeinstellungen, ohne eigenes CSS. Themes können dafür eigene Breakpoints, also die Bildschirmbreiten, ab denen sich das Layout ändert, für Smartphone und Tablet in der theme.json festlegen.[4]

Neu sind außerdem ein Tabs-Block für Inhalte in Registerkarten und ein Playlist-Block für mehrere Audiotitel. Der Button-Block erhält eigene Stile für Hover, Fokus und Klick, also für den Mauszeiger über dem Button, die Auswahl per Tastatur und das Anklicken.[4]

Block-Editor oder Page Builder: Was passt zu Ihrem Projekt?

Weiße Balkenwaage, Aufschrift
Bordmittel oder Zusatz-Plugin: Die Wahl hängt vom Layout ab.

Für die meisten Firmenwebsites, Blogs und Landingpages reichen die Bordmittel. Der Block-Editor gehört zum Kern, kostet nichts und wird mit jedem WordPress-Update weiterentwickelt. Inhalte bleiben auch nach einem Theme-Wechsel als Blöcke erhalten.

Page Builder wie Elementor, Divi oder Bricks bieten mehr Gestaltungsfreiheit und eigene Bibliotheken mit Vorlagen und Widgets. Der Preis ist die Abhängigkeit: Viele Builder speichern Layouts in eigenen Strukturen, die nach dem Deaktivieren nicht mehr sauber dargestellt werden. Ausführlich stellt der Beitrag zu Elementor einen der verbreitetsten Builder vor.

Der Block-Editor ist längst kein Notbehelf mehr. Wer heute einen Page Builder installiert, sollte einen Grund nennen können, den die Bordmittel nicht abdecken.

Markus Seyfferth, Chefredakteur Dr. Web
Zitat teilen

Seit WordPress 7.1 responsive Gestaltung ohne Code beherrscht, ist ein früheres Hauptargument für Builder weggefallen. Wer trotzdem mehr gestalterische Freiheit braucht, als die Bordmittel bieten, sollte vor der Wahl prüfen, wie ein Builder Layouts speichert und was beim Deaktivieren übrig bleibt; welche Anbieter infrage kommen, zeigt der Vergleich der Page Builder für WordPress.

Glossar: Begriffe zum WordPress-Block-Editor

Weiße Karteibox mit Beschriftung
Die wichtigsten Begriffe von Block bis Website-Editor.

Block

Einzelnes Inhaltselement im Editor, etwa ein Absatz, eine Überschrift, ein Bild oder eine Liste. Jeder Block hat eigene Einstellungen.

Block-Editor

Standard-Editor von WordPress seit Version 5.0, in dem Inhalte aus Blöcken zusammengesetzt werden.

Block-Pattern

Fertige Vorlage aus mehreren Blöcken, die sich einfügen und anpassen lässt. Synchronisierte Patterns ändern sich überall mit.

Block-Theme

Theme, das vollständig aus Blöcken und Templates besteht und den Website-Editor voll unterstützt.

Breakpoint

Bildschirmbreite, ab der sich ein Layout ändert, etwa beim Wechsel vom Smartphone zum Tablet.

Classic Editor

Offizielles Plugin, das den Editor aus der Zeit vor WordPress 5.0 zurückbringt.

Gutenberg-Plugin

Plugin mit Funktionen in Entwicklung, die später in den Kern von WordPress übernommen werden. Für Testumgebungen gedacht.

Listenansicht

Gliederung aller Blöcke eines Beitrags samt Verschachtelung, zu öffnen mit Umschalt + Alt + O.

Page Builder

Zusatz-Plugin mit eigenem visuellen Editor für freie Layouts, etwa Elementor, Divi oder Bricks.

theme.json

Konfigurationsdatei eines Block-Themes mit Vorgaben für Farben, Schriften, Abstände und Breakpoints.

Website-Editor

Editor für Templates und Template-Teile wie Kopfbereich und Fußzeile, früher Full Site Editing genannt.

FAQ: WordPress-Block-Editor

Oranges Fragezeichen mit „FAQ 2026“-Schild und leerer weißer Karte auf hellem Grund
Antworten auf häufige Fragen zum WordPress-Block-Editor.

Was ist der Unterschied zwischen Gutenberg und dem Block-Editor?

Gutenberg ist der Name des Projekts, mit dem WordPress auf Blöcke umgestellt wurde, und des Plugins mit Funktionen in Entwicklung. Der Block-Editor ist der Standard-Editor, der seit WordPress 5.0 zum Kern gehört.

Kann ich den alten Editor weiter nutzen?

Ja, mit dem offiziellen Plugin Classic Editor. Laut Plugin-Seite läuft das Plugin auf mehr als acht Millionen Websites und wird so lange wie nötig gepflegt.

Wie öffne ich die Listenansicht?

Über das Symbol oben links in der Werkzeugleiste oder mit Umschalt + Alt + O, am Mac mit ⌃ + ⌥ + O. Alle Tastenkürzel zeigt Umschalt + Alt + H.

Brauche ich ein Block-Theme für den Website-Editor?

Für den vollen Umfang ja. Templates, Template-Teile und globale Stile lassen sich nur mit einem Block-Theme im Website-Editor bearbeiten. Klassische Themes funktionieren weiterhin, nutzen den Editor aber nur teilweise.

Was ist neu im Block-Editor von WordPress 7.1?

WordPress 7.1 vom 19. August 2026 gestaltet Blöcke je nach Bildschirmgröße ohne eigenes CSS. Neu sind außerdem ein Tabs- und ein Playlist-Block, ein neuer Medien-Editor und Notizen mit @-Erwähnungen.

Brauche ich noch einen Page Builder?

Für die meisten Firmenwebsites, Blogs und Landingpages nicht. Ein Page Builder lohnt vor allem bei sehr freien Layouts. Vor der Wahl sollten Sie prüfen, wie der Builder Layouts speichert und was nach dem Deaktivieren übrig bleibt.

Quellen

6 Quellen anzeigenQuellen ausblendenabgerufen am 22.10.2026
  1. [1] WordPress.orgRoadmap
  2. [2] WordPress.orgPlugin Classic Editor
  3. [3] WordPress.orgUse keyboard shortcuts (Block Editor), aktualisiert am 14. September 2026
  4. [4] WordPress.orgWordPress 7.1 „Mary Lou“19. August 2026
  5. [5] WordPress.orgPlugin Gutenberg
  6. [6] WordPress.orgPattern-Verzeichnis
4,9 1977 Bewertungen

Wie hat Ihnen dieser Artikel gefallen?

Dr. Web Newsletter

Jede Woche ein bisschen klüger.

Der Dr. Web Newsletter: die besten Artikel, Anbieter-Tipps und neue Tools, kompakt zusammengefasst, jeden Donnerstag. Kostenlos und jederzeit abbestellbar.