Der Gutenberg-Editor (auch Block-Editor genannt) ist seit WordPress 5.0 der Standard-Editor. Statt mit einem Textfeld arbeiten Sie mit Blöcken, die Sie verschieben und anpassen können. In dieser Anleitung lernen Sie, wie Sie effektiv damit arbeiten.

Was sind Blöcke?

Alles in Gutenberg ist ein Block: Absätze, Bilder, Buttons, Spalten. Jeder Block hat seine eigenen Einstellungen, und Sie können die Blöcke unabhängig voneinander bearbeiten und verschieben.

Vorteile von Blöcken:

  • Visuell bearbeiten ohne Code
  • Flexible Layouts erstellen
  • Einheitliches Design durch wiederverwendbare Blöcke
  • Weniger abhängig von Page Buildern

Die Oberfläche

Obere Werkzeugleiste

  • + Button: Neue Blöcke hinzufügen
  • Rückgängig/Wiederholen: Schritte zurück oder vor
  • Dokumentübersicht: Liste aller Blöcke
  • Speichern/Veröffentlichen: Ihre Änderungen speichern

Seitenleiste

  • Dokument-Tab: Seiteneinstellungen (Kategorien, Beitragsbild usw.)
  • Block-Tab: Einstellungen für den ausgewählten Block

Grundlegende Blöcke

Absatz

Der Standard-Textblock. Beginnen Sie einfach zu tippen, und Gutenberg erstellt automatisch einen Absatz-Block. Drücken Sie die Eingabetaste für einen neuen Block.

Überschrift (Heading)

Für Titel und Zwischenüberschriften. Wählen Sie H2 für Hauptabschnitte und H3 für Unterabschnitte. Verwenden Sie kein H1 in Ihrem Inhalt, das ist für den Seitentitel reserviert.

Bild

Laden Sie ein Bild hoch oder wählen Sie eines aus Ihrer Mediathek. Vergessen Sie nicht, den Alternativtext für Barrierefreiheit und SEO auszufüllen.

Liste

Erstellen Sie Aufzählungen (Bullets) oder nummerierte Listen. Mit der Tab-Taste können Sie Listeneinträge einrücken.

Zitat (Quote)

Zum Hervorheben eines Zitats oder eines wichtigen Textabschnitts. Erscheint meist mit einer auffälligen Formatierung.

Layout-Blöcke

Spalten

Teilen Sie Ihren Inhalt in mehrere Spalten auf. Wählen Sie eine voreingestellte Aufteilung oder passen Sie die Breite an. Ideal für Vergleiche oder um Text und Bilder nebeneinander zu platzieren.

Gruppe

Fassen Sie mehrere Blöcke zu einer Gruppe zusammen. Praktisch, um einem Abschnitt eine Hintergrundfarbe zu geben oder Blöcke gemeinsam zu verschieben.

Trenner

Eine horizontale Linie, um Abschnitte optisch voneinander zu trennen.

Abstandhalter

Fügt Leerraum zwischen Blöcken ein. Passen Sie die Höhe in den Blockeinstellungen an.

Praktische Tipps

Tastenkürzel

  • /: Tippen Sie einen Schrägstrich, um schnell einen Block zu suchen
  • Strg + Umschalt + D: Einen Block duplizieren
  • Strg + Alt + T: Einen Block vor dem aktuellen einfügen
  • Strg + Alt + Y: Einen Block nach dem aktuellen einfügen

Blöcke verschieben

Klicken Sie auf die sechs Punkte links neben einem Block, um ihn zu ziehen. Oder verwenden Sie die Pfeile, um einen Block nach oben oder unten zu verschieben.

Block umwandeln

Wählen Sie einen Block aus und klicken Sie in der Werkzeugleiste auf das Symbol für den Blocktyp. Sie können zum Beispiel einen Absatz in eine Überschrift oder eine Liste umwandeln.

Wiederverwendbare Blöcke

Erstellen Sie einen Block, den Sie öfter verwenden möchten? Wählen Sie ihn aus, klicken Sie auf die drei Punkte und wählen Sie "Zu wiederverwendbaren Blöcken hinzufügen". Danach können Sie ihn überall einfügen.

Häufige Probleme

Block funktioniert nicht wie erwartet

Manchmal gerät ein Plugin oder Theme mit Gutenberg in Konflikt. Versuchen Sie Folgendes:

  1. Die Seite neu laden
  2. Den Browser-Cache leeren
  3. Plugins vorübergehend deaktivieren

Classic Editor nötig?

Manche älteren Plugins funktionieren besser mit dem klassischen Editor. Installieren Sie das Plugin "Classic Editor", um zurückzuwechseln. Sie können dann pro Seite wählen, welchen Editor Sie verwenden.

Gutenberg vs. Page Builder

Gutenberg ist kein vollständiger Ersatz für Page Builder wie Elementor. Die Unterschiede:

  • Gutenberg: Integriert, schlank, gut für Standardinhalte
  • Page Builder: Mehr Designoptionen, komplexere Layouts, schwerer

Für Blogs und einfache Seiten reicht Gutenberg oft aus. Für Landingpages und komplexe Designs bietet ein Page Builder mehr Möglichkeiten.

Neue Funktionen

WordPress baut Gutenberg ständig weiter aus. Neuere Ergänzungen:

  • Full Site Editing: Auch Header und Footer mit Blöcken bearbeiten
  • Block Patterns: Fertige Blockkombinationen
  • Global Styles: Farben und Schriftarten für die ganze Website anpassen

Halten Sie Ihr WordPress auf dem neuesten Stand, um von neuen Funktionen zu profitieren.

Fragen zu Gutenberg oder Hilfe mit Ihrer WordPress-Website nötig? Bei Theory7 sind wir für Sie da (auf Niederländisch oder Englisch).

Häufige Fragen

Kann ich zum alten Editor zurück?

Ja, installieren Sie das Plugin "Classic Editor". Sie können dann pro Seite wählen, welchen Editor Sie verwenden.

Kann ich meine alten Beiträge noch bearbeiten?

Ja, bestehende Inhalte werden automatisch in einen "Classic"-Block umgewandelt. Sie können diesen Block behalten oder in einzelne Gutenberg-Blöcke umwandeln.

Funktionieren alle Plugins mit Gutenberg?

Die meisten Plugins sind kompatibel. Testen Sie neue Plugins zuerst in einer Staging-Umgebung. Manche älteren Plugins brauchen einen Classic-Block oder einen Shortcode, um zu funktionieren.