WordPress Child Theme erstellen

WordPress ist bekannt für seine benutzerfreundliche Umgebung zur Websitegestaltung und Programmierung. Mit zahlreichen Themes zur Auswahl, die leicht angepasst werden können, bietet es eine flexible Plattform für Website-Entwickler. Ein oft übersehenes Problem dabei ist jedoch, dass bei einem Update des verwendeten Themes alle manuell vorgenommen Änderungen verloren gehen können. Um dies zu vermeiden, empfiehlt es sich, ein Child-Theme zu erstellen. Dieser Artikel erklärt, was ein Child Theme ist und wie man es erstellt. Für manchen kann dieses Thema etwas komplex sein, gerne helfen wir Ihnen weiter, wenn Sie Hilfe benötigen.

Was ist ein Child Theme und Parent Theme?

Ein Child Theme in WordPress ist ein Theme, das von einem anderen Theme, dem sogenannten Parent Theme, erbt. Es nimmt alle Funktionalitäten, Stile und Templates des Parent Themes auf, ermöglicht jedoch, diese zu überschreiben oder zu erweitern, ohne die Originaldateien zu ändern. Dadurch bleiben Anpassungen auch nach einem Update des Parent Themes erhalten. Ein Child Theme ist effektiv eine sichere Schicht, die Anpassungen trennt und schützt, während es gleichzeitig ermöglicht, von den Verbesserungen und Fehlerbehebungen des Parent Themes zu profitieren. Ein Parent Theme in WordPress ist ein vollständiges Theme, das alle notwendigen Dateien und Funktionalitäten enthält, um eine Website eigenständig zu betreiben. Es dient als Grundlage für Child Themes, die darauf aufbauen, um Anpassungen und Erweiterungen zu ermöglichen, ohne die Originaldateien des WordPress Themes zu verändern. Das Parent Theme beinhaltet alle wesentlichen Elemente wie PHP-Dateien, CSS-Stylesheets, JavaScript, und oft auch zusätzliche Funktionen, die das Aussehen und Verhalten der Website bestimmen. Wenn Sie ein Child Theme verwenden, erben Sie alle Eigenschaften und Funktionen des Parent Themes und können diese nach Bedarf überschreiben oder erweitern. Dadurch bleibt die Funktionalität des Parent Themes erhalten, während Sie gleichzeitig Ihre eigenen Anpassungen sicher umsetzen können, ohne bei einem Update des Themes Ihre Änderungen zu verlieren.

Warum benötigt man ein Child Theme?

• Update-Sicherheit: Anpassungen gehen bei Updates des Parent Themes nicht verloren.
• Sicherheit bei der Entwicklung: Fehler oder unerwünschte Änderungen im Child Theme beeinträchtigen das Parent Theme nicht.
• Flexibilität: Es ermöglicht experimentelle Änderungen und Anpassungen, ohne langfristige Folgen für das Parent Theme.
• Lernressource: Es ist ein ausgezeichnetes Werkzeug zum Lernen und Experimentieren mit Code, ohne die Funktionalität der Hauptwebsite zu gefährden.

Vorteile

• Erhalt von Anpassungen: Wie bereits erwähnt, bleiben alle Anpassungen erhalten, auch wenn das Parent Theme aktualisiert wird.
• Schnelle Entwicklung: Ein Child Theme kann die Entwicklung beschleunigen, da es auf bestehenden Code des Parent Themes aufbaut.
• Reduzierung von Wiederholungsarbeiten: Vermeidet das mehrfache Schreiben von viel Code, was Zeit spart und die Effizienz steigert.
• Einfache Fehlerbehebung: Fehler können leichter isoliert und behoben werden, da das Child Theme unabhängig vom Parent Theme verwaltet wird.

Nachteile

• Leichte Performance-Einbußen: Das Laden zusätzlicher Ressourcen kann die Website-Performance geringfügig beeinträchtigen.
• Komplexität: Für neue Benutzer kann die Einrichtung eines Child Themes zunächst komplex erscheinen.
• Wartungsaufwand: Notwendigkeit, Änderungen im Parent Theme zu überwachen und gegebenenfalls im Child Theme nachzuziehen.

WordPress Child Theme erstellen

Vorbereitung

• Verbinden Sie sich über ein FTP-Programm wie FileZilla mit Ihrem Server.
• Navigieren Sie zum Verzeichnis /wp-content/themes/ und erstellen dort einen neuen Ordner für Ihr Child Theme.

Erstellung der Style-Datei

• Legen Sie eine style.css Datei in Ihrem Child Theme Ordner an. Diese sollte folgenden Kopfbereich enthalten:
• /* Theme Name:   Mein Child Theme Description:  Child Theme für das Twenty Twenty Theme Author:       Ihr Name Template:     twentytwenty Version:      1.0 */
• Diese Datei wird alle CSS-Änderungen enthalten.

Einbinden der Parent Theme Styles

• Erstellen Sie eine functions.php in Ihrem Child Theme Ordner:
• <?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’);

 

Aktivieren des Child Themes

• Gehen Sie in Ihrem WordPress-Dashboard zu Design > Themes. Dort können Sie Ihr Child Theme aktivieren.

Anpassungen übernehmen

• Wenn Sie bereits Anpassungen im Customizer vorgenommen haben, nutzen Sie das Customizer Export/Import Plugin, um diese in Ihr Child Theme zu importieren.

Plugins zur Erstellung von Child Themes

Es gibt mehrere WordPress-Plugins, die den Prozess der Erstellung eines Child Themes vereinfachen. Einige der beliebtesten sind:

Child Theme Configurator

Child Theme Configurator analysiert Parent-Themes und unterstützt die Erstellung eines Child Themes über die WordPress-Oberfläche. Auch Stylesheets und ausgewählte Theme-Dateien lassen sich darüber anpassen.

Kompatibilität und Testinstallation

WordPress.org weist darauf hin, dass das Plugin nicht mit den neuesten drei Hauptversionen von WordPress getestet wurde. Daraus lässt sich keine Kompatibilität mit Ihrer Installation ableiten. Prüfen Sie den angegebenen Versionsstand und testen Sie das Child Theme mit Ihrem Parent-Theme in einer Testinstallation, bevor Sie es auf der produktiven Website aktivieren.

Die manuelle Erstellung mit style.css und functions.php, wie oben beschrieben, bleibt eine Alternative. Sie macht die verwendeten Dateien und Abhängigkeiten direkt nachvollziehbar.

Orbisius Child Theme Creator

Orbisius Child Theme Creator ist ein weiteres Plugin zur Erstellung von Child Themes in WordPress. Es bietet eine Oberfläche zur Erstellung von Child Themes. Prüfen Sie die erzeugten Dateien mit Ihrem Parent-Theme in einer Testinstallation, bevor Sie sie produktiv nutzen.

Funktionen

• Schnelle Child Theme Erstellung: Erstellt schnell ein Child Theme von jedem installierten Parent Theme.
• Live-Editor: Bietet einen integrierten Editor, um CSS und PHP-Dateien direkt aus dem Dashboard zu bearbeiten.
• Unterstützung für mehrere Child Themes: Ermöglicht die Verwaltung und Erstellung mehrerer Child Themes für verschiedene Projekte oder Design-Tests.

Vorteile

• Einfachheit: Das Plugin macht es leicht, ein Child Theme ohne technische Kenntnisse zu erstellen.
• Flexibilität: Unterstützt die gleichzeitige Verwaltung mehrerer Child Themes.
• Direktes Bearbeiten: Benutzer können Anpassungen direkt im WordPress Admin Bereich vornehmen.

Nachteile

• Potenzielle Risiken beim Bearbeiten: Direktes Bearbeiten von Dateien über den Live-Editor kann zu Fehlern führen, wenn Änderungen nicht richtig getestet werden.
• Überladung: Die Vielzahl der Funktionen kann für Anfänger überwältigend sein.

 

Die passende Methode wählen

Im Plugin-Verzeichnis finden Sie Angaben zu unterstützten WordPress-Versionen und Funktionen. Vergleichen Sie diese mit Ihrer Installation. Ein Plugin kann die Einrichtung unterstützen; das erzeugte Child Theme braucht trotzdem einen Funktionstest. Wenn Sie jede Datei selbst kontrollieren möchten, bietet sich die manuelle Erstellung an.

Fazit

Ein Child Theme trennt Ihre Anpassungen von den Dateien des Parent-Themes. Wählen Sie die manuelle Erstellung oder ein Plugin passend zur Aufgabe und testen Sie das Ergebnis vor der Veröffentlichung. Sprechen Sie uns an, wenn Sie Unterstützung bei Ihrem Child Theme brauchen.