WordPress Child Theme erstellen

Du möchtest Änderungen an deinem WordPress-Theme vornehmen, willst aber nicht, dass diese bei jedem Theme Update überschrieben werden? Dann solltest du ein WordPress Child Theme erstellen. In dieser Schritt-für-Schritt-Anleitung zeigen wir dir, wie du zu deinem bestehendem Eltern-Theme ein Child Theme anlegst.

Zur besseren Veranschaulichung nutzen wir in diesem Beispiel ein Standard WordPress-Theme und zwar das Twenty Twenty-One Theme.  Da du wahrscheinlich ein anderes Theme nutzt, passt du die Beispielangaben einfach auf dein Theme ab.

Ein Child Theme ermöglicht es dir Änderungen an deinem Parent Theme vorzunehmen, ohne dieses direkt zu bearbeiten. So gehen Änderungen durch ein Theme Update nicht verloren gehen. Das Child Theme erbt die Design-Eigenschaften, aber auch Funktionen des übergeordneten Parent-Themes. Dort kannst du neben Style Änderungen auch Funktionen einbauen. So legen wir nun los.

1. Verzeichnis für das Child Theme anlegen

Zuerst musst du dich mit deinem Server verbinden und dort ein neues Verzeichnis für dein Child-Theme erstellen. Im Themes Ordner (/wordpress/wp-content/themes) legst du jetzt ein neues Verzeichnis für dein Child Theme an.

In unserem Beispiel: twentytwentyone-child

2. Die style.css Datei für das Child Theme erstellen

In deinem neuen Child Theme Verzeichnis legst du nun eine style.css Datei an und füllst diese mit folgendem Inhalt: (Ändere die Angaben auf dich individuell ab)

/*
Theme Name: Twenty Twenty-One Child
Description: Beschreibung deines Child Themes
Author: marketing365
Author URI: https://www.marketing365.online
Template: twentytwentyone
Version: 1.0
Text Domain: twentytwentyone-child
*/

3. Die functions.php erstellen

Im 3. Schritt erstellst du in deinem Child Theme Verzeichnis eine functions.php Datei. Diese Datei sorgt dafür, dass die Eigenschaften des Parent-Themes geladen werden. Untergeordnet werden dann die Style-Eigenschaften des Child Themes geladen. (In der functions.php deines Child-Themes kannst du nun Funktionen ergänzen, die auch beim Update des Themes bestehen bleiben).

<?php
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' );
?>

4. Optionale Screenshot Datei hinterlegen

Nun siehst du unter Design ⇾ Themes dein neu angelegtes Child Theme. Du siehst, dass ein beim Child Theme ein transparentes Bild, anstatt wie bei den anderen Themes ein Screenshot hinterlegt ist. Aus rein visuellen Gründen, aber auch der leichteren Erkennbarkeit kannst du in deinem neuen Verzeichnis noch eine screenshot.png Datei hinterlegen.

5. Das Child Theme aktivieren

Nachdem du nun die ersten Schritte vollbracht hast, kannst du dein neues Child Theme ganz einfach aktivieren.

Einfach unter Design ⇾ Themes und beim Child Theme auf den Button „Aktivieren“

6. Eigene Anpassungen vornehmen

Da du jetzt dein Child Theme erfolgreich erstellt hast, kannst du dieses nutzen, um Änderungen vorzunehmen. Für Design-Anpassungen nutze, die style.css im Verzeichnis. Um Funktionen anzupassen bzw. zu ergänzen, nutze einfach die functions.php .

Selbst wenn du dein Parent-Theme jetzt aktualisierst, bleiben die Änderungen und Anpassungen dank dem Child-Theme erhalten.

Wir hoffen, dass wir dir mit dieser kleinen Anleitung zum Erstellen eines Child Themes helfen konnte. Wenn du Hilfe mit deinem WordPress Projekt benötigst, kannst du dich gerne bei uns melden.