Sie haben Stunden damit verbracht, Ihr Theme zu verfeinern: Schriftarten angepasst, den Header neu gestaltet, benutzerdefinierte Stile für Produktkarten hinzugefügt. Die Seite sieht genau so aus, wie Sie es wollten. Dann erscheint die Benachrichtigung „Theme-Update verfügbar", und nach einem einzigen Klick sind alle Ihre Änderungen verschwunden.

Kommt Ihnen das bekannt vor? Dieses Problem kennt jeder, der jemals ein WordPress-Theme direkt bearbeitet hat, ohne an einen Updateschutz zu denken. Die gute Nachricht: Dieses Problem ist vollständig lösbar, und Sie müssen kein Entwickler sein, um es zu beheben.

Nachfolgend finden Sie eine Schritt-für-Schritt-Anleitung, die für jedes WordPress-Theme funktioniert. Vom Erstellen eines Child-Themes bis zum sicheren Testen von Updates auf einer Live-Website.

💡 Kurzüberblick:

• Erfahren Sie, warum Theme-Anpassungen bei Updates verschwinden und wie WordPress Änderungen speichert
• Erstellen Sie ein Child-Theme in 5 Minuten, von Grund auf oder per Plugin
• Übertragen Sie bestehende Bearbeitungen in das Child-Theme, ohne etwas zu verlieren
• Richten Sie Backups ein und testen Sie Updates, ohne Ihre Website zu gefährden

Warum Theme-Einstellungen bei Updates verloren gehen

WordPress ist einfach aufgebaut: Jedes Theme befindet sich in einem eigenen Ordner innerhalb von /wp-content/themes/. Wenn Sie auf „Update" klicken, ersetzt WordPress die Theme-Dateien vollständig durch neue Versionen aus dem Repository. Alles, was Sie in style.css oder functions.php der alten Version bearbeitet haben, wird dauerhaft überschrieben.

Dieses Verhalten ist kein Fehler, sondern ein Feature. Es stellt sicher, dass Sie nach dem Update eine saubere, konsistente Version des Themes erhalten, ohne angesammelten „Ballast" aus zwischenzeitlichen Bearbeitungen. Das einzige Problem: WordPress weiß nicht, welche Änderungen von Ihnen stammen und was ursprünglich zum Theme gehörte.

Daher die wichtigste Regel der Theme-Anpassung: Bearbeiten Sie niemals die Dateien des Parent-Themes direkt. Stattdessen gehören alle Änderungen in eine separate Einheit, das sogenannte Child-Theme.

Child-Themes: So funktionieren sie

Ein Child-Theme ist eine schlanke Schicht, die über dem Parent-Theme liegt. Es erbt die gesamte Funktionalität und alle Stile des Originals, erlaubt Ihnen aber, nur das zu überschreiben, was Sie ändern müssen. Wenn das Parent-Theme aktualisiert wird, bleibt das Child-Theme unberührt und Ihre Bearbeitungen bleiben erhalten.

Das Prinzip ähnelt Ebenen in Photoshop: Die Basisebene ist das Parent-Theme, und darüber liegt eine transparente Child-Theme-Ebene. Sie zeichnen auf der oberen Ebene, und wenn die untere ausgetauscht wird, bleibt die obere erhalten.

Was Sie in einem Child-Theme unterbringen können:

• CSS-Regeln (Schriften, Farben, Abstände, Responsivität)
• Seitenvorlagen und einzelne Blöcke: header.php, footer.php und single.php
• Funktionale Änderungen über functions.php (Registrierung von Widgets, benutzerdefinierten Beitragstypen, Shortcodes)
• Übersetzungen und Textzeichenfolgen

Im Wesentlichen deckt ein Child-Theme die große Mehrheit der Anpassungsarten ab, für die Sie sonst in den Dateien des Parent-Themes graben müssten.

Ein Child-Theme erstellen: Schritt-für-Schritt-Anleitung

Der Vorgang dauert nicht länger als fünf Minuten und erfordert lediglich Zugriff auf die Dateien der Website per FTP oder über den Dateimanager Ihres Hostings.

Schritt 1: Ordner erstellen

