Der Gutenberg Block-Editor ist seit WordPress 5.0 die native Methode, Inhalte auf der Plattform zu erstellen: Jeder Absatz, jedes Bild, jede Überschrift oder Schaltfläche ist ein eigenständiges Element (ein Block), das du verschieben, konfigurieren und kombinieren kannst, um komplette Seiten zu gestalten, ohne Code zu schreiben oder externe Builder zu installieren. Viele Benutzer waren damals vom Wechsel vom klassischen Editor irritiert, aber die Realität im Jahr 2026 ist, dass Gutenberg zu einem ernstzunehmenden Layout-Tool herangereift ist: Spalten, vorgefertigte Muster, wiederverwendbare Blöcke und eine feine Kontrolle über Typografie, Farbe und Abstände, die viele Plugins überflüssig macht. In diesem Leitfaden lernst du, den Block-Editor souverän zu bedienen: die Oberfläche und ihre Tastenkombinationen, die wesentlichen Blöcke und deren Konfiguration, das Layout mit Spalten und Gruppen, die Muster und synchronisierten Blöcke, die deine Produktivität vervielfachen, und die Tricks, die tägliche Veröffentlicher anwenden, um schneller als mit jedem klassischen Editor zu arbeiten.
Die Oberfläche des Gutenberg Block-Editors: wo sich alles befindet
Beim Erstellen eines neuen Beitrags oder einer neuen Seite findest du drei Hauptbereiche:
- Der zentrale Arbeitsbereich, wo du den Inhalt schreibst und siehst, wie er aussehen wird (oder sehr ähnlich, je nach deinem Theme).
- Die obere Leiste, mit dem Block-Inserter (der +-Schaltfläche), Rückgängig/Wiederherstellen, der Listenansicht (unerlässlich bei komplexen Kompositionen) und rechts die Schaltflächen zum Speichern, Vorschau anzeigen und Veröffentlichen.
- Die Seitenleiste der Einstellungen, die zwischen den Dokumenteinstellungen (Kategorien, Beitragsbild, Auszug, URL) und den Einstellungen des ausgewählten Blocks (Farbe, Typografie, Abstand) wechselt. Sie wird mit dem Zahnradsymbol ein- oder ausgeblendet.
Außerdem erscheint beim Auswählen eines Blocks eine schwebende Symbolleiste mit seinen Schnellaktionen: Typ ändern, ausrichten, nach oben oder unten verschieben und das Drei-Punkte-Menü mit Optionen wie Duplizieren, Kopieren oder In Muster umwandeln.
Die schnellste Arbeitsweise ist nicht die Maus, sondern die Tastatur. Tippen Sie / am Anfang einer leeren Zeile, gefolgt vom Namen des Blocks (/imagen, /tabla, /columnas) und Sie werden ihn einfügen, ohne den Einfüger zu berühren. Andere Tastenkombinationen, die sich lohnen, sich einzuprägen:
Ctrl + Shift + D: den ausgewählten Block duplizieren.Ctrl + Alt + T: einen Block vor dem aktuellen einfügen.Ctrl + Shift + Alt + M: zwischen visuellem Editor und Code-Editor wechseln.##+ Leerzeichen: wandelt die Zeile in eine H2-Überschrift um (### für H3, und so weiter).
Die wesentlichen Blöcke und wie man sie optimal nutzt
Gutenberg bringt Dutzende von Blöcken mit, aber 90 % der täglichen Arbeit wird mit wenigen erledigt. Ihre Optionen gründlich zu kennen, macht den Unterschied:
Absatz und Titel
Die beiden Säulen. In der Seitenleiste können Sie Schriftgröße, Text- und Hintergrundfarbe sowie den Initialen anpassen. Bei Überschriften beachten Sie die SEO-Hierarchie: nur ein H1 (der Titel des Beitrags), H2 für Abschnitte und H3 für Unterabschnitte. Wenn Sie an der Positionierung arbeiten, wird Sie ein SEO-Plugin auf diese Details hinweisen; Sie haben unseren Leitfaden für Yoast SEO in WordPress installieren und konfigurieren falls Sie es noch nicht getan haben.
Bild und Galerie
Der Bildblock ermöglicht Ausrichtung (einschließlich voller Breite und breiter Breite, wenn das Theme es unterstützt), Link, Alternativtext und Abrundung der Ecken. Laden Sie immer optimierte Bilder hoch: Das Gewicht der Fotos ist die Hauptursache für langsame Websites, und konvertieren Sie sie vorher in ein modernes Format mit einem Bildkonverter zu WebP reduziert die Größe um bis zu 80 % ohne sichtbaren Verlust.
Liste, Zitat und Tabelle
Listen unterstützen Verschachtelung und nummerierte oder geordnete Stile; Tabellen erlauben Kopf-, Fußzeilen und Zellen mit fester Breite. Für vergleichende Inhalte verbessert eine gut genutzte Tabelle die Lesbarkeit und wird in den Rich Results von Google belohnt.
Buttons, Trennzeichen und Abstandhalter
Der Buttons-Block erstellt Call-to-Actions mit konfigurierbaren Farben, Rändern und Radien ohne CSS. Der Spacer (höhenverstellbar in Pixeln) löst jene vertikalen Lücken, die früher Tricks erforderten.
Medien und Text, und Benutzerdefinierte HTML-Datei
Medien und Text platziert Bild und Text mit einem Klick in zwei responsiven Spalten. Und wenn Sie etwas Exotisches einbetten müssen, akzeptiert der benutzerdefinierte HTML-Block jeden Code: Er ist das Ventil für Grenzfälle.
Layout mit Spalten, Gruppen und Reihen
Hier wird der Gutenberg-Block-Editor vom Texteditor zum Design-Tool:
Spalten
Der Spaltenblock teilt die Breite in 2 bis 6 Spalten mit vordefinierten (50/50, 30/70…) oder benutzerdefinierten Proportionen in Prozent. Innerhalb jeder Spalte können Sie beliebige Blöcke einfügen, einschließlich anderer Spalten. Auf Mobilgeräten werden sie automatisch vertikal gestapelt.
Gruppe
El bloque Grupo envuelve varios bloques en un contenedor con fondo, borde, padding y margen propios: es la forma de crear “cajas” destacadas (un aviso, una oferta, un resumen) sin plugins. Selecciona varios bloques y usa Gruppieren aus der Symbolleiste.
Reihe und Stapel
Varianten der Gruppe mit horizontaler (Reihe) oder vertikaler (Stapel) Anordnung basierend auf Flexbox: perfekt zum Ausrichten eines Symbols neben einem Text oder einer Reihe von Logos.
Besondere Erwähnung verdient die breite Breite und volle Breite: si tu tema los soporta, los bloques de imagen, cubierta, grupo y columnas pueden extenderse más allá de la columna de texto e incluso ocupar todo el ancho de la pantalla. Es el recurso que da aspecto “de diseño profesional” a una página: alterna secciones a ancho completo con fondo de color y contenido centrado, y tendrás una landing digna sin tocar una línea de CSS.
Ein Workflow-Tipp: Bei verschachtelten Kompositionen (Gruppen innerhalb von Spalten innerhalb von Gruppen) ist die Auswahl des richtigen Blocks mit der Maus frustrierend. Öffnen Sie die Listenansicht in der oberen Leiste: Sie sehen den vollständigen Blockbaum und können jeden Block mit absoluter Präzision auswählen und ziehen.
Muster und synchronisierte Blöcke: Hören Sie auf, sich zu wiederholen
Die beiden Funktionen, die denjenigen, die häufig veröffentlichen, die größte Produktivität bringen:
Muster
Ein Muster ist eine vorgefertigte Komposition von Blöcken (eine Kopfzeile mit Call-to-Action, ein Dienstleistungsraster, ein FAQ-Bereich), die Sie einfügen und dann anpassen. WordPress enthält eine offizielle Bibliothek und viele Themes fügen ihre eigenen hinzu. Sie können auch Ihre eigenen erstellen: wählen Sie die Blöcke aus, Drei-Punkte-Menü, Muster erstellen. Wenn Ihnen ein Design einmal gut gefällt, machen Sie es zu einem Muster und müssen es nie wieder von Grund auf neu gestalten.
Synchronisierte Blöcke
Beim Erstellen eines Musters können Sie es als synchronisiert: dann sind alle seine Kopien dieselbe Entität, und eine Bearbeitung an einer Stelle aktualisiert es auf allen Seiten, auf denen es erscheint. Es ist das perfekte Werkzeug für wiederholte Elemente, die sich im Laufe der Zeit ändern: eine Autorenbox, ein rechtlicher Hinweis, ein Kampagnen-Call-to-Action. An dem Tag, an dem sich Ihr Angebot ändert, bearbeiten Sie es einmal und die gesamte Website wird aktualisiert.
| Funktion | Was ist | Wann verwenden |
|---|---|---|
| Muster (nicht synchronisiert) | Blockvorlage, die kopiert wird | Designs, die du wiederverwendest, aber bei jeder Nutzung anpasst |
| Synchronisiertes Muster | Einziger Block, der zwischen Seiten geteilt wird | Identische Elemente auf vielen Seiten, die gleichzeitig aktualisiert werden müssen |
| Gruppe mit Stilen | Container mit eigenem Design | Einzelne Boxen, die du nicht wiederholen wirst |
Produktivitätstipps für den Alltag
- Schreibe zuerst, gestalte danach. Verfasse den gesamten Inhalt in Absätzen und Überschriften und füge erst am Ende Bilder, Spalten und Boxen hinzu. Das Mischen von Schreiben und Design verdoppelt die Zeit.
- Füge ohne Angst aus Word oder Google Docs ein. Gutenberg bereinigt das Format und wandelt Überschriften, Listen und Fettschrift automatisch in korrekte Blöcke um.
- Ziehe Bilder direkt von einem Ordner auf deinem Computer auf die Leinwand: Sie werden hochgeladen und automatisch eingefügt.
- Konvertiere Blöcke zwischen Typen. Ein Absatz kann über seine Werkzeugleiste in ein Zitat, eine Überschrift oder eine Liste umgewandelt werden, ohne etwas neu schreiben zu müssen.
- Usa “Copiar estilos” y “Pegar estilos” (Drei-Punkte-Menü des Blocks), um Farbe, Typografie und Blockabstand zu replizieren.
- Kontrolliere die Länge des Inhalts. Für SEO-Artikel ist es ratsam, die Gesamtlänge zu überwachen; ein Blick auf den Wort- und Zeichenzähler sagt dir sofort, ob du das Ziel erreichst.
- Sperrt kritische Blöcke. Aus dem Blockmenü, Sperren verhindert versehentliches Verschieben oder Löschen: nützlich auf Websites, die von mehreren Personen bearbeitet werden.
Gutenberg im Vergleich zu visuellen Buildern
Die unvermeidliche Frage: Braucht man immer noch einen Builder wie Elementor oder Divi? Das hängt vom Projekt ab. Gutenberg punktet bei der Ladegeschwindigkeit (erzeugt sauberes HTML, ohne zusätzliche CSS- und JavaScript-Schichten), bei der langfristigen Stabilität (ist Teil des Kerns, kein Plugin, das aufgegeben werden kann) und bei der Bearbeitungsgeschwindigkeit für redaktionelle Inhalte. Builder bieten weiterhin mehr pixelgenaue Designkontrolle, erweiterte visuelle Effekte und spektakulärere kommerzielle Vorlagen.
Als allgemeines Kriterium: Für Blogs, Medien, Dokumentationen und Unternehmenswebsites mit viel Inhalt ist Gutenberg heute die vernünftigste Option; für sehr aufwendig gestaltete Landingpages oder Kunden, die komplexe visuelle Effekte verlangen, kann ein Builder gerechtfertigt sein. Beachte auch, dass das visuelle Ergebnis von Gutenberg stark vom aktiven Theme abhängt: Ein modernes, für Blöcke vorbereitetes Theme vervielfacht seine Möglichkeiten, und in unserem Leitfaden zu wie man das perfekte Theme für seine WordPress-Website auswählt erklären wir, worauf man achten sollte.
Häufig gestellte Fragen
Kann ich zum klassischen WordPress-Editor zurückkehren?
Ja, das offizielle Plugin Classic Editor ist weiterhin verfügbar und wird gepflegt. Aber abgesehen von sehr spezifischen Fällen (veraltete Workflows, inkompatible Plugins) ist es heute besser, diesen Aufwand in das Erlernen des Block-Editors zu investieren: Die gesamte gegenwärtige und zukünftige Entwicklung von WordPress dreht sich um ihn.
Ist der Gutenberg-Block-Editor schlecht für SEO?
Im Gegenteil. Er generiert semantisches und leichtes HTML, fördert hierarchische Überschriften und integriert sich mit allen SEO-Plugins. Eine mit nativen Blöcken gestaltete Seite lädt in der Regel schneller als ihr Äquivalent, das mit einem visuellen Builder erstellt wurde, und die Geschwindigkeit ist ein Rankingfaktor.
Was passiert mit meinen alten Beiträgen aus dem klassischen Editor?
Se muestran dentro de un “bloque clásico” que conserva su contenido intacto. Puedes dejarlas así indefinidamente o convertirlas a bloques con la opción In Blöcke umwandeln, der Absätze, Überschriften und Bilder automatisch trennt. Überprüfe das Ergebnis nach der Konvertierung, besonders wenn Shortcodes oder benutzerdefiniertes HTML verwendet wurden.
Brauche ich zusätzliche Block-Plugins?
Zunächst einmal, nein: Die nativen Blöcke decken die meisten Bedürfnisse ab. Wenn du bestimmte Blöcke (Akkordeons, Preistabellen, Testimonials) vermisst, fügen Suiten wie Spectra oder Stackable diese hinzu. Installiere nur eine dieser Suiten, nicht mehrere: Jede lädt ihre eigenen Ressourcen und das Duplizieren beeinträchtigt die Leistung.
Es ist ratsam, mindestens einmal pro Quartal ein vollständiges SEO-Audit durchzuführen. Sie sollten jedoch die Leistung Ihrer Keywords und den Zustand Ihrer Website wöchentlich überwachen. Inhaltsaktualisierungen und kleinere Optimierungen können regelmäßiger vorgenommen werden.
Der Gutenberg-Block-Editor hat seit seiner Einführung einen langen Weg zurückgelegt: Was als kontroverser Editor begann, ist heute ein vollständiges, schnelles und perfekt in WordPress integriertes Layout-Tool. Die eigentliche Lernkurve ist kurz: Benutzeroberfläche, ein halbes Dutzend essentieller Blöcke, Spalten und Gruppen für das Layout und Muster, um Arbeit nicht zu wiederholen. Mit diesen Grundlagen und Tastenkombinationen wird das Veröffentlichen gut gestalteter Inhalte zur Sache von Minuten. Unser praktischer Tipp: Versuche in deinem nächsten Beitrag, das, was du früher mit Shortcodes oder Layout-Plugins gemacht hast, mit nativen Blöcken zu lösen. Höchstwahrscheinlich wirst du feststellen, dass der Editor, den WordPress standardmäßig mitbringt, das Werkzeug war, das du schon lange gesucht hast.
