Ein WordPress-Child-Theme installieren

Einführung in Child-Themes und ihre Bedeutung

WordPress ist ein unglaublich flexibles Content-Management-System (CMS), das es Nutzern ermöglicht, ihre Websites mit Themes und Plugins anzupassen. Ein wesentlicher Aspekt bei der individuellen Anpassung von WordPress-Themes ist die Verwendung von Child-Themes. Ein Child-Theme ist im Wesentlichen ein “Unter”-Theme, das die Funktionalität und das Aussehen eines “Eltern”-Themes erbt. Anstatt direkt das Eltern-Theme zu bearbeiten, nehmen Sie Ihre Änderungen im Child-Theme vor. Dies hat den entscheidenden Vorteil, dass Ihre Anpassungen bei Updates des Eltern-Themes nicht überschrieben werden. In Deutschland, wo Datenschutz und die Einhaltung von Richtlinien wichtig sind, ist eine saubere und sichere Anpassung entscheidend, was Child-Themes unverzichtbar macht.

Warum ein Child-Theme verwenden? Die Vorteile im Überblick

Die Verwendung eines Child-Themes bietet eine Vielzahl von Vorteilen, die sowohl für Anfänger als auch für erfahrene WordPress-Nutzer von Bedeutung sind:

• Sicherheit bei Updates: Das Hauptargument für die Verwendung eines Child-Themes ist der Schutz Ihrer Anpassungen bei Updates des Eltern-Themes. Ohne ein Child-Theme würden alle Ihre manuellen Änderungen an den Theme-Dateien durch das Update überschrieben werden.
• Einfache Wiederherstellung: Sollte bei Ihren Anpassungen etwas schiefgehen, können Sie das Child-Theme einfach deaktivieren oder löschen, ohne das Eltern-Theme zu beeinträchtigen. Ihre Website kehrt dann zum ursprünglichen Aussehen des Eltern-Themes zurück.
• Organisierte Anpassung: Ein Child-Theme bietet eine strukturierte Möglichkeit, Ihre Anpassungen zu verwalten. Sie wissen genau, welche Dateien Sie geändert haben und wo sie sich befinden.
• Flexibilität und Erweiterbarkeit: Child-Themes ermöglichen es Ihnen, die Funktionalität des Eltern-Themes zu erweitern, ohne dessen Kerncode zu verändern.
• Einhaltung von Best Practices: Die Verwendung von Child-Themes gilt als Best Practice im WordPress-Bereich und trägt zu einer sauberen und wartbaren Codebasis bei.

Die benötigten Grundlagen für die Installation

Bevor Sie ein Child-Theme installieren, stellen Sie sicher, dass Sie Folgendes haben:

• Ein installiertes WordPress: Eine funktionierende WordPress-Installation ist die Grundlage für alles.
• Ein installiertes Eltern-Theme: Wählen Sie das Theme aus, das Sie anpassen möchten. Dies wird Ihr Eltern-Theme sein.
• Zugriff auf Ihre WordPress-Dateien: Sie benötigen Zugriff auf Ihre WordPress-Dateien, entweder über ein FTP-Programm (z.B. FileZilla) oder über den Dateimanager Ihres Hosting-Providers.
• Ein Texteditor: Ein einfacher Texteditor wie Notepad++ (Windows), Sublime Text (plattformübergreifend) oder TextEdit (macOS) ist erforderlich, um die Child-Theme-Dateien zu erstellen.

Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Child-Themes

1. Erstellen Sie ein Child-Theme-Verzeichnis

Der erste Schritt besteht darin, ein neues Verzeichnis für Ihr Child-Theme im “themes”-Ordner Ihrer WordPress-Installation zu erstellen. Gehen Sie mit Ihrem FTP-Programm oder dem Dateimanager zu:

/wp-content/themes/

Erstellen Sie hier einen neuen Ordner. Der Name des Ordners sollte dem Namen des Eltern-Themes folgen, aber mit “-child” am Ende. Zum Beispiel, wenn Ihr Eltern-Theme “Astra” heißt, sollte der Ordnername “astra-child” sein.

2. Erstellen Sie die style.css-Datei

Im neu erstellten Child-Theme-Ordner müssen Sie eine Datei namens style.css erstellen. Diese Datei ist obligatorisch und enthält die Informationen, die WordPress benötigt, um das Child-Theme als solches zu erkennen. Öffnen Sie Ihren Texteditor und erstellen Sie eine neue Datei mit folgendem Inhalt:

“`css
/*
Theme Name: Astra Child
Theme URI: https://example.com/astra-child/
Description: Astra Child Theme
Author: Your Name
Author URI: https://example.com
Template: astra
Version: 1.0.0
*/

/* =Theme customization starts here
————————————————————– */
“`

Erklärung der Felder:

