Full Site Editing & Block-Themes erklärt

Zwei Personen arbeiten in einem modernen Büro mit Laptops vor einer Skyline. Zwischen ihnen schwebt ein interaktives, holographisches Interface mit den Worten "FULL SITE EDITING & BLOCK-THEMES EXPLAINED", WordPress-Logo, Block-Icon und "theme.json"-Symbol.

Einleitung – Wo steht WordPress heute und warum FSE aktuell so heiß diskutiert wird

WordPress ist mit über 40 % Marktanteil das dominierende CMS weltweit. Doch mit steigenden Anforderungen an Flexibilität und Performance geraten klassische Themes und Page Builder zunehmend an ihre Grenzen. Genau hier setzt Full Site Editing (FSE) an – ein Ansatz, der das gesamte Website-Management in den Block-Editor holt. Doch ist FSE wirklich der nächste logische Schritt für Entwickler und Designer?

Was ist Full Site Editing (FSE) genau?

Die Grundidee hinter FSE und wie es sich von klassischen Themes unterscheidet

Full Site Editing revolutioniert die Art, wie du mit WordPress arbeitest. Statt einzelne Inhalte (Beiträge, Seiten) zu editieren und Templates über PHP zu steuern, kannst du mit FSE die gesamte Website – inklusive Header, Footer und Templates – direkt im Block-Editor gestalten. Das bedeutet: keine Code-Änderungen im Theme-Ordner nötig, kein FTP-Zugriff mehr für Design-Anpassungen. Alles wird über Blöcke konfiguriert.

Im Vergleich zu klassischen Themes, die stark auf PHP, Customizer und externe Page Builder setzen, bietet FSE eine einheitliche, visuelle Editing-Oberfläche. Die User Experience wird dadurch konsistenter – sowohl für Entwickler als auch für Redakteure.

Technologische Grundlage: Gutenberg, Templates, Template Parts und Site Editor

FSE basiert vollständig auf dem Gutenberg-Editor, der seit WordPress 5.0 eingeführt wurde. Der Site Editor ist die zentrale Oberfläche, über die du Templates, Template Parts (z. B. Header, Footer) und globale Stile verwalten kannst.

  • Templates: Bestimmen das Layout von Seiten, Beiträgen, Archiven etc.
  • Template Parts: Wiederverwendbare Layout-Elemente, etwa für die Navigation oder den Footer
  • Site Editor: Visuelle Oberfläche zur Bearbeitung der gesamten Website-Struktur

Der gesamte Aufbau ist JSON-gesteuert: statt PHP definierst du Strukturen über Konfigurationsdateien wie theme.json – ideal für eine komponentenbasierte Entwicklung.

Vorteile und neue Möglichkeiten für Entwickler und Designer

Mit FSE verschieben sich die Verantwortlichkeiten: weniger PHP, mehr Strukturierung über JSON und Blöcke. Das eröffnet dir als Entwickler neue Möglichkeiten in Bezug auf Modularität, Wiederverwendbarkeit und Design-Konsistenz.

  • Designsysteme: Einheitliche Farben, Typografie und Abstände über globale Stile
  • Schnellere Prototypen: Layouts visuell erstellen, ohne Code-Änderungen
  • Bessere Übergabe an Kunden: Weniger Abhängigkeit von Page Buildern oder Child-Themes

Designer profitieren von der visuellen Kontrolle über das Layout, ohne auf individuelle Blöcke verzichten zu müssen.

Block-Themes erklärt: Der neue Standard für moderne WordPress-Websites

Aufbau und Struktur eines Block-Themes: theme.json, Templates und globale Stile

Ein Block-Theme ist vollständig auf FSE ausgelegt. Es besteht aus Verzeichnissen und Dateien, die alle Elemente der Website als Blöcke definieren. Die wichtigste Datei ist theme.json, in der globale Einstellungen wie Farben, Schriftarten, Abstände und Block-Verhalten zentral gesteuert werden.

  • templates/: Enthält die Templates für Seiten, Beiträge, Archive etc.
  • parts/: Template Parts wie Header und Footer
  • theme.json: Steuerung aller Design- und Editor-Einstellungen

Diese Struktur erleichtert dir die Wartung und Wiederverwendung erheblich. Änderungen an der theme.json wirken sich beispielsweise sofort auf alle Templates aus – ohne zusätzlichen Code.

Vergleich: Klassische Themes vs. Block-Themes – Unterschiede in Workflow und Wartung

Bei klassischen Themes beruht der Workflow typischerweise auf lokalem PHP-Development, SCSS-Compilern und eventuell einem Page Builder. Bei Block-Themes verschiebt sich der Fokus hin zu Konfiguration, visueller Bearbeitung und JSON-Definitionen.

  • Klassische Themes: Mehr Kontrolle über Code, aber auch mehr Wartungsaufwand
  • Block-Themes: Schnellere Entwicklung durch visuelle Tools, aber neue Lernkurve

In der Wartung bieten Block-Themes Vorteile: Einheitliche globale Stile, einfaches Überschreiben von Templates über das Dashboard und geringere Fehleranfälligkeit durch visuelles Feedback.

Kompatibilität mit bestehenden Plugins und Erweiterungen

Die gute Nachricht: Die meisten gängigen Plugins funktionieren auch mit Block-Themes. Besonders Plugins, die keine direkten Theme-Templates überschreiben (z. B. SEO-Plugins, Formular-Plugins), laufen stabil.

Schwieriger wird es bei Plugins, die stark in das Theme-Rendering eingreifen oder eigene Shortcodes verwenden. Hier solltest du prüfen:

  • Ist das Plugin FSE-kompatibel?
  • Gibt es eigene Blöcke anstelle von Shortcodes?
  • Werden Templates korrekt in den Site Editor integriert?

Eine Recherche im Plugin-Verzeichnis kann dir hier Klarheit verschaffen.

Vorteile und Herausforderungen von FSE im Praxis-Einsatz

Weniger PHP, mehr Konfiguration: Die neue Logik verstehen

FSE bedeutet nicht, dass du gar kein PHP mehr brauchst – aber die Schwerpunkte verschieben sich. Statt eigene Template-Dateien in PHP zu schreiben, arbeitest du mit JSON, HTML und Block-Markup.

Das ist besonders für Agenturen oder Freelancer spannend, die viele Projekte mit ähnlicher Struktur umsetzen: Du definierst ein wiederverwendbares Grund-Theme und passt es nur noch über theme.json und Template-Varianten an.

UX-Vorteile für Redakteure – aber auch neue Lernkurven

Redakteure profitieren stark von der visuellen Arbeitsweise im Site Editor. Änderungen am Footer, Austausch von Logos oder Anpassung von Farben sind ohne Entwicklerhilfe möglich. Doch diese Freiheit bringt auch neue Herausforderungen:

  • Veränderungen können unbeabsichtigt das Layout zerstören
  • Rollenkonzepte müssen überarbeitet werden (z. B. wer darf Templates anpassen?)
  • Schulungen für Redakteure sind empfehlenswert

Ein guter Kompromiss ist der Einsatz von Benutzerrollen-Plugins, mit denen du gezielt steuern kannst, was wer bearbeiten darf.

Performance, Skalierbarkeit und Zukunftssicherheit

Block-Themes und FSE bieten eine moderne Architektur, die langfristig besser skalierbar ist. Durch klar strukturierte Templates und zentrale Designsteuerung verbessert sich die Wartbarkeit – besonders in Multi-Site-Umgebungen oder bei Whitelabel-Projekten.

Performance-Vorteile ergeben sich durch die enge Integration mit dem Gutenberg-Core: keine zusätzlichen Page Builder, weniger Abhängigkeiten, klar strukturierter Output. Das reduziert Ladezeiten und verbessert die Core Web Vitals.

Solltest du jetzt umsteigen? Entscheidungshilfe für fortgeschrittene WordPress-Nutzer

Für wen sich der Umstieg lohnt: Use Cases und typische Einsatzszenarien

FSE lohnt sich vor allem für:

  • Agenturen mit standardisierten Website-Prozessen
  • Freelancer, die viele ähnliche Projekte betreuen
  • Redaktionslastige Websites mit häufigen Layoutanpassungen
  • Entwickler, die Designsysteme mit WordPress umsetzen wollen

Auch im Bereich Education und Non-Profit kann FSE sinnvoll sein, da es Redakteuren mehr Eigenständigkeit ermöglicht.

Wann du lieber warten solltest: Grenzen von FSE Stand heute

FSE ist noch nicht in jeder Hinsicht ausgereift. Du solltest mit dem Umstieg warten, wenn:

  • Du stark auf individuelle PHP-Logik angewiesen bist
  • Dein Projekt komplexe Plugin-Abhängigkeiten hat
  • Du viele individuelle Post Types und Taxonomien nutzt, die spezielle Templates benötigen
  • Dein Team wenig Erfahrung mit Gutenberg oder JSON-Strukturen hat

In diesen Fällen kann ein hybrider Ansatz sinnvoll sein – z. B. ein klassisches Theme mit unterstützenden Block-Features.

Praxis-Tipps für den schrittweisen Umstieg: Theme-Testing, Child-Themes, Migration

Ein kompletter Wechsel muss nicht sofort erfolgen. Stattdessen kannst du schrittweise vorgehen:

  • Theme-Testing: Installiere ein Block-Theme wie Twenty Twenty-Three auf einer Staging-Seite und teste den Site Editor
  • Child-Themes: Erstelle ein Child-Theme eines Block-Themes und passe Templates sowie die theme.json an
  • Migration: Nutze Plugins wie Block Themes Migration Tool, um vorhandene Inhalte in Block-Templates zu überführen

So minimierst du Risiken und kannst das Feedback deines Teams frühzeitig einbinden.

Fazit – Zukunftsstrategie für dein WordPress-Setup & nächste Schritte

Full Site Editing ist kein kurzfristiger Trend, sondern ein strategischer Wandel im WordPress-Ökosystem. Wenn du flexibel, modular und zukunftssicher mit WordPress arbeiten willst, führt an Block-Themes kaum ein Weg vorbei. Überlege dir konkrete Use Cases, teste erste FSE-Setups und entwickle so deine eigene FSE-Strategie – Schritt für Schritt.

Das könnte dich auch interessieren

Tim Ehling

Tim Ehling

WordPress & SEO-Experte

Technisches SEO, Wartung, Barrierefreiheit, Hilfe, Schulungen

Seit 2006 mit WordPress unterwegs. Ich mache komplexe WP-Themen greifbar, sichere Websites ab und optimiere Performance & SEO – pragmatisch statt Agentur-Blabla.

Alle Beiträge von Tim Ehling ansehen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert