Full Site Editing
Full Site Editing (FSE) ist Gutenbergs Erweiterung auf das gesamte Website-Layout. Mit FSE lassen sich nicht nur Beiträge und Seiten im Block Editor bearbeiten, sondern auch Header, Footer, Sidebar und alle anderen Theme-Bereiche – ohne eine einzige Zeile Code. Grundlage dafür sind Block Themes, die komplett aus Blöcken aufgebaut sind.
Was FSE verändert
Vor FSE war das Theme-Design Entwicklersache: Header und Footer waren PHP-Templates, die nur mit Code geändert werden konnten. Mit FSE wird das gesamte Layout im visuellen Editor bearbeitet. Der Site Editor (Darstellung → Editor) ermöglicht:
- Header und Footer gestalten und ändern
- Templates für Beiträge, Seiten, Archive, 404-Seiten erstellen
- Template Parts (Kopfzeile, Fußzeile) definieren und wiederverwenden
- Globale Styles (Farben, Schriften, Abstände) zentral verwalten
- Block Patterns direkt im Site Editor erstellen und verwalten
Block Themes vs. klassische Themes
- Klassisches Theme – PHP-Templates,
functions.php, CSS-Dateien. FSE-Funktionen nur eingeschränkt verfügbar. - Block Theme – komplett aus Blöcken und JSON-Konfiguration aufgebaut. Vollständige FSE-Unterstützung, kein PHP in Templates nötig. Beispiele: Twenty Twenty-Four, Kadence (Block-Version).
theme.json
Die theme.json ist die zentrale Konfigurationsdatei von Block Themes. Sie definiert globale Design-Tokens: Farbpalette, Schrift-Skala, Abstände, Border-Radius und welche Block-Optionen im Editor verfügbar sind. Sie ersetzt viele Aufgaben, die früher in CSS und functions.php erledigt wurden – und macht Themes konsistenter und wartungsfreundlicher.
FSE in der Praxis
FSE ist mächtig, aber noch nicht für jeden Anwendungsfall ausgereift. Für Websites, die von Redakteuren gepflegt werden und ein klares Layout-System brauchen, ist FSE mit einem gut konfigurierten Block Theme heute eine solide Wahl. Sehr komplexe Custom-Funktionalitäten erfordern weiterhin klassische Entwicklungsansätze.