• Theme Name: Der Name Ihres Child-Themes.
• Theme URI: Eine URL, die zu einer Seite mit Informationen über Ihr Child-Theme führt (optional).
• Description: Eine kurze Beschreibung Ihres Child-Themes.
• Author: Ihr Name oder der Name Ihrer Firma.
• Author URI: Eine URL zu Ihrer Website oder der Website Ihrer Firma.
• Template: Der Name des Eltern-Themes (genau wie der Ordnername des Eltern-Themes!). Dies ist der wichtigste Eintrag!.
• Version: Die Version Ihres Child-Themes.

Passen Sie die Werte entsprechend an und speichern Sie die Datei als style.css im Child-Theme-Ordner. Der Kommentarblock am Anfang ist wichtig, da er WordPress mitteilt, dass es sich um ein Theme handelt und welches das Eltern-Theme ist.

3. Die functions.php-Datei (optional, aber empfohlen)

Obwohl die style.css-Datei allein ausreicht, um ein funktionierendes Child-Theme zu erstellen, ist es ratsam, auch eine functions.php-Datei zu erstellen. Diese Datei ermöglicht es Ihnen, Funktionen des Eltern-Themes zu überschreiben oder zu ergänzen. Erstellen Sie im Child-Theme-Ordner eine neue Datei namens functions.php und fügen Sie folgenden Code hinzu:

“`php
get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
“`

Erklärung des Codes:

• Dieser Code sorgt dafür, dass die Stylesheets des Eltern-Themes korrekt geladen werden. Dies ist wichtig, da das Child-Theme die Stile des Eltern-Themes erben soll.
• Die Funktion my_theme_enqueue_styles() lädt zuerst das style.css des Eltern-Themes (get_template_directory_uri()) und dann das style.css des Child-Themes (get_stylesheet_directory_uri()).
• Die Funktion add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles') sorgt dafür, dass die Funktion my_theme_enqueue_styles() ausgeführt wird, wenn WordPress die Skripte und Stylesheets lädt.

Speichern Sie die Datei als functions.php im Child-Theme-Ordner.

4. Aktivieren Sie das Child-Theme

Loggen Sie sich in Ihr WordPress-Dashboard ein und navigieren Sie zu:

Design -> Themes

Sie sollten nun Ihr Child-Theme in der Liste der verfügbaren Themes sehen. Aktivieren Sie es.

Anpassen Ihres Child-Themes

Nachdem Sie Ihr Child-Theme aktiviert haben, können Sie mit der Anpassung beginnen. Hier sind einige gängige Anpassungen:

• CSS-Änderungen: Fügen Sie CSS-Regeln zur style.css-Datei Ihres Child-Themes hinzu, um das Aussehen Ihrer Website zu verändern.
• Template-Änderungen: Kopieren Sie Template-Dateien aus dem Eltern-Theme in Ihr Child-Theme und bearbeiten Sie sie dort. Die Template-Dateien des Child-Themes überschreiben die entsprechenden Dateien des Eltern-Themes.
• Funktionserweiterungen: Fügen Sie benutzerdefinierte Funktionen zur functions.php-Datei Ihres Child-Themes hinzu, um die Funktionalität Ihrer Website zu erweitern.

Wichtig: Achten Sie darauf, Ihre Änderungen regelmäßig zu testen und Backups zu erstellen, bevor Sie größere Änderungen vornehmen.

Troubleshooting: Häufige Probleme und Lösungen

Manchmal kann es bei der Installation oder Verwendung von Child-Themes zu Problemen kommen. Hier sind einige häufige Probleme und ihre Lösungen:

• Child-Theme wird nicht erkannt: Stellen Sie sicher, dass die style.css-Datei korrekt formatiert ist und der Eintrag “Template” im Kommentarblock den korrekten Namen des Eltern-Theme-Ordners enthält.
• Stile des Eltern-Themes werden nicht geladen: Überprüfen Sie die functions.php-Datei, um sicherzustellen, dass die Stylesheets des Eltern-Themes korrekt geladen werden (siehe Codebeispiel oben).
• Fehlerhafte Darstellung: Leeren Sie Ihren Browser-Cache und den WordPress-Cache (falls vorhanden).

Zusammenfassung: Die Macht der Child-Themes in WordPress

Die Installation und Verwendung eines WordPress-Child-Themes ist eine entscheidende Fähigkeit für jeden, der seine WordPress-Website individuell anpassen möchte. Es bietet eine sichere, organisierte und flexible Möglichkeit, das Aussehen und die Funktionalität Ihres Themes zu verändern, ohne das Risiko einzugehen, dass Ihre Änderungen bei Updates überschrieben werden. In Deutschland, wo die Einhaltung von Datenschutzrichtlinien und die Stabilität der Website von großer Bedeutung sind, ist die Verwendung von Child-Themes eine absolute Notwendigkeit. Indem Sie die in diesem Artikel beschriebenen Schritte befolgen, können Sie ein Child-Theme erstellen, installieren und anpassen, um Ihre WordPress-Website optimal zu gestalten.