Apparition Child Theme

Was sind Child-Themes und warum sind sie wichtig für WordPress-Nutzer?

Child-Themes sind eine leistungsstarke Funktion innerhalb des WordPress-Ökosystems, die es Nutzern ermöglicht, bestehende Themes anzupassen, ohne den Code des ursprünglichen Themes direkt zu ändern. Diese Struktur vereinfacht die Wartung und Aktualisierung eines WordPress-Systems erheblich. In diesem Artikel werden wir die Bedeutung von Child-Themes, ihre Funktionsweise, und ihre Erstellung und Nutzung näher beleuchten.

Entwicklung

Parent und Child-Themes: Ein Überblick

In der WordPress-Welt gibt es zwei Haupttypen von Themes: Parent-Themes und Child-Themes.

Parent-Themes sind vollständige, eigenständige Themes. Sie enthalten alle notwendigen Dateien und Funktionen, die benötigt werden, um eine Website korrekt darzustellen und zu betreiben. Parent-Themes können unabhängig installiert und aktiviert werden und sind unerlässlich für die Struktur und das Layout einer WordPress-Seite.

Child-Themes hingegen sind nicht unabhängig, sondern erweitern ein Parent-Theme. Sie erben alle Designelemente und Funktionalitäten des Parent-Themes, ermöglichen es jedoch, Anpassungen vorzunehmen, ohne die Dateien des übergeordneten Themes zu verändern. Diese Trennung ist entscheidend, da Änderungen am Parent-Theme verloren gehen würden, wenn dieses aktualisiert wird. Child-Themes ermöglichen es, Modifikationen beizubehalten, auch wenn das Parent-Theme aktualisiert wird.

Vorteile der Verwendung von Child-Themes

Die Nutzung von Child-Themes bietet mehrere Vorteile:

• Trennbarkeit: Anpassungen werden vom Parent-Theme getrennt und ermöglichen so eine einfache Rückverfolgbarkeit und Wartung.
• Update-Fähigkeit: Da das Parent-Theme und das Child-Theme unabhängig sind, können Updates am Parent-Theme durchgeführt werden, ohne dass individuelle Anpassungen verloren gehen.
• Wiederverwendbarkeit: Ein Child-Theme kann leicht auf anderen Websites oder in anderen Projekten wiederverwendet werden.
• Ressourcenschonung: Bei der Entwicklung ist weniger Zeit erforderlich, da nur die spezifischen Änderungen und Erweiterungen am Child-Theme erstellt werden müssen.

Die Struktur von Child-Themes

Um ein Child-Theme zu erstellen, sind einige Schritte erforderlich. Zunächst muss eine neue Ordnerstruktur im wp-content/themes-Verzeichnis angelegt werden. Der Name des Ordners sollte im kebab-case formatieren sein, z.B. grand-sunrise.

Anschließend muss eine Datei namens style.css erstellt werden, die nicht nur designtechnische Anpassungen enthält, sondern auch Informationen über das Child-Theme selbst. Ein notwendiger Bestandteil dieser Datei ist das so genannte „File Header“, das vermittels folgender Angaben erfolgt:

css
/*
Theme Name: Grand Sunrise
Template: twentytwentyfour
...andere Header-Felder...
*/

Hierbei ist der „Template“-Wert von entscheidender Bedeutung: Er muss exakt dem Namen des Ordners des Parent-Themes entsprechen.

Aktivierung des Child-Themes

Nach der Erstellung der Theme-Dateien muss das Child-Theme aktiviert werden. Dies geschieht typischerweise über das WordPress-Dashboard unter dem Bereich “Design” und dann “Themes”. Dort kann das erstellte Child-Theme ausgewählt und aktiviert werden.

Anpassung des Child-Themes

Nun, da Ihr Child-Theme aktiv ist, können Sie es personalisieren. Zum Beispiel können Sie CSS-Anpassungen in die style.css-Datei einfügen. Für den Fall, dass das Parent-Theme keine eigene style.css lädt, müssen Sie diese über die functions.php Ihres Child-Themes einfügen:

php
add_action( 'wp_enqueue_scripts', 'grand_sunrise_enqueue_styles' );
function grand_sunrise_enqueue_styles() {
wp_enqueue_style( 'grand-sunrise-style', get_stylesheet_uri() );
}

Im Falle, dass das Parent-Theme nur seine eigene style.css lädt, sieht die Einbindung wie folgt aus, um das Parent-Stylesheet zusätzlich zu integrieren:

php
add_action( 'wp_enqueue_scripts', 'grand_sunrise_enqueue_styles' );
function grand_sunrise_enqueue_styles() {
wp_enqueue_style( 'grand-sunrise-parent-style', get_parent_theme_file_uri( 'style.css' ) );
}

Templates, Teile und Muster in Child-Themes

Ein spannendes Merkmal von Child-Themes ist die Möglichkeit, Templates, Template-Teile und Muster zu überschreiben. Dazu müssen Sie lediglich eine Datei mit demselben Namen im Child-Theme erstellen.

Stellen Sie sicher, dass Sie sich nicht bei der Verwendung der functions.php des Child-Themes eine Kopie der Funktionen des Parent-Themes machen, da dies zu Konflikten (z.B. durch doppelte Funktionsnamen) führen kann. Diese sollten in der Kind-Version nur ergänzt oder angepasst werden.

Referenzieren oder Einfügen anderer Dateien

Wenn Sie zusätzliche Dateien in Ihr Theme einfügen möchten, ist es wichtig, die richtige Funktion zu verwenden, um sicherzustellen, dass der korrekte Pfad zur Datei berücksichtigt wird. Zum Beispiel sollten Sie für PHP- Dateien die Funktion get_theme_file_path() nutzen:

php
require_once get_theme_file_path( 'inc/functions-helpers.php' );

Sollten Sie stattdessen eine Datei über eine URL referenzieren wollen, verwenden Sie die Funktion get_theme_file_uri():

php
$image = get_theme_file_uri( 'assets/images/bunny.jpg' );

Beispiel für ein Child-Theme: Grand Sunrise

Für den praktischen Teil erstellen wir ein Child-Theme mit dem Namen „Grand Sunrise“ basierend auf dem vorinstallierten Twenty Twenty-Four Parent-Theme.

1. Erstellen Sie den Ordner grand-sunrise im Verzeichnis wp-content/themes.
2. Fügen Sie eine style.css mit folgendem Inhalt hinzu:
   css
/*
Theme Name: Grand Sunrise
Template: twentytwentyfour
*/
3. Erstellen Sie eine functions.php Datei und fügen Sie das Skript zur Einbindung von Stylesheets hinzu.
4. Aktivieren Sie das Child-Theme und passen Sie es entsprechend Ihrer Designwünsche an.

Zusätzlich können Sie individuelle Anpassungen in Ihre style.css und functions.php einfügen, um dem Theme ein einmaliges Aussehen und Funktionalitäten zu geben.

Fazit

Die Implementierung von Child-Themes in WordPress ist eine bewährte Methode, um Anpassungen vorzunehmen, ohne das Risiko einzugehen, dass diese bei Updates verloren gehen. Durch die sinnvolle Struktur von Parent- und Child-Themes wird eine einfache Anpassung und Wartung der Webseite ermöglicht. Mithilfe von Child-Themes können Entwickler und Designer kreativer und effizienter mit WordPress arbeiten. Wenn Sie auf der Suche nach einer Methode sind, um Ihre WordPress-Website individuell zu gestalten, dann ist die Verwendung eines Child-Themes wie „Grand Sunrise“ eine ausgezeichnete Wahl.