Möchten Sie Ihr WordPress Theme anpassen? Dann ist ein Child Theme der sichere Weg. In diesem Artikel erkläre ich, was ein Child Theme ist und wie Sie eines erstellen.

Was ist ein Child Theme?

Ein Child Theme ist ein Theme, das die Funktionalität eines anderen Themes (des "Parent Themes") übernimmt. Sie können Anpassungen im Child Theme vornehmen, ohne das ursprüngliche Theme zu verändern.

Vorteile eines Child Themes:

  • Ihre Anpassungen bleiben nach Theme-Updates erhalten
  • Sie können jederzeit zum Original zurückkehren
  • Einfacher zu pflegen als direkte Änderungen am Theme
  • Sichereres Experimentieren mit Code

Schritt 1: Den Child-Theme-Ordner anlegen

Verbinden Sie sich per FTP oder über den Dateimanager in DirectAdmin mit Ihrem Hosting. Gehen Sie zu wp-content/themes und legen Sie einen neuen Ordner an.

Nennen Sie den Ordner zum Beispiel: ihr-theme-child (ersetzen Sie "ihr-theme" durch den Namen Ihres Parent Themes).

Schritt 2: style.css anlegen

Erstellen Sie im neuen Ordner eine Datei namens style.css mit folgendem Inhalt:

/*
Theme Name: Ihr Theme Child
Template: ihr-theme*/

Wichtig:

  • Theme Name: Der Name, den Sie in WordPress sehen (frei wählbar)
  • Template: Der exakte Ordnername des Parent Themes (muss genau übereinstimmen)

Schritt 3: functions.php anlegen

Erstellen Sie eine Datei namens functions.php mit diesem Code:

<?php
add_action('wp_enqueue_scripts', 'child_theme_styles');
function child_theme_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_uri(), array('parent-style'));
}

Dieser Code sorgt dafür, dass sowohl die Styles des Parent Themes als auch die des Child Themes geladen werden.

Schritt 4: Das Child Theme aktivieren

  1. Gehen Sie in WordPress zu Design > Themes
  2. Sie sehen jetzt Ihr Child Theme in der Liste
  3. Klicken Sie auf Aktivieren

Ihre Website sieht jetzt genauso aus wie vorher, läuft aber mit dem Child Theme.

Anpassungen vornehmen

CSS-Anpassungen

Fügen Sie Ihr eigenes CSS in die style.css des Child Themes ein, unterhalb des Theme-Headers:

/*
Theme Name: Ihr Theme Child
Template: ihr-theme*/

/* Ihre Anpassungen hier darunter*/
body {
    font-size: 16px;
}

.header {
    background-color: #333;
}

Template-Dateien überschreiben

Möchten Sie eine Template-Datei anpassen (zum Beispiel header.php)? Kopieren Sie die Datei aus dem Parent Theme in Ihren Child-Theme-Ordner und passen Sie sie dort an. WordPress verwendet automatisch die Version aus dem Child Theme.

Funktionen hinzufügen

Zusätzliche Funktionen fügen Sie in die functions.php des Child Themes ein. Diese werden neben (nicht anstelle) den Funktionen des Parent Themes geladen.

Häufige Fehler

Der Template-Name stimmt nicht

Die Zeile Template in der style.css muss genau mit dem Ordnernamen des Parent Themes übereinstimmen. Prüfen Sie das per FTP, wenn Ihr Child Theme nicht funktioniert.

Styles werden nicht geladen

Prüfen Sie, ob die functions.php korrekt ist und keine PHP-Fehler enthält. Schon ein kleiner Tippfehler kann Probleme verursachen.

Anpassungen werden überschrieben

Achten Sie darauf, dass Ihr CSS spezifisch genug ist. Manchmal müssen Sie !important hinzufügen oder spezifischere Selektoren verwenden.

Child Theme mit einem Plugin

Sie möchten keinen Code schreiben? Es gibt Plugins, die ein Child Theme für Sie erzeugen:

  • Child Theme Configurator: Erstellt automatisch ein Child Theme und hilft bei CSS-Anpassungen
  • Child Theme Wizard: Einfacher Assistent, um ein Child Theme zu erzeugen

Diese Plugins sind praktisch für Einsteiger, aber die manuelle Erstellung gibt Ihnen mehr Kontrolle.

Wann kein Child Theme nötig ist

Ein Child Theme ist nicht immer nötig:

  • Für kleine CSS-Anpassungen können Sie den Customizer (Design > Customizer > Zusätzliches CSS) verwenden
  • Wenn Ihr Theme selbst bereits Child-Theme-Unterstützung mit integrierten Optionen bietet
  • Wenn Sie für alle Anpassungen einen Page Builder wie Elementor verwenden

Erstellen Sie vor dem Start immer ein Backup Ihrer Website. So können Sie jederzeit zurück, wenn etwas schiefgeht.

Brauchen Sie Hilfe beim Einrichten Ihres Child Themes? Bei Theory7 helfen wir Ihnen gerne weiter (auf Niederländisch oder Englisch).

Häufig gestellte Fragen

Verliere ich meine Anpassungen bei einem Update des Parent Themes?

Nein, genau das ist der Vorteil eines Child Themes. Ihre Anpassungen stehen in separaten Dateien, die nicht überschrieben werden.

Kann ich mehrere Child Themes haben?

Sie können mehrere Child Themes erstellen, aber nur eines gleichzeitig aktiv haben.

Funktioniert ein Child Theme mit jedem Theme?

Die meisten Themes unterstützen Child Themes. Bei manchen Premium-Themes ist die Unterstützung eingeschränkt oder es wird ein eigenes Child Theme mitgeliefert.