Erstellen Sie im Verzeichnis wp-content/themes/ einen neuen Ordner. Benennen Sie ihn wie das Parent-Theme mit dem Suffix -child. Für das Theme twentytwentyfour würde der Ordner beispielsweise twentytwentyfour-child heißen. Diese Namenskonvention ist keine zwingende Voraussetzung, aber eine weithin akzeptierte Praxis, die sofort klarmacht, mit welchem Theme das Child-Theme verbunden ist.

Schritt 2: Stile mit style.css einbinden

Erstellen Sie im Ordner eine Datei style.css mit diesem Kopf:

1
/*
2
Theme Name: Twenty Twenty-Four Child
3
Template: twentytwentyfour
4
*/

Nur zwei Felder sind minimal erforderlich: Theme Name (ein beliebiger eindeutiger Name) und Template (der Ordnername des Parent-Themes, genau wie auf der Festplatte, Groß-/Kleinschreibung beachten). Ein Fehler bei Template und das Child-Theme erscheint nicht in der Liste der verfügbaren Themes im Admin-Bereich.

Schritt 3: Parent-Stile mit functions.php vererben

Erstellen Sie eine Datei functions.php mit folgendem Code:

1
<?php
2
function child_enqueue_parent_styles() {
3
    $theme = wp_get_theme();
4
    $version = $theme->parent() ? $theme->parent()->get('Version') : '1.0';
5
 
6
    wp_enqueue_style(
7
        'parent-style',
8
        get_template_directory_uri() . '/style.css',
9
        array(),
10
        $version
11
    );
12
}
13
add_action('wp_enqueue_scripts', 'child_enqueue_parent_styles');

Dieser Code erledigt zwei Dinge: Er lädt das Stylesheet des Parent-Themes und verknüpft es mit der Versionsnummer. Die Verknüpfung mit der Version ist entscheidend: Wenn das Parent-Theme aktualisiert wird, ändert sich auch die Versionsnummer in der Style-URL. Browser und CDNs erkennen die neue URL und leeren den Cache, sodass Sie kein „kaputtes" CSS erhalten, weil der Browser weiterhin eine alte zwischengespeicherte Version verwendet.

Schritt 4: Aktivieren

Gehen Sie zu WordPress-Admin → „Design" → „Themes". Suchen Sie das soeben erstellte Child-Theme anhand des Namens, den Sie unter Theme Name angegeben haben, und klicken Sie auf „Aktivieren".

Nach der Aktivierung verwendet WordPress das Child-Theme. Die Website sieht genauso aus wie mit dem Parent-Theme, da das Child-Theme noch nichts überschreibt.

Bestehende Bearbeitungen in das Child-Theme übertragen

Wenn Sie das Parent-Theme bereits direkt bearbeitet haben, geraten Sie nicht in Panik. Die Übertragung der Bearbeitungen in das Child-Theme erfolgt manuell, ist aber eine einmalige Aktion.

Der Ablauf ist folgender:

• Erstellen Sie eine Liste aller geänderten Dateien des Parent-Themes. In der Regel sind das style.css und functions.php, seltener Vorlagendateien.
• Kopieren Sie nur die geänderten Codeabschnitte in die entsprechenden Child-Theme-Dateien. Kopieren Sie nicht die gesamte Datei, da dies zukünftige Parent-Theme-Updates mit altem Code überschreiben würde. Übernehmen Sie nur das, was Sie hinzugefügt oder geändert haben.
• Nachdem Sie alle Bearbeitungen übertragen haben, stellen Sie die ursprünglichen Parent-Theme-Dateien aus dem Repository wieder her (installieren Sie das Theme einfach neu oder laden Sie eine frische Kopie herunter).

Falls Sie viele Änderungen angesammelt haben und nicht genau wissen, was Sie geändert haben, hier ein Tipp: Installieren Sie das Plugin One Click Child Theme (es erstellt ein Child-Theme mit einem Klick) und vergleichen Sie dann die Parent-Theme-Dateien manuell mit dem Original aus dem Repository, indem Sie ein diff-Tool oder einen Online-Vergleichsdienst verwenden. So sehen Sie genau, welche Zeilen Sie hinzugefügt haben.

Alternative Ansätze: Frameworks und Plugins

Ein Child-Theme ist die primäre und flexibelste Methode, aber es gibt auch andere Werkzeuge für sichere Anpassungen.

Theme-Frameworks

Wenn Sie gerade ein Theme auswählen und ernsthafte Änderungen planen, ziehen Sie Frameworks in Betracht. Das bekannteste Beispiel ist das Genesis Framework von StudioPress. Die Idee: Das Framework dient als „ewiges" Parent-Theme, und Sie arbeiten von Anfang an in einem Child-Theme. Genesis aktualisiert sich nicht chaotisch; seine Updates sind so konzipiert, dass sie Child-Themes nicht zerstören. Die Kosten betragen 60 $ pro Jahr, aber für diejenigen, die mit Websites Geld verdienen, ist das eine gerechtfertigte Investition.

Eine weitere Option ist das Total-Framework, das ein integriertes Feld für benutzerdefiniertes CSS im Admin-Bereich mitbringt. Für kleine stilistische Anpassungen kann dies ausreichen, ganz ohne ein Child-Theme zu erstellen.

Plugins

Wenn Sie lieber nicht an Theme-Dateien herumhantieren möchten, können einige Aufgaben an Plugins ausgelagert werden:

• WP Template Overrides ermöglicht es Ihnen, Vorlagen selektiv zu überschreiben, ohne ein Child-Theme zu erstellen. Nützlich, wenn Sie eine bestimmte Vorlage korrigieren müssen und die Erstellung eines Child-Themes übertrieben erscheint.
• Das Plugin One Click Child Theme erstellt ein Child-Theme direkt aus dem Admin-Bereich, ohne FTP. Perfekt für Ihre erste Erfahrung mit Child-Themes: Ein Klick und die Struktur steht.

Es ist wichtig, die Grenzen zu verstehen: Plugins decken enge Szenarien ab. Für systematische Anpassungsarbeiten ist ein Child-Theme zuverlässiger, da es nicht von Updates von Drittanbieter-Plugins abhängt und auch dann funktioniert, wenn Sie aktive Plugins wechseln.

Backups: Versicherung vor dem Update

Unabhängig davon, welche Methode Sie verwenden, erstellen Sie vor jedem Theme-Update ein Backup Ihrer Website. Das dauert ein paar Minuten, schont aber Ihre Nerven, falls etwas nicht nach Plan läuft.

Drei Backup-Ebenen, von einfach bis robust:

• Manuelles Backup per FTP. Laden Sie den Theme-Ordner herunter und exportieren Sie die Datenbank über phpMyAdmin oder WP-CLI (wp db export). Kostenlos, erfordert aber Disziplin; vor einem Update leicht zu vergessen.
• Automatisches Backup mit Plugins. Kostenlose Optionen aus dem WordPress-Verzeichnis übernehmen das tägliche Kopieren von Dateien und Datenbank. Unter den Premium-Lösungen stechen Jetpack VaultPress Backup (Echtzeit-Cloud-Backups) und Solid Backups (ehemals BackupBuddy, Wiederherstellung mit einem Klick) hervor.
• Backup auf Hosting-Ebene. Die meisten Managed-WordPress-Hoster erstellen automatisch tägliche Kopien. Erkundigen Sie sich bei Ihrem Anbieter, wie schnell Sie aus einem solchen Backup wiederherstellen können.

Die Regel ist einfach: Je näher das Update, desto aktueller sollte Ihr Backup sein. Backup erstellen → Theme aktualisieren → Website prüfen. Wenn sie abstürzt, in einer Minute zurücksetzen.

Ein Update sicher testen

WordPress behandelt verschiedene Versionen desselben Themes als zwei separate Themes. Wenn die Ordner mytheme (v1) und mytheme-new (v1.1) beide in /wp-content/themes/ existieren, zeigt der Admin-Bereich sie als zwei unterschiedliche Einträge an.

Sie können dieses Verhalten für sicheres Testen nutzen:

• Kopieren Sie das aktuelle Theme in einen Ordner mit einem anderen Namen (z. B. mytheme-old).
• Installieren Sie die neue Theme-Version auf dem üblichen Weg.
• Aktivieren Sie die neue Version und prüfen Sie die Website.
• Wenn etwas kaputtgeht, wechseln Sie mit einem Klick zur alten Version zurück.

Dies ersetzt kein Child-Theme, gibt Ihnen aber Spielraum, während Sie Einstellungen von der alten in die neue Version übertragen. Besonders hilfreich, wenn der Theme-Entwickler die Vorlagenstruktur in einem großen Update radikal geändert hat.

Das obige Video zeigt eine visuelle Demonstration der Erstellung eines Child-Themes vom Anfang bis zur Aktivierung. Falls nach der Textanleitung Fragen offen bleiben, klärt dieser 7-minütige Clip alles.

⁉️🤔 Häufig gestellte Fragen

Muss ich ein Child-Theme erstellen, wenn ich CSS nur über „Customizer" → „Zusätzliches CSS" bearbeitet habe?

Nein. Zusätzliche Stile über den Customizer werden in der WordPress-Datenbank gespeichert, nicht in den Theme-Dateien. Sie gehen bei Updates nicht verloren. Wenn Sie CSS jedoch über die Datei style.css des Themes hinzugefügt haben, ist ein Child-Theme erforderlich.

Kann ich ein Child-Theme erstellen, wenn die Website bereits live ist und Plugins installiert sind?

Ja, die Erstellung eines Child-Themes hat keine Auswirkungen auf Plugins. Der Prozess ist völlig unabhängig: Sie erstellen einen Ordner und zwei Dateien, aktivieren das Child-Theme, und die Website funktioniert weiter, als wäre nichts geschehen. Ein Vorbehalt: Wenn Sie Customizer-Funktionen genutzt haben (z. B. ein Logo oder Favicon festgelegt), müssen Sie diese nach der Aktivierung des Child-Themes neu konfigurieren, da diese Einstellungen an das spezifische aktive Theme gebunden sind.

Was soll ich tun, wenn der Entwickler das Parent-Theme aufgegeben hat?

Das Child-Theme funktioniert weiter, aber Sicherheit und Kompatibilität mit neuen WordPress-Versionen werden fraglich. Wenn das Parent-Theme seit über einem Jahr nicht aktualisiert wurde, sollten Sie eine Migration zu einem anderen Theme in Betracht ziehen. Kurzfristig nutzen Sie das Child-Theme wie gewohnt weiter, planen aber einen Übergang.

Warum ist das Genesis Framework besser als ein normales Parent-Theme?

Genesis wurde speziell dafür entwickelt, ein Parent-Theme zu sein. Es ändert das Design zwischen Versionen nicht drastisch, bietet eine saubere API aus Hooks und Filtern für Child-Themes und aktualisiert mit Blick auf Abwärtskompatibilität. Ein normales Theme kann seine Vorlagenstruktur jederzeit umgestalten, und Ihr Child-Theme funktioniert möglicherweise nicht mehr. Bei Genesis ist dieses Risiko minimal.

Kann ich das Theme automatisch aktualisieren, wenn ein Child-Theme aktiv ist?

Ja, genau dafür ist ein Child-Theme da. Das Parent-Theme aktualisiert sich automatisch (oder manuell), und das Child-Theme bleibt vollständig unberührt. Alle Ihre Bearbeitungen bleiben an Ort und Stelle.

Aktualisieren oder nicht: Was Sie jetzt tun sollten

Wenn Sie nur eine Sache aus diesem gesamten Artikel mitnehmen, dann diese einfache Regel: Bearbeiten Sie Theme-Dateien nicht direkt; erstellen Sie ein Child-Theme. Es dauert fünf Minuten, und die Ersparnis bemisst sich in Stunden der Wiederherstellung nach jedem Update.

Für Einsteiger ist der Weg folgender: Installieren Sie One Click Child Theme → klicken Sie auf eine Schaltfläche → aktivieren Sie das Child-Theme → und beginnen Sie erst dann mit den Anpassungen. Für diejenigen, die bereits Änderungen am Parent-Theme vorgenommen haben: Übertragen Sie diese gemäß der obigen Anleitung in das Child-Theme, stellen Sie die Originale wieder her und aktualisieren Sie beruhigt.

Haben Sie ein anderes Schema zum Schutz der Einstellungen bei Theme-Updates? Teilen Sie es in den Kommentaren mit, und wir erweitern die Anleitung.