WordPress Child Theme: Nutzen und Schritt für Schritt Anleitung

Was ist ein WordPress Child-Theme? Und warum lohnt sich eine Integration?

WordPress Templates manuell anzupassen ist relativ einfach und gängige Praxis. Warum es sich lohnt vorab ein eigenes WordPress Child-Theme zu erstellen und wie man das tut – erfahrt ihr in diesem Beitrag.

Was sind denn Child-Themes?

Bei einem WordPress-Child-Theme handelt es sich um ein Theme, an das die Funktionen eines übergeordneten Themes (Parent-Theme) vererbt werden.

Wie bei gängigen Content-Management-Systemen handelt es sich bei einem WordPress Child-Theme um den sichersten und elegantesten Weg um individuelle Änderungen am aktiven Parent-Theme vorzunehmen. Es werden keine Änderungen an den Theme-Dateien des eigentlichen Themes vorgenommen, sondern nur in den neu erstellten Dateien im Child-Theme-Verzeichnis.

Die Vorteile im Überblick

• Das Parent-Theme bleibt updatefähig
  • Wird das Theme aktualisiert, gehen die im Child-Theme liegenden Änderungen nicht verloren
  • Das gilt sowohl für WordPres- als auch Theme-Updates
• Child-Themes können die Entwicklung eines neuen Webauftritts beschleunigen
• Einsteiger können sich an der Theme-Enwicklung ausprobieren, ohne Schäden am Parent-Theme zu verursachen
• Simple und schnelle Einrichtung
• Das Parent-Theme kann als Framework für das Child-Theme benutzt werden

So wird ein Wordpress-Child-Theme erstellt

Vorneweg: Die Thematik hört sich kompliziert an, ist aber kinderleicht.

• Schritt 1
  Ein neuen Ordner im Themes-Verzeichnis der WordPress-Installation anlegen.
  Der Pfad lautet im Normalfall wie folgt: [highlight]wordpress/wp-content/themes[/highlight].
  Tipp: Ordner sinnvoll und ohne Leerzeichen benennen. Idealerweise mit einer Anlehnung an das Parent-Theme arbeiten und „child“ ergänzen. Z.B. „twentysixteen-child“.

• Schritt 2
  Eine CSS-Datei mit dem Namen „style.css“ erstellen und im neu angelegten Verzeichnis des Child-Themes ablegen: [highlight]wordpress/wp-content/themes/twentysixteen-child[/highlight]
  Es handelt sich hierbei um die einzige Datei, die für die Erstellung eines Child-Themes erforderlich ist. Innerhalb der CSS-Datei muss folgender Code hinterlegt werden:[css]
  /*
  Theme Name: Mein Childtheme
  Description: Mein erstes Childtheme
  Author: Max Mustermann
  Author URI: http://[eigene Domain]
  Template: Name_des_Parent-Theme-Ordners
  Version: 1.0
  Tags:
  *//* Eigene CSS-Anpassungen beginnen hier */
  [/css]Die notwendigen Zeilen sind „Theme Name“ und „Template“. Jede weitere Zeile kann nach Belieben angepasst oder auch entfernt werden.

• Schritt 3
  Bevor das Child-Theme aktiviert wird, sollte noch eine Screenshot-Grafik (880 x 660 Pixel) erstellt werden. Diese Grafik dient als Vorschaubild bei den verfügbaren Themes im Adminbereich. Die Datei wird unter dem Namen „screenshot.png” und unter folgendem Pfad abgelegt: [highlight]wp-content/themes/twentyfourteen-child[/highlight].

WordPress Child-Themes aktivieren

Der letzte Schritt zum eigenen Child-Theme! Dazu ist folgender Schritt im Admin-Bereich des WordPress-Systems nötig:
Unter  Design > Themes beim neu aufgelisteten Child-Theme auf „Aktivieren” klicken.

Bei einigen Premium-Themes werden Child-Themes sogar schon direkt mitgeliefert.