Was ist der WordPress Block-Editor?
Der WordPress Block-Editor, allgemein als Gutenberg bezeichnet, ist der Standard-Inhaltseditor in WordPress. Er wurde in WordPress 5.0 eingeführt und ersetzte den klassischen Editor durch ein modulares, blockbasiertes System, bei dem jedes Inhaltselement — ein Absatz, Bild, Überschrift oder Embed — ein individueller Block ist, den Sie unabhängig anordnen, anpassen und neu anordnen können.
Bis 2026 hat sich Gutenberg weit über einen einfachen Inhaltseditor hinaus entwickelt. Mit Full Site Editing (FSE) steuert er jetzt gesamte Seitenlayouts, einschließlich Kopfzeilen, Fußzeilen, Vorlagen und Vorlagenbestandteilen. Dieser Leitfaden führt Sie durch alles, was Sie wissen müssen, von der grundlegenden Blockbearbeitung bis hin zu fortgeschrittenen Techniken zum Erstellen von Webseiten.
Übersicht über die Kernblöcke
WordPress wird mit über 90 Kernblöcken geliefert, die in Kategorien organisiert sind. Hier sind die, die Sie am häufigsten verwenden werden:
| Kategorie | Wichtige Blöcke | Anwendungsfall |
|---|---|---|
| Text | Absatz, Überschrift, Liste, Zitat, Details | Standard-Inhaltserstellung |
| Medien | Bild, Galerie, Video, Audio, Cover | Visueller und multimedialer Inhalt |
| Design | Spalten, Gruppe, Reihe, Stapel, Abstandshalter | Seitenlayout und Struktur |
| Widgets | Suche, Navigation, Soziale Icons, Tag-Cloud | Interaktive und dynamische Elemente |
| Thema | Seitentitel, Logo, Navigation, Abfrage-Schleife | Komponenten für Full Site Editing |
| Embeds | YouTube, Twitter, Spotify, Vimeo | Einbettung von Inhalten Dritter |
Inhalte mit Blöcken erstellen
Blöcke hinzufügen
Es gibt mehrere Möglichkeiten, Blöcke zu Ihrem Inhalt hinzuzufügen:
- Plus-Schaltfläche (+): Klicken Sie auf das Plus-Symbol in der Symbolleiste oder zwischen den Blöcken, um den Block-Inserter zu öffnen
- Slash-Befehl: Tippen Sie
/gefolgt von einem Blocknamen (z. B./image,/heading) für eine schnelle Einfügung - Befehls-Palette: Drücken Sie
Ctrl+K(Windows) oderCmd+K(Mac), um nach einem beliebigen Block oder einer Aktion zu suchen - Drag & Drop: Ziehen Sie Blöcke aus dem Inserter-Panel direkt auf die Leinwand
Blöcke konfigurieren
Jeder Block hat zwei Konfigurationsbereiche:
- Symbolleiste: Erscheint über dem ausgewählten Block mit gängigen Aktionen (Ausrichtung, fett, kursiv, Link)
- Seitenleisten-Panel: Bietet detaillierte Einstellungen, einschließlich Farben, Typografie, Abstände und erweiterte Optionen
Blöcke organisieren
Ordnen Sie Ihren Inhalt, indem Sie Blöcke mit den Pfeilen in der Block-Symbolleiste nach oben oder unten verschieben oder sie an eine neue Position ziehen. Sie können auch das Listenansicht-Panel (Shift+Alt+O) verwenden, um die gesamte Dokumentstruktur zu sehen und Blöcke innerhalb des Baums zu ziehen.
Wiederverwendbare Blöcke (Synchronisierte Muster)
Wiederverwendbare Blöcke — 2026 in synchronisierte Muster umbenannt — ermöglichen es Ihnen, einen Block oder eine Gruppe von Blöcken einmal zu erstellen und sie in mehreren Beiträgen und Seiten einzufügen. Wenn Sie das synchronisierte Muster aktualisieren, wird jede Instanz automatisch aktualisiert.
Häufige Anwendungen für synchronisierte Muster:
- Call-to-Action-Abschnitte, die auf mehreren Seiten erscheinen
- Autorenbiografien, die in Blogbeiträgen verwendet werden
- Standardisierte Haftungsausschlüsse oder Offenlegungen für Affiliate-Links
- Newsletter-Anmeldeformulare
- Kontaktinformationsblöcke
Um ein synchronisiertes Muster zu erstellen: Wählen Sie Blöcke aus, klicken Sie auf das Drei-Punkte-Menü, wählen Sie "Muster erstellen", benennen Sie es und aktivieren Sie "Synchronisiert". Um es später einzufügen, finden Sie es im Muster-Tab des Block-Inserters.
Blockmuster
Blockmuster sind vorgefertigte Anordnungen von Blöcken, die Sie einfügen und anpassen können. Im Gegensatz zu synchronisierten Mustern sind sie nicht verknüpft — das Bearbeiten einer Musterinstanz wirkt sich nicht auf andere Verwendungen aus.
Integrierte Muster
WordPress enthält Muster für gängige Layouts: Hero-Abschnitte, Feature-Raster, Testimonials, Preistabellen und mehr. Ihr aktives Thema kann zusätzliche Muster registrieren, die für sein Designsystem optimiert sind.
WordPress.org Musterverzeichnis
Das WordPress.org Musterverzeichnis bietet Tausende von von der Community beigetragenen Mustern. Sie können Muster direkt im Inserter oder von der Musterverzeichnis-Website durchsuchen, anzeigen und kopieren.
Eigene Muster erstellen
Erstellen Sie Ihre eigenen Muster, indem Sie Blöcke anordnen, alle auswählen und ein Muster aus dem Blockmenü erstellen. Benutzerdefinierte Muster erscheinen im Abschnitt "Meine Muster" des Inserters, wodurch sie auf Ihrer gesamten Website wiederverwendbar sind.
Grundlagen des Full Site Editing
Full Site Editing (FSE) erweitert die Blockbearbeitung über den Inhalt von Beiträgen und Seiten hinaus auf die gesamte Seitenstruktur. Mit einem Block-Thema können Sie bearbeiten:
- Vorlagen: Steuern Sie das Layout spezifischer Seitentypen (einzelner Beitrag, Archiv, 404, Suchergebnisse)
- Vorlagenbestandteile: Bearbeiten Sie wiederverwendbare Abschnitte wie Kopfzeilen und Fußzeilen
- Globale Stile: Legen Sie farben, Typografie fest
- Navigation: Menüs visuell erstellen und verwalten
Zugriff auf den Site-Editor
Navigieren Sie zu Design → Editor in Ihrem WordPress-Dashboard. Dies öffnet den Site-Editor, in dem Sie Vorlagen durchsuchen, Vorlagenteile bearbeiten und globale Stile anpassen können. Beachten Sie, dass FSE ein Block-Theme erfordert — klassische Themes verwenden stattdessen den traditionellen Customizer.
Vorlagen vs. Vorlagenteile
Konzept Was es steuert Beispiel Vorlage Vollständiges Seitenlayout für einen Inhaltstyp Einzelbeitrag, Seite, Archiv, 404 Vorlagenteil Wiederverwendbarer Abschnitt innerhalb von Vorlagen Kopfzeile, Fußzeile, Seitenleiste Blocks mit theme.json anpassen
Die
theme.json-Datei ist das Konfigurationszentrum für Block-Themes. Sie steuert:- Farbpaletten und -verläufe, die im Editor verfügbar sind
- Typografie-Voreinstellungen (Schriftarten, Größen, Zeilenhöhen)
- Abstandsskalen und Layoutbreiten
- Welche Blockfunktionen aktiviert oder deaktiviert sind
- Standardstile für bestimmte Blöcke
Theme-Entwickler verwenden
theme.json, um ein konsistentes Designsystem zu erstellen. Als Seiteninhaber können Sie diese Einstellungen über die Schnittstelle für globale Stile im Site-Editor ändern, ohne die Datei direkt zu bearbeiten.Tastenkombinationen
Das Erlernen von Tastenkombinationen beschleunigt Ihren Bearbeitungsworkflow erheblich:
Aktion Windows / Linux Mac Neuen Block hinzufügen / (Schrägstrich) / (Schrägstrich) Befehls-Palette Strg + K Cmd + K Block duplizieren Strg + Umschalt + D Cmd + Umschalt + D Block löschen Umschalt + Alt + Z Strg + Option + Z Listenansicht öffnen Umschalt + Alt + O Strg + Option + O Block-Inserter umschalten Strg + Umschalt + , Cmd + Umschalt + , Entwurf speichern / Aktualisieren Strg + S Cmd + S Rückgängig Strg + Z Cmd + Z Link einfügen Strg + K Cmd + K Gutenberg vs. Klassischer Editor
Einige WordPress-Nutzer bevorzugen immer noch das Classic Editor-Plugin. Hier ist ein Vergleich der beiden:
Aspekt Gutenberg Klassischer Editor Bearbeitungsansatz Blockbasiert, modular Einzelnes Textfeld (TinyMCE) Layoutfähigkeiten Spalten, Raster, Vollbreitenabschnitte Nur linearer Inhalt Medienverwaltung Inline-Galerien, Titelbilder, Medien+Text Grundlegende Medienintegration Zukunftskompatibilität Aktiv entwickelt, FSE-Unterstützung Nur Wartungsmodus Plugin-/Theme-Unterstützung Wachsendes Block-Ökosystem Rückgang neuer Entwicklungen Das Classic Editor-Plugin wird weiterhin gepflegt, aber die WordPress-Entwicklung hat sich vollständig dem Block-Editor verschrieben. Neue Funktionen, Themen und Plugins richten sich zunehmend zuerst an Gutenberg.
Block-Plugins, die Gutenberg erweitern
Während die Kernblöcke die meisten Bedürfnisse abdecken, fügen diese Plugins spezialisierte Funktionen hinzu:
- Flavor Plugin: Fügt erweiterte Blöcke wie Tabs, Akkordeons, Preistabellen und Beitragskarussells hinzu
- Flavor Plugin: Bietet inhaltsfokussierte Blöcke für bessere Schreiberlebnisse — Fortschrittsbalken, Klick-zu-Tweet, Warnungen
- Flavor Plugin: Bietet designorientierte Blöcke mit Animation und erweiterten Styling-Optionen
- Flavor Plugin: Erweitert Gutenberg mit Blöcken, die speziell für FSE-Themen entwickelt wurden
- Flavor Plugin: Fügt Abfrage- und Filterblöcke für die dynamische Anzeige von Inhalten hinzu
Bei der Auswahl von Block-Plugins sollten Sie solche wählen, die den WordPress-Coding-Standards folgen und sauberen Markup erzeugen. Vermeiden Sie Plugins, die schwere JavaScript-Frameworks laden, da sie die Leistungs Vorteile von Gutenberg negieren.
Praktische Tipps für effizientes Block-Editing
Verwenden Sie die Listenansicht
Für komplexe Seiten ist die Listenansicht (
Shift+Alt+O) unerlässlich. Sie zeigt die gesamte Dokumentstruktur als Baum an, was die Auswahl von verschachtelten Blöcken, das Neuanordnen von Abschnitten und das Verständnis Ihrer Seitenhierarchie erleichtert.Gruppieren Sie Blöcke für Massenaktionen
Wählen Sie mehrere Blöcke aus (zuerst klicken, Shift+klicken auf den letzten) und gruppieren Sie sie. Gruppierte Blöcke können gemeinsam gestylt, als Einheit verschoben und in Muster umgewandelt werden. Dies ist besonders nützlich, um konsistente Abschnitte zu erstellen.
Blockieren Sie Blöcke, um versehentliche Änderungen zu verhindern
Blockieren Sie wichtige Blöcke, um versehentliches Verschieben oder Löschen zu verhindern. Klicken Sie mit der rechten Maustaste auf einen Block und wählen Sie "Sperren", um Änderungen einzuschränken. Dies ist hilfreich für Vorlagen oder Inhalte, die von mehreren Redakteuren verwaltet werden.
Verwenden Sie Tastenkombinationen intensiv
Der Unterschied zwischen effizientem und langsamen Block-Editing liegt oft in den Tastenkombinationen. Lernen Sie zuerst die fünf häufigsten Tastenkombinationen (Slash-Befehl, Duplizieren, Löschen, Speichern, Rückgängig), und erweitern Sie dann Ihr Repertoire, wenn Sie sich wohlfühlen.
Für einen Vergleich mit Elementor und anderen Page-Buildern sehen Sie sich unseren Vergleich zwischen Elementor und Gutenberg und unseren umfassenderen Leitfaden zum Vergleich von Page-Buildern an. Wenn Sie ein Thema auswählen, das gut mit Gutenberg funktioniert, lesen Sie unseren Leitfaden zur Themenauswahl.
Häufig gestellte Fragen
Kann ich den Classic Editor weiterhin verwenden?
Ja. Das Classic Editor-Plugin bleibt verfügbar und wird vom WordPress-Team gepflegt. Es erhält jedoch nur Wartungsupdates — keine neuen Funktionen. WordPress empfiehlt, auf den Block-Editor umzusteigen, um Zugang zu modernen Funktionen und fortlaufender Entwicklung zu erhalten.
Funktioniert Gutenberg mit allen WordPress-Themen?
Gutenberg funktioniert sowohl mit klassischen als auch mit Block-Themen. Klassische Themen unterstützen das Block-Editing innerhalb von Beitrags- und Seiteninhalten. Block-Themen unterstützen zusätzlich das Full Site Editing für Kopfzeilen, Fußzeilen, Vorlagen und globale Stile. Für das vollständige FSE-Erlebnis benötigen Sie ein Block-Thema.
Wie konvertiere ich Inhalte des Classic Editors in Blöcke?
Wenn Sie einen Classic Editor-Beitrag in Gutenberg öffnen, umschließt WordPress den Inhalt in einem Classic-Block. Sie können auf "In Blöcke konvertieren" klicken, um den Inhalt in einzelne Blöcke zu transformieren. Überprüfen Sie die Konvertierung anschließend, da komplexe Layouts möglicherweise manuelle Anpassungen benötigen.
Sind Gutenberg-Seiten langsamer als Classic Editor-Seiten?
Nein. Gutenberg erzeugt sauberes HTML, das vergleichbar oder schlanker ist als die Ausgabe des Classic Editors. Der Block-Editor fügt keine signifikanten Frontend-Überlastungen hinzu. Die Editor-Oberfläche selbst (im Admin-Bereich) verwendet mehr Ressourcen als der Classic Editor, aber dies hat keinen Einfluss auf das, was Besucher erleben.
Kann ich benutzerdefinierte Blöcke ohne Programmierung erstellen?
Ja, bis zu einem gewissen Grad. Sie können benutzerdefinierte Blockmuster erstellen, indem Sie vorhandene Blöcke anordnen. Für wirklich benutzerdefinierte Blöcke mit einzigartiger Funktionalität benötigen Sie JavaScript (React)-Entwicklung. Mehrere Plugins bieten No-Code-Block-Builder an, obwohl sie im Vergleich zu codierten Lösungen Einschränkungen haben.
Was sind synchronisierte Muster und wie unterscheiden sie sich von regulären Mustern?
Synchronisierte Muster (ehemals wiederverwendbare Blöcke) sind über alle ihre Instanzen hinweg verknüpft. Das Bearbeiten eines aktualisiert alle. Reguläre Muster sind Vorlagen — das Einfügen eines erstellt eine unabhängige Kopie, die Sie ändern können, ohne andere Verwendungen zu beeinflussen. Verwenden Sie synchronisierte Muster für Inhalte, die überall konsistent sein sollten (CTAs, Haftungsausschlüsse). Verwenden Sie reguläre Muster für Layouts, die Sie als Ausgangspunkte wünschen.
Wie behebe ich Probleme mit dem Block-Editor?
Zu den häufigen Lösungen gehören: Leeren des Browser-Cache, Deaktivieren von Plugins einzeln, um Konflikte zu identifizieren, vorübergehendes Wechseln zu einem Standardthema und Überprüfen der Entwicklertools Ihres Browsers auf JavaScript-Fehler. Die meisten Probleme mit dem Block-Editor stammen von Plugin-Konflikten und nicht von Kernproblemen.
Ist Full Site Editing bereit für den produktiven Einsatz?
Stand 2026 ist Full Site Editing stabil und produktionsbereit. Der Funktionsumfang hat sich mit jeder WordPress-Version erheblich weiterentwickelt. Das Ökosystem der Block-Themen und Muster wächst jedoch weiterhin. Wenn Sie umfangreiche vorgefertigte Vorlagen benötigen, könnte die Auswahl im Vergleich zu klassischen Themenoptionen begrenzter sein.
Finden Sie ein blockbereites WordPress-Thema
Durchsuchen Sie Premium-WordPress-Themen, die für Gutenberg und Full Site Editing optimiert sind. Sauberer Code, schnelle Leistung und professionelle Designs.
Themen durchsuchen →
