WordPress Child Theme erstellen: wann brauchst du es & wie erstellst du es?
Wenn du das Theme deiner WordPress-Website anpasst, werden die Änderungen leider beim nächsten Update überschrieben. Um das zu verhindern, benötigst du ein Child Theme.
Mit einem Child Theme kannst du Änderungen am Design und Verhalten deiner Website vornehmen, ohne auf Theme-Updates verzichten zu müssen.
In diesem Beitrag lernst du Schritt für Schritt, wie du ein Child Theme erstellst.
Also tauchen wir ein in die Welt der Child Themes und bringen wir deine WordPress-Website auf das nächste Level!
Inhaltsverzeichnis
Was ist ein Child Theme?
Ein Child Theme ist im Prinzip eine Kopie des eigentlichen Themes (Parent Theme). Das Child Theme erbt alle Style-Eigenschaften und Funktionen des Parent Theme.
Das Child Theme ist dazu da, um dein Theme zu erweitern oder Änderungen an den Templates deines Themes zu machen.
Wann brauchst du ein Child Theme?
Sobald du Änderungen an den Templates deines Themes durchführen möchtest, solltest du ein Child Theme einrichten. Denn wenn du dein normales Theme anpasst, gehen die Anpassungen beim nächsten Update leider wieder verloren.
Ein Child Theme sorgt dafür, dass deine Änderungen Update sicher sind und bei einem Update nicht überschrieben werden.
Du kannst zwar auch CSS Anpassungen am Style deines Themes vornehmen, da du CSS Anpassungen aber auch im Customizer deines Themes einfügen kannst und diese nicht bei Updates überschrieben werden, brauchst du nicht extra ein Child Theme einzurichten, wenn du lediglich CSS Anpassungen vornehmen möchtest.
Allerdings besteht darin auch ein kleines Sicherheitsrisiko. Wenn bei einem Update deines Themes z.B. eine Sicherheitslücke in der header.php geschlossen wurde und du hast aber Anpassungen darin in deinem Child Theme vorgenommen, so befindet sich die Datei in deinem Child Theme noch auf dem Stand vor dem Sicherheitspatch.
Daher solltest du nach Updates deines Themes mit dem Plugin Child Theme Check die Dateien des Child und Parent Theme miteinander vergleichen, um etwaige Änderungen zu finden und anpassen zu können.
Wie erstellst du dein eigenes Child Theme in WordPress?
Einige Theme Entwickler bieten Child Themes für ihre Themes zum Download an, wie beispielsweise Astra*. Hier kannst du einfach dein Child Theme generieren, herunterladen und in deiner Website installieren.
Schau einfach, ob es von deinem Theme etwas Ähnliches gibt oder frag direkt bei den Entwicklern an.
Um ein Child Theme zu erstellen, hast du zwei Möglichkeiten
WordPress Child Theme mit Plugin erstellen
Die erste Möglichkeit ist, ein Plugin wie Child Theme Configurator zu nutzen.
Das Plugin führt dich hier durch die einzelnen Schritte.
Eine genaue Anleitung findest du im Video der Plugin Entickler:
WordPress Child Theme manuell erstellen
Die zweite Möglichkeit ist das Child Theme erstellen.
Um dein Child Theme selbst zu erstellen sind nur ein paar Schritte nötig und es ist weit weniger kompliziert, als du vielleicht denkst.
1. Verzeichnis für Child Theme anlegen
Als Erstes verbindest du dich per FTP mit deinem Sever.
In deiner WordPress Installation erstellst du nun unter wp-content > themes ein Verzeichnis für dein Child Theme. Den Namen kannst du prinzipiell frei wählen, aber ich denke der Name des Parent Themes mit dem Zusatz Child oder Child-Theme macht wohl am meisten Sinn.
2. style.css-Datei erstellen
In diesem Verzeichnis legst du eine neue Datei mit dem Namen style.css an. Darin kannst du später CSS Anpassungen vornehmen.
Die Datei benötigt folgenden Inhalt:
/*
Theme Name: Reuss Child Theme
Author: Blogcraft
Author URI: https://blogcraft.io/
Description: Reuss Child Theme
Template: reuss
Version: 1.0
Text Domain: reuss
*/
Natürlich solltest du Name, Author etc. entsprechend anpassen.
3. functions.php-Datei erstellen
Als Nächstes musst du die Datei functions.php im Verzeichnis deines Child Themes mit folgendem Inhalt erstellen:
<?php
/**
* Parent und Child Theme Stylesheets einbinden
*/
function child_theme_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('parent-style'));
}
add_action( 'wp_enqueue_scripts', 'child_theme_styles' );
?>
Durch den Code wird dafür gesorgt, dass zuerst das Stylesheet des Parent Theme geladen wird und anschließend das des Child Themes.
In der functions.php fügst du später bei Bedarf neue Funktionen für dein Theme ein.
4. Screenshot hochladen
Damit du dein Child Theme im WordPress Backend von den anderen Themes unterscheiden zu können, kannst du noch ein Bild mit dem Namen screenshot.png in das Verzeichnis deines Child Themes laden.
Du kannst aber auch erst mal einfach den Screenshot aus dem Parent Theme Verzeichnis rüberkopieren.
5. Anpassungen aus dem Parent Theme Customizer exportieren
Hast du in deinem Theme bereits Anpassungen im Customizer vorgenommen, wären diese beim Wechseln zum Child Theme nicht vorhanden.
Aber mit dem Plugin Customizer Export/Import kannst du diese Anpassungen einfach aus deinem Parent Theme exportieren und in dein Child Theme importieren.
Wenn du das Plugin installiert hast, findest du im Customizer > Export/Import und kannst hier zunächst die Anpassungen deines Parent Themes exportieren.
6. Child Theme aktivieren
Nun kannst du unter Design > Themes dein neues Child Theme aktivieren.
Du kannst dir auch zunächst eine Live Vorschau des Themes anzeigen lassen und somit überprüfen, ob alles korrekt dargestellt wird, mit deinem Child Theme.
7. Parent Theme Anpassungen importieren
Wie in Schritt 5 gehst du nun wieder in den Customizer > Export/Import und importierst dort die Datei, die du zuvor exportiert hast.
Änderungen an den Template-Dateien deines Themes vornehmen
Nun kannst du gewünschte Änderungen an deinem Child Theme vornehmen, ohne dass diese bei einem Update überschrieben werden würden.
Wichtig ist, dass du die Ordnerstruktur genau so anlegst wie im Parent Theme.
Wenn du wie in meinem Fall das Beitragstemplate (post-1.php) anpassen möchtest, müssen in diesem Beispiel im Verzeichnis des Child Themes zunächst die Ordner templates > post > single angelegt werden, bevor die post-1.php aus dem Parent Theme rüberkopiert werden kann.
Also je nachdem, wo sich die Datei im Parent Theme befindet, muss dieselbe Ordnerstrucktur auch im Child Theme erstellt werden.
Fazit: Ein Child Theme in WordPress zu erstellen ist einfacher als gedacht
Mit wenigen Schritten kannst du sicherstellen, dass deine Theme-Anpassungen beim nächsten Update nicht überschrieben werden.
Aber wie ich bereits erwähnte, würde ich nicht extra Child Theme anlegen, wenn ich lediglich ein paar CSS Anpassungen vornehmen möchte.
Stell mir deine offenen Fragen gerne unten in die Kommentare.
WordPress-Fan seit über 10 Jahren und Autor von Blogcraft.io
WordPress-Fan seit über 10 Jahren und Autor von Blogcraft.io
Bei Links, die mit einem * markiert sind, handelt es sich um sog. Affiliate-Links. Wenn du einen Kauf über diese Links tätigst, bekommen wir eine Provision und du kannst unsere Arbeit aktiv unterstützen. Danke dafür ❤️
Für dich entstehen dadurch keine weiteren Kosten und du kannst dir sicher sein, dass wir nur Tools empfehlen, die wir auch wirklich für gut erachten.
