Der WordPress-Blockeditor kann einen Text übersichtlich strukturieren, ohne jede Seite als eigenes technisches Projekt zu behandeln. Seine Stärke liegt in kleinen verständlichen Bausteinen: Absatz, Überschrift, Bild, Liste und Tabelle. Schwierigkeiten entstehen häufig, wenn Inhalt und Layout ohne erkennbare Ordnung verschachtelt werden. Ein einzelner Satz landet dann in einer Gruppe aus mehreren Spalten und Abständen, die niemand mehr sicher bearbeiten möchte. Dieser Ratgeber zeigt einen redaktionellen Arbeitsweg, bei dem die Form dem Inhalt folgt und wiederkehrende Elemente bewusst gepflegt werden.
Vorausgesetzt werden eine WordPress-Installation mit Blockeditor und ein Entwurf, an dem Sie üben können. Nutzen Sie zunächst eine Kopie eines realen Textes. Das Ziel ist ein Inhalt, dessen Hierarchie verständlich bleibt und der im Frontend auf breiten wie schmalen Ansichten funktioniert. Die genaue Auswahl an Blöcken hängt von Theme und Plugins ab. Die Anleitung beschreibt deshalb Funktionen und Entscheidungen statt eine vermeintlich unveränderliche Position jedes Schalters. Für umfassende Änderungen an globalen Templates nutzen Sie eine separate Testumgebung.
Zuerst den Inhalt gliedern
Beginnen Sie mit der Leserfrage und dem erwarteten Ergebnis. Ein Ratgeber sollte früh erklären, für wen er geeignet ist und welche Voraussetzungen gelten. Eine Leistungsseite sollte zeigen, welches Problem gelöst wird und wie der nächste Kontakt abläuft. Schreiben Sie dafür einen kurzen Einstieg, bevor Sie Spalten oder Hintergrundfarben wählen. Danach ordnen Sie die Hauptpunkte mit Zwischenüberschriften. Überschriften bilden eine inhaltliche Hierarchie; sie sind nicht lediglich größer formatierte Absätze. Ein Unterpunkt gehört unter die passende Hauptüberschrift.
Planen Sie Absätze so, dass jeder einen erkennbaren Gedanken entwickelt. Teilen Sie lange Absätze dort, wo die Argumentation wechselt. Kurze Absätze allein machen einen unklaren Text noch nicht verständlich. Eine Liste eignet sich für parallele Voraussetzungen oder nacheinander auszuführende Schritte; eine Tabelle eignet sich für vergleichbare Merkmale. Wählen Sie die Form nach dem Inhalt. Wenn Sie eine Tabelle nur brauchen, um zwei dekorative Textspalten zu erzeugen, ist ein anderer Layoutblock sinnvoller und für kleine Bildschirme leichter zu kontrollieren.
Editoransichten als Orientierung verwenden
Die Dokumentation des Blockeditors erläutert unter anderem Werkzeugleiste, Seitenleiste und Dokumentübersicht. Nutzen Sie die Listenansicht, sobald mehrere Gruppen oder Spalten beteiligt sind. Dort erkennen Sie die Verschachtelung und können einen übergeordneten Block gezielt auswählen. Im visuellen Inhaltsbereich trifft ein Klick sonst leicht nur einen inneren Absatz. Geben Sie wichtigen Gruppen nachvollziehbare Namen, soweit die verwendete Editorversion das erlaubt. Namen wie „Voraussetzungen“ helfen stärker als eine Folge identischer unbenannter Gruppen.
Kontrollieren Sie regelmäßig die Gliederung der Überschriften. Wenn ein kleiner visueller Hinweis als Hauptüberschrift auftaucht, stimmt die semantische Struktur wahrscheinlich nicht. Wählen Sie eine passende Textformatierung, statt die Überschriftenebene allein nach der gewünschten Schriftgröße zu setzen. Nutzen Sie auch Rückgängig und Revisionen bewusst, aber verlassen Sie sich bei großen Umbauten nicht ausschließlich darauf. Eine vorher angelegte Entwurfskopie oder ein Backup bietet einen klareren Ausgangsstand für grundlegende Layoutänderungen.
| Aufgabe | Geeigneter Baustein | Prüffrage |
|---|---|---|
| Gedanken erklären | Absatz | Hat jeder Absatz einen erkennbaren Schwerpunkt? |
| Arbeitsschritte ordnen | Nummerierte Liste | Ist die Reihenfolge wirklich verbindlich? |
| Merkmale vergleichen | Tabelle | Sind die Zeilen sinnvoll vergleichbar? |
| Bereich zusammenfassen | Gruppe | Ist die zusätzliche Verschachtelung notwendig? |
Blöcke sparsam konfigurieren
Die Anleitung zum Arbeiten mit Blöcken zeigt, wie sich Blöcke hinzufügen, konfigurieren, verschieben und gruppieren lassen. Für die laufende Redaktion lohnt eine kleine wiederkehrende Auswahl. Wenn jede Seite eigene Schriftgrößen, Ränder und Farben erhält, entsteht mit der Zeit ein schwer pflegbarer Sonderbestand. Verwenden Sie die vom Theme vorgesehenen Stile, solange sie die Aufgabe erfüllen. Individuelle Einstellungen sollten eine bewusste Ausnahme mit erkennbarem Zweck bleiben.
Achten Sie bei Gruppen und Spalten auf den mobilen Verlauf. Eine breite Ansicht kann zwei Inhalte nebeneinander zeigen, während sie auf dem Smartphone nacheinander erscheinen. Prüfen Sie, ob die Reihenfolge dann weiterhin verständlich ist. Verweisen Sie im Text nicht allein auf „die rechte Spalte“, wenn diese auf kleinen Bildschirmen darunter liegt. Benennen Sie den Inhalt. Begrenzen Sie manuelle Leerblöcke und Abstandshalter, die nur einen einzelnen Bildschirmzustand ausgleichen. Solche Korrekturen werden bei anderen Schriftgrößen schnell unpassend.
Muster und Synchronisierung unterscheiden
Ein Muster kann eine vorbereitete Kombination aus Blöcken liefern. Es eignet sich beispielsweise als Ausgangspunkt für einen Hinweisbereich oder eine Gliederung. Bei einer unabhängigen Verwendung wird der eingefügte Inhalt anschließend für die jeweilige Seite bearbeitet. Ein synchronisiertes Muster hält dagegen einen gemeinsamen Inhalt an mehreren Stellen zusammen. Die WordPress-Dokumentation zu synchronisierten Mustern beschreibt, dass eine Änderung überall wirkt, wo das Muster verwendet wird. Diese Eigenschaft sollte die Redaktion kennen, bevor sie den Text verändert.
Nutzen Sie Synchronisierung für wirklich identische Informationen, die zentral gepflegt werden müssen. Ein gemeinsamer Kontaktkasten kann dafür geeignet sein. Eine individuelle Artikelzusammenfassung ist es meist nicht. Wenn eine Redaktion überall verschiedene Formulierungen braucht, dient ein unabhängiges Muster eher als Bauhilfe. Prüfen Sie vor dem Speichern eines synchronisierten Elements, welche anderen Seiten betroffen sind. Ein scheinbar lokaler Textwechsel kann sonst den gesamten Auftritt verändern. Eine klare Benennung wie „Kontaktkasten – gemeinsam“ macht die Wirkung sichtbarer.
Ein eigenes redaktionelles Muster erstellen
Wählen Sie einen Bereich, der sich tatsächlich wiederholt, etwa „Voraussetzungen und Ergebnis“ am Anfang einer Anleitung. Bauen Sie ihn zunächst mit einfachen Blöcken. Prüfen Sie Kontrast, Abstände und mobile Darstellung. Speichern Sie ihn erst danach als Muster. Hinterlegen Sie in der Redaktionsnotiz, welche Teile individuell zu bearbeiten sind. Ein sinnvoller Musterinhalt enthält keine erfundenen Angaben und keine Sätze, die unbeachtet auf jeder neuen Seite erscheinen sollen. Er unterstützt die Arbeit, ersetzt aber nicht den eigenen Text.
Testen Sie das Muster in zwei unterschiedlichen Inhalten. Ein kurzer Titel und ein langer deutscher Titel sollten beide passen. Ebenso ein einzelner Listenpunkt und eine längere Liste. Wenn der Bereich nur mit exakt drei gleich langen Zeilen funktioniert, ist er für reale Redaktion zu empfindlich. Vereinfachen Sie den Aufbau. Dokumentieren Sie außerdem, ob das Muster synchronisiert ist. Eine später hinzugefügte Person muss diese Entscheidung erkennen können, ohne die gesamte Entstehungsgeschichte der Website zu kennen.
Bilder, Tabellen und Links sauber einbauen
Fügen Sie Bilder dort ein, wo sie eine Aussage unterstützen. Ein Bildblock benötigt je nach Bildfunktion einen sinnvollen Alternativtext und gegebenenfalls eine Bildunterschrift. Der Ratgeber zu Bildern und Alttexten hilft bei dieser Entscheidung. Vermeiden Sie Screenshots, deren Schrift nur bei voller Bildschirmbreite lesbar ist. Zeigen Sie lieber den relevanten Ausschnitt und erklären Sie zusätzlich die wesentliche Aktion im Text. Der Inhalt soll auch ohne das Bild nachvollziehbar bleiben.
Bei Tabellen benennen Sie vergleichbare Spalten und prüfen Sie die Ausgabe auf schmalen Bildschirmen. Ein horizontal scrollbarer Bereich braucht eine erkennbare Möglichkeit zur Bedienung. Für sehr umfangreiche Merkmale kann eine gegliederte Liste verständlicher sein. Links sollten aussagekräftige Zieltexte besitzen und an passenden Stellen im Fließtext stehen. Prüfen Sie externe Ziele vor der Veröffentlichung. Ein im Editor korrekt aussehender Link kann im Frontend durch ein falsch kopiertes Leerzeichen oder einen fehlerhaften Fragmentnamen trotzdem scheitern.
Sperren als Hilfe, nicht als Geheimwissen einsetzen
Manche Layoutbereiche lassen sich gegen bestimmte Änderungen sperren. Das kann verhindern, dass ein Redakteur versehentlich einen zentralen Baustein verschiebt oder löscht. Eine Sperre sollte nachvollziehbar sein und zur Aufgabe passen. Wenn sogar eine notwendige Textkorrektur blockiert wird, entsteht eine Abhängigkeit von technischer Hilfe. Trennen Sie daher frei bearbeitbare Inhalte von bewusst geschützten Layoutbereichen. Erklären Sie der Redaktion kurz, welche Elemente verändert werden können und wen sie bei strukturellen Änderungen anspricht.
Prüfen Sie den Arbeitsablauf mit einem Konto, das die tatsächlich vorgesehenen Redaktionsrechte besitzt. Ein Administrator sieht häufig mehr Möglichkeiten als spätere Mitarbeiter. Der Editor kann durch Plugins ebenfalls anders aussehen. Eine Anleitung sollte deshalb zum eingesetzten Projekt passen. Lassen Sie eine zweite Person einen Absatz ersetzen, ein Bild tauschen und einen Link korrigieren. Beobachten Sie, ob sie den richtigen Block sicher findet. Diese kleine Aufgabe zeigt mehr über die Pflegbarkeit als die bloße Zahl vorhandener Designoptionen.
Vom Editor ins Frontend prüfen
Eine Vorschau ist vor allem dann wichtig, wenn Theme und Editor nicht jede Darstellung identisch zeigen. Öffnen Sie den Entwurf im Frontend und betrachten Sie Lesebreite, Umbrüche und Fokuszustände. Prüfen Sie Sprunglinks mit vorhandenen Überschriften-IDs. Wenn ein Inhaltsverzeichnis erzeugt wird, dürfen nachträglich geänderte Titel keine stillen defekten Ziele hinterlassen. Testen Sie auch, ob ein Hinweisbereich mit Tastatur erreichbar ist und ob aufklappbare Informationen ihren Zustand klar anzeigen. Animation darf den Inhalt nicht verzögert zugänglich machen.
Achten Sie auf echte lange Inhalte. Ein Beispiel mit zwei Absätzen kann ein Layoutproblem verdecken, das erst nach mehreren Bildschirmhöhen sichtbar wird. Prüfen Sie mindestens eine längere Tabelle, eine Liste und ein Bild mit Bildunterschrift. Unterstreichen Sie Links eindeutig und verwenden Sie Fettschrift sparsam zur Orientierung. Wenn nahezu jeder Satz hervorgehoben ist, verliert das Mittel seine Wirkung. Der Artikel sollte bei normalem Lesen ruhig bleiben und beim Überfliegen seine wichtigsten Arbeitsschritte erkennen lassen.
Änderungen mit einem kleinen Redaktionscheck abschließen
Vergleichen Sie nach einer Bearbeitung den sichtbaren Inhalt mit der vorherigen Fassung. Wurde nur der geplante Absatz geändert oder auch ein gemeinsames Muster? Sind Links und Bildbeschreibungen erhalten geblieben? Dokumentieren Sie größere strukturelle Eingriffe, damit spätere Prüfer den Anlass verstehen. Bei einfachen Textkorrekturen reicht häufig eine kurze Sichtprüfung. Neue Layouts und neue Blockfunktionen brauchen eine breitere Abnahme, besonders auf kleinen Bildschirmen und mit reduzierter Bewegung.
- Überschriften bilden eine sinnvolle Hierarchie.
- Listenansicht zeigt eine verständliche und sparsame Verschachtelung.
- Synchronisierte Muster werden bewusst zentral gepflegt.
- Bilder, Tabellen und Links funktionieren im Frontend.
- Ein Redaktionskonto kann die vorgesehenen Inhalte sicher bearbeiten.
Der Zielzustand ist ein pflegbarer Inhalt, dessen Form nicht bei jeder Änderung neu erfunden werden muss. Die Redaktion weiß, welche Elemente lokal wirken und welche Änderungen gemeinsam verwendet werden. Wiederverwendbare Muster sparen Arbeit, während der Haupttext weiterhin individuell bleibt. Für Änderungen am gesamten Websiteaufbau führt der nächste Weg zum Site Editor und zu Templates. Dort wird die Trennung zwischen einer einzelnen Inhaltsseite und ihrer übergeordneten Darstellung besonders wichtig.