Ein Block Theme besteht aus einer theme.json-Datei (die Design-Tokens wie Farben, Typografie und Abstände zentral definiert) und HTML-Template-Dateien im Ordner /templates/. Diese Templates verwenden Block-Markup (,
Block Theme
Praxisbeispiel
Ein mittelständisches Unternehmen wechselt von einem Classic Theme mit 40+ PHP-Dateien zu einem Block Theme. Der Marketingleiter kann nun selbst die Startseite umstrukturieren, Footer-Links aktualisieren und neue Landing-Page-Templates anlegen — ohne ein Entwickler-Ticket zu erstellen. Änderungen sind sofort im visuellen Editor sichtbar.
Verwandte Begriffe
- Gutenberg Editor: Der Block-basierte Editor, auf dem Block Themes technisch aufbauen.
- theme.json: Die zentrale Konfigurationsdatei eines Block Themes, die Design-Tokens und Editor-Einstellungen definiert.
- Full Site Editing (FSE): Das Konzept, alle Seitenbereiche über den Gutenberg Editor zu gestalten — Block Themes sind die technische Voraussetzung dafür.
Definition
Ein Block Theme ist ein WordPress-Theme, das vollständig auf dem Gutenberg-Blocksystem basiert. Im Gegensatz zu klassischen Themes (Classic Themes) definiert es Templates und Template-Parts als HTML-Dateien mit Block-Markup statt als PHP-Templates mit Template-Tags.
Bedeutung
Block Themes ermöglichen Full Site Editing (FSE): Alle Bereiche einer Website — Header, Footer, Seitenleisten, Archive-Templates — lassen sich direkt im WordPress Site Editor bearbeiten, ohne PHP-Code anzufassen. Für Unternehmen reduziert das die Abhängigkeit von Entwicklern bei Layout-Änderungen und beschleunigt redaktionelle Workflows.
Funktionsweise
Ein Block Theme besteht aus einer theme.json-Datei (die Design-Tokens wie Farben, Typografie und Abstände zentral definiert) und HTML-Template-Dateien im Ordner /templates/. Diese Templates verwenden Block-Markup (, etc.) statt PHP-Funktionen. Über die theme.json steuert das Theme globale Stile, die im Site Editor visuell überschrieben werden können. Custom Blocks und Patterns ergänzen die Gestaltungsmöglichkeiten.
Praxisbeispiel
Ein mittelständisches Unternehmen wechselt von einem Classic Theme mit 40+ PHP-Dateien zu einem Block Theme. Der Marketingleiter kann nun selbst die Startseite umstrukturieren, Footer-Links aktualisieren und neue Landing-Page-Templates anlegen — ohne ein Entwickler-Ticket zu erstellen. Änderungen sind sofort im visuellen Editor sichtbar.
Verwandte Begriffe
- Gutenberg Editor: Der Block-basierte Editor, auf dem Block Themes technisch aufbauen.
- theme.json: Die zentrale Konfigurationsdatei eines Block Themes, die Design-Tokens und Editor-Einstellungen definiert.
- Full Site Editing (FSE): Das Konzept, alle Seitenbereiche über den Gutenberg Editor zu gestalten — Block Themes sind die technische Voraussetzung dafür.