Was ist ein Theme?
Trenne in deinem Kopf Inhalt und Aussehen. Der Inhalt — dein Text über das Unternehmen, deine Produktfotos, deine Blogartikel — liegt in der Datenbank. Das Theme ist die Hülle drumherum, die entscheidet, wie dieser Inhalt im Browser dargestellt wird. Welche Farbe hat der Button? Wie groß ist die Überschrift? Wo sitzt das Menü?
Wenn du das Theme wechselst, bleiben alle Inhalte erhalten — nur das Design ändert sich komplett. Das ist eine der größten Stärken von WordPress: Du kannst nach drei Jahren einen kompletten Relaunch machen, ohne auch nur einen Blogartikel anfassen zu müssen.
Technisch besteht ein Theme aus Template-Dateien (PHP), Stylesheets (CSS), oft JavaScript, manchmal eigenen Funktionen. WordPress kombiniert beim Seitenaufruf die Template-Dateien mit den Inhalten aus der Datenbank und liefert fertiges HTML an den Browser.
Konkretes Beispiel: Eine Anwaltskanzlei will ihre Website auffrischen. Alte Texte, neue Optik. Mit einem Theme-Wechsel — etwa von Twenty Twenty-Two auf GeneratePress mit individuellem Styling — ist das in wenigen Tagen erledigt. Die Mandantenseite, das Impressum, die Referenzen — alles bleibt, nur das Erscheinungsbild ist ein anderes.
Kostenlose vs. Premium Themes
Es gibt grob drei Kategorien von Themes, die sich in Qualität, Preis und Anspruch deutlich unterscheiden:
| Kategorie | Beispiele | Preis | Für wen |
|---|---|---|---|
| Kostenlose Standard-Themes | Twenty Twenty-Four, Twenty Twenty-Three | 0 Euro | Einsteiger, Tests, sehr einfache Seiten |
| Kostenlose Multi-Purpose-Themes | Astra Free, GeneratePress Free, Kadence Free | 0 Euro | KMU mit kleinem Budget |
| Premium Themes | Astra Pro, GeneratePress Premium, Kadence Pro, Blocksy Pro | 50-100 Euro/Jahr | Ernsthafte Unternehmensseiten |
| Marketplace-Themes | Avada, Divi, Enfold (ThemeForest) | 60-100 Euro einmalig | Seiten, die mit integriertem Builder gebaut werden |
Meine harte Meinung: Finger weg von Avada, Enfold und ähnlichen ThemeForest-Monstern. Die Themes sind überladen, schwer zu pflegen, und wenn der Support-Zeitraum abläuft, bist du allein. Besser sind schlanke, schnelle Themes wie GeneratePress, Astra oder Kadence, die du mit einem Page Builder wie Elementor kombinierst. Leichtgewichtig, schnell, gut gepflegt.
Wie funktioniert ein Theme?
Die Installation ist in WordPress genauso einfach wie bei Plugins:
- Im Backend auf Design → Themes → Neu hinzufügen.
- Theme aussuchen, installieren, aktivieren.
- Über den Customizer oder (bei Block-Themes) den Gutenberg-Site-Editor anpassen: Logo, Farben, Schriften, Menü.
- Seiten bauen, Inhalte einpflegen.
Template Hierarchy und zentrale Dateien
Unterhalb der Haube besteht ein Theme aus Template-Dateien wie header.php, footer.php, single.php (für einzelne Blogbeiträge), page.php (für Seiten), archive.php (für Übersichten) und style.css. WordPress folgt einer festen Reihenfolge — der Template Hierarchy — und sucht für jeden Seitenaufruf die passendste Datei. Wenn jemand einen Blogbeitrag der Kategorie "News" öffnet, prüft WordPress in dieser Reihenfolge: single-news.php, dann single-post.php, dann single.php, dann index.php. Die erste Datei, die existiert, gewinnt. So kannst du für jeden Post Type, jede Kategorie und jedes Archiv ein eigenes Layout bauen, ohne den Rest anfassen zu müssen.
Zwei Dateien sind unverzichtbar: style.css enthält die Theme-Metadaten (Name, Version, Autor) und das Haupt-Stylesheet. functions.php ist die zentrale Theme-Datei, in der du eigene Funktionen, Hook-Registrierungen, Menüs und Theme-Features definierst. Sie wird bei jedem Seitenaufruf geladen und ist der Ort, an dem Entwickler das Theme um eigene Logik erweitern.
Block Themes und FSE — theme.json
Seit WordPress 5.9 gibt es eine neue Theme-Art: Block Themes, die vollständig auf Gutenberg und Full Site Editing (FSE) aufbauen. Statt header.php, footer.php und single.php bestehen Block Themes aus HTML-Templates, die im Site Editor visuell bearbeitet werden — auch Header, Footer und Archive. Beispiele sind Twenty Twenty-Four, Frost oder Blockbase.
Das Herzstück jedes Block Themes ist die theme.json — eine zentrale Konfigurationsdatei, die Farben, Schriftgrößen, Abstände, Breakpoints und verfügbare Block-Einstellungen global für die gesamte Website definiert. Einmal richtig konfiguriert, sorgt theme.json dafür, dass jede neue Seite automatisch die gleichen Design-Tokens verwendet. Das ist das WordPress-Pendant zu einem Design-System.
Klassische Themes wie GeneratePress oder Astra nutzen weiterhin PHP-Templates und den Customizer. Beide Welten existieren parallel — für Landingpages mit Page Builder sind klassische Themes oft noch flexibler, für reine Content-Sites holt FSE schnell auf.
Warum ist das Theme für deine Website wichtig?
Das Theme entscheidet über drei Dinge, die alle direkt auf deinen Erfolg einzahlen:
- Performance. Ein schlankes Theme lädt in unter einer Sekunde. Ein überladenes Multi-Purpose-Theme bringt 300 Features mit, die du nie nutzt — und deine Seite kriecht. Google bestraft langsame Seiten im Ranking, siehe Core Web Vitals und Cache.
- Pflegeaufwand. Gut gebaute Themes bekommen regelmäßige Updates, sind kompatibel zu den gängigen Plugins und brechen bei WordPress-Updates nicht zusammen. Schlechte Themes sind ein Zeitfresser.
- Design-Freiheit. Manche Themes lassen dich frei gestalten, andere zwängen dich in ein starres Raster. Wenn du Individualität willst, brauchst du ein Theme, das flexibel ist — in Kombination mit einem Page Builder.
Parent Theme vs. Child Theme
Hier kommt ein Detail, das viele Einsteiger übersehen und hinterher Geld kostet: Wenn du ein Theme direkt veränderst — also in den Dateien herumpfuschst —, werden alle Änderungen beim nächsten Theme-Update gelöscht. Weg. Für immer. Der Grund ist einfach: Bei einem Update wird das komplette Theme-Verzeichnis durch die neue Version ersetzt.
Deshalb gibt es die Unterscheidung zwischen Parent Theme und Child Theme. Das Parent Theme ist das eigentliche Haupt-Theme (zum Beispiel GeneratePress oder Astra), das regelmäßig vom Hersteller Updates bekommt. Das Child Theme ist eine kleine Kopie, die vom Parent Theme "erbt" — alle Styles, Templates und Funktionen übernimmt — und nur deine eigenen Änderungen enthält. Technisch besteht ein Child Theme aus einem Ordner mit mindestens einer style.css und einer functions.php, in denen du das Parent Theme als Grundlage deklarierst.
Faustregel: Jede individuelle Code-Anpassung gehört in ein Child Theme. Auch kleine Sachen wie eine geänderte Footer-Zeile oder ein eigenes CSS-Snippet. Ausnahme: Wenn du nur im Customizer oder im Page Builder arbeitest, brauchst du kein Child Theme — diese Änderungen werden in der Datenbank gespeichert und sind updatesicher.
Häufige Fehler bei Themes
Zu großes Theme wählen. Viele Einsteiger greifen zu Avada oder Enfold, weil die Demos beeindruckend aussehen. Hinterher stellt sich raus, dass das Theme 50 MB CSS lädt und die Seite gruselig langsam ist.
Theme und Builder mischen. Wer ein Theme mit eingebautem Builder (Divi, Avada) kauft und dann trotzdem Elementor zusätzlich installiert, bekommt Chaos. Entscheide dich für eine Lösung und bleib dabei.
Theme von zweifelhafter Quelle. "Nulled Themes" — raubkopierte Premium-Themes aus dubiosen Foren — sind voll mit Schadcode. Klingt nach Geldsparen, kostet dich am Ende die ganze Seite.
Ignorieren, dass das Theme auch Updates braucht. Themes bekommen Sicherheits-Updates genauso wie Plugins und der WordPress-Core. Wer sie monatelang ignoriert, lebt gefährlich.