WordPress Child Theme erstellen

In der dynamischen Welt von WordPress ist es eine gängige Praxis, seine Website individuell anzupassen, um sie von anderen abzuheben. Eine der sichersten und effektivsten Methoden, dies zu erreichen, ist die Verwendung von Child Themes. Doch was genau sind Child Themes und warum sind sie so nützlich? Diese und weitere Fragen werden im folgenden beantwortet.

Kurzfassung: Ein WordPress Child Theme ist ein Untertheme, das die Funktionalität und das Design eines übergeordneten Themes (Parent Theme) erbt. Während das Parent Theme die Hauptdateien und den Hauptcode enthält, ermöglicht das Child Theme Anpassungen, ohne den ursprünglichen Code des Parent Themes zu verändern.

Was ist ein WordPress Child Theme?

Ein WordPress Child Theme ist ein Unterthema, das die Funktionalität und das Design eines übergeordneten Themas (Parent Theme) erbt. Während das Parent Theme die Hauptdateien und den Hauptcode enthält, ermöglicht das Child Theme Anpassungen, ohne den ursprünglichen Code des Parent Themes zu verändern.

Expertentipp: Ein Child Theme ist besonders nützlich, wenn Sie Updates für das Parent Theme erhalten. Ihre Anpassungen im Child Theme bleiben erhalten, während das Parent Theme aktualisiert wird.

Warum sollte ich ein WordPress Child Theme verwenden?

Ein Child Theme zu verwenden hat mehrere Vorteile:

Sicherheit bei Updates: Änderungen am Child Theme beeinflussen das Parent Theme nicht. So können Sie das Parent Theme aktualisieren, ohne Ihre Anpassungen zu verlieren.

Einfachere Anpassungen: Sie können Design und Funktionalität anpassen, ohne in den Hauptcode des Themes eingreifen zu müssen.

Fehlerbehebung: Wenn Sie Fehler machen, beeinflusst dies nicht das Parent Theme.

Bietet mein Theme ein vorgefertigtes Child Theme?

Viele Premium-Themes bieten bereits ein vorgefertigtes Child Theme an. Überprüfen Sie die Dokumentation oder den Download-Bereich des Themes, um dies herauszufinden.

Expertentipp: Selbst wenn ein vorgefertigtes Child Theme verfügbar ist, sollten Sie es immer testen, um sicherzustellen, dass es mit Ihren spezifischen Anforderungen kompatibel ist.

WordPress Child Theme manuell anlegen

  1. Ordner für Child-Theme anlegen: Erstellen Sie im Verzeichnis /wp-content/themes/ einen neuen Ordner für Ihr Child Theme, z.B. mein-child-theme.
  2. stylesheet-Datei anlegen: Im neuen Ordner erstellen Sie eine Datei namens style.css. Fügen Sie die notwendigen Informationen über das Child Theme in den Kopf der Datei ein. Diese Datei enthält die CSS-Regeln, die das Aussehen Ihrer Website bestimmen.
/*
 Theme Name:   Twenty Twenty-One Child
 Description:  Mein Child-Theme für das Twenty Twenty-One Theme
 Author:       Webchaniker
 Author URI:   https://www.webchaniker.de
 Template:     twentytwentyone
 Version:      1.0
Text Domain: twentytwentyone-child
*/
  1. Definieren des Eltern-Themes im Header der style.css-Datei: In der style.css-Datei müssen Sie das Eltern-Theme definieren, indem Sie den folgenden Code am Anfang der Datei hinzufügen:
  2. functions.php erstellen: Erstellen Sie eine functions.php Datei im Child Theme Ordner. Dies ermöglicht es Ihnen, PHP-Funktionen hinzuzufügen oder zu überschreiben.

<?php
/**
* Funktionen für das Child-Theme.
*/

function child_enqueue_styles() {
// Hier ‚twentytwentyone‘ durch den „Text-Domain“-Namen des Eltern-Themes ersetzen
$parent_style = ‚twentytwentyone-style‘;

// Lädt das Eltern-Theme Stylesheet.
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‚/style.css‘ );

// Lädt das Child-Theme Stylesheet.
wp_enqueue_style( ‚child-style‘, get_stylesheet_directory_uri() . ‚/style.css‘, array( $parent_style ), wp_get_theme()->get(‚Version‘) );
}

// Sicherstellen, dass das Stylesheet des Eltern-Themes geladen wird.
add_action( ‚wp_enqueue_scripts‘, ‚child_enqueue_styles‘ );
?>

  1. Kopieren der Template-Dateien aus dem Eltern-Theme (optional): Sie können auch einige oder alle Template-Dateien aus dem Eltern-Theme in den Ordner des Child-Themes kopieren und modifizieren, wenn Sie Änderungen an der Struktur oder Funktionalität Ihrer Website vornehmen möchten.
  2. Screenshot erstellen: Ein screenshot.png Bild (880×660 Pixel) gibt Ihrem Child Theme im WordPress-Dashboard ein Vorschaubild.

Aktivieren und Überprüfen des Child-Themes

  1. Child Theme aktivieren: Gehen Sie in der Administrationsoberfläche zu Design > Themes in Ihrem WordPress-Dashboard und aktivieren Sie Ihr Child Theme.
  2. Überprüfen Sie Ihre Website: Überprüfen Sie, ob Ihre Website wie erwartet aussieht und funktioniert. Überprüfen Sie auch, ob alle Ihre Änderungen korrekt angewendet wurden.
  3. Fehlerbehebung: Wenn irgendwelche Fehler oder Probleme auftreten, überprüfen Sie die Code-Dateien Ihres Child-Themes und stellen Sie sicher, dass alle Syntax und Pfade korrekt sind.

Expertentipp: Verwenden Sie @import, um den Stil des Parent Themes in Ihre style.css Datei zu importieren.

Child Theme mittels Plugin erstellen

  • Es gibt Plugins wie „Child Theme Configurator“, die den Prozess der Child Theme-Erstellung automatisieren. Einfach installieren, das gewünschte Parent Theme auswählen und das Plugin erstellt ein Child Theme für Sie.

1. Child Theme erstellen:

  • Im WordPress-Dashboard finden Sie unter „Werkzeuge“ den Punkt „Child Themes“
  • Klicken Sie darauf, um den Child Theme Configurator zu öffnen.
  • Wählen Sie das Parent Theme aus, von dem Sie ein Child Theme erstellen möchten.
  • Folgen Sie den Anweisungen des Plugins. In den meisten Fällen müssen Sie nur auf „Analyse“ klicken, um sicherzustellen, dass das Parent Theme kompatibel ist.
  • Geben Sie Ihrem Child Theme einen Namen und füllen Sie alle erforderlichen Felder aus.
  • Klicken Sie auf „Child Theme erstellen“.

2. Nachteile des Plugins:

  • Überladung: Einige Benutzer berichten, dass das Plugin zu viele Optionen bietet, die für Anfänger verwirrend sein können.
  • Kompatibilitätsprobleme: Wie bereits erwähnt, ist nicht jedes Theme mit dem Plugin kompatibel.
  • Updates: Bei zukünftigen WordPress- oder Theme-Updates kann es zu Problemen kommen, wenn das Plugin nicht regelmäßig aktualisiert wird.

3. Wann habe ich ein Child Theme?

Nachdem Sie alle Schritte im Child Theme Configurator abgeschlossen haben, wird Ihr Child Theme im Verzeichnis /wp-content/themes/ erstellt. Sie können es im WordPress-Dashboard unter „Design > Themes“ sehen und aktivieren.

Fazit

Ein WordPress Child Theme zu erstellen ist ein effektiver Weg, um Anpassungen an Ihrem Website-Design vorzunehmen, ohne das Risiko zu laufen, bei einem Update alles zu verlieren. Ob manuell oder mit einem Plugin, die Erstellung eines Child Themes ist ein Muss für jeden, der ernsthafte Anpassungen an seinem WordPress-Theme vornehmen möchte.

Benötigen Sie Unterstützung bei der Erstellung Ihrer WordPress Website? Kontaktieren Sie uns bei Webchaniker. Wir sind hier, um Ihnen bei jedem Schritt des Weges zu helfen und Ihnen eine erfolgreiche Website zu garantieren.