Zum Inhalt springen

Theme

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 02.09.2026

Ein Theme ist das austauschbare Erscheinungsbild einer Website: ein Paket aus Templates, Stylesheets, Skripten und Bildern, das ein CMS über die Inhalte legt. Die Inhalte bleiben in der Datenbank, das Theme bestimmt, wie sie aussehen. Ein Wechsel verändert das Aussehen, ohne die Inhalte anzufassen.

Theme

Paket aus Templates und Gestaltungsdateien, das das Erscheinungsbild einer Website liefert und sich im CMS aktivieren lässt.
Beispiel: „Nach dem Theme-Wechsel stehen dieselben Beiträge da, nur in neuem Gewand.“

Child Theme: ein Theme, das ein anderes erweitert und nur die geänderten Dateien mitbringt. Es überlebt Aktualisierungen des Eltern-Themes.

Abgrenzung zum Template: Ein Template ist ein einzelnes Seitengerüst. Ein Theme bündelt viele davon und trägt das Erscheinungsbild der gesamten Website.

Ein Rahmen Theme, der vier Templates sowie Stylesheets, Skripte und Bilder umschließt
Das Theme umschließt die Templates für die einzelnen Inhaltstypen und liefert die Gestaltungsdateien gleich mit.

Was in einem Theme liegt

Ein Theme ist ein Verzeichnis mit einer festen Aufteilung, die das jeweilige System vorgibt. Neben den Templates für die einzelnen Inhaltstypen liegen dort die Stildateien, die Skripte und die statischen Bilder, dazu eine Datei mit den Angaben zum Theme selbst.

<!-- Typischer Aufbau eines WordPress-Child-Themes -->
mein-theme-child/
  style.css        <!-- enthält den Verweis auf das Eltern-Theme -->
  functions.php    <!-- lädt die Stile des Eltern-Themes nach -->
  single.php       <!-- ersetzt gezielt eine Vorlage -->

Gekaufte Themes und ihre Kosten

Fertige Themes kosten oft unter hundert Euro und liefern in einer Stunde eine ansehnliche Website. Der Preis dafür zeigt sich später. Sie sind für möglichst viele Anwendungsfälle gebaut und bringen deshalb Funktionen mit, die im konkreten Projekt niemand braucht, aber jeder Besucher mitlädt. Dazu kommen Abhängigkeiten von Plugins, die der Theme-Anbieter voraussetzt.

Aus unseren Projekten kennen wir vor allem zwei Folgen. Erstens die Ladezeit: Ein Universal-Theme lädt regelmäßig ein Vielfaches dessen, was die Seite tatsächlich zeigt. Zweitens die Abhängigkeit vom Anbieter, denn stellt er die Pflege ein, steht die Website ohne Sicherheitsaktualisierungen da. Wer ein gekauftes Theme einsetzt, sollte es deshalb wie eine Software behandeln, deren Hersteller ausfallen kann.

Anpassen ohne Aktualisierungen zu verlieren

Änderungen gehören nie direkt in die Dateien eines gekauften Themes, weil die nächste Aktualisierung sie überschreibt. Dafür gibt es das Child Theme: Es erbt alles vom Eltern-Theme und ersetzt gezielt einzelne Dateien. In TYPO3 übernimmt diese Aufgabe eine eigene Site-Extension, die auf das Basis-Paket aufsetzt. Statamic geht einen anderen Weg und kennt gar keine Themes im engeren Sinn: Dort liegen die Views direkt im Projekt, weshalb die Frage nach Vererbung sich nicht stellt.

Siehe auch:

Design System

Gepflegte Sammlung aus Gestaltungsregeln, wiederverwendbaren Bausteinen und deren Dokumentation für alle Oberflächen einer Marke.

#Webdesign-Grundlagen

Template

Wiederverwendbares Seitengerüst, das den Aufbau festlegt und die Inhalte offen lässt.

#Webdesign-Grundlagen

Dark Mode

Darstellung einer Oberfläche mit dunklem Hintergrund und hellem Text, als Alternative zur hellen Standarddarstellung.

#Webdesign-Grundlagen