Wie erstellt man ein WordPress Child Theme?
Datum: 13. September 2024Kategorie: Wordpress
Ein Child Theme in WordPress zu erstellen ist relativ einfach und erfordert nur wenige Schritte. Hier ist eine Schritt-für-Schritt-Anleitung, wie du ein Child Theme erstellst:
1. Verzeichnis für das Child Theme anlegen
- Melde dich auf deinem Webserver oder Hosting-Provider per FTP oder über den Dateimanager an.
- Navigiere zu deinem WordPress-Installationsverzeichnis unter
wp-content/themes
. - Erstelle einen neuen Ordner für das Child Theme. Der Name des Ordners sollte das Eltern-Theme widerspiegeln, z. B.
dein-theme-child
, wenn das Haupt-Themedein-theme
heißt.
2. Erstellen der style.css
für das Child Theme
Öffne den neuen Ordner deines Child Themes und erstelle darin eine Datei namens
style.css
.Diese Datei enthält die grundlegenden Informationen über dein Child Theme und verweist auf das übergeordnete Theme.
Füge folgenden Code in die
style.css
-Datei ein und passe ihn an:
/* Theme Name: Dein Theme Child Theme URI: https://example.com/dein-theme-child Description: Child Theme für Dein Theme Author: Dein Name Author URI: https://example.com Template: dein-theme Version: 1.0.0 */ /* Hier kannst du deine eigenen Styles einfügen */
- Theme Name: Der Name des Child Themes.
- Template: Hier muss der genaue Ordnername des Eltern-Themes eingetragen werden (z. B.
dein-theme
). - Styles: Füge eigene CSS-Anpassungen direkt nach dem Kommentarbereich hinzu.
3. Erstellen der functions.php
Datei
Im gleichen Verzeichnis (
dein-theme-child
) erstellst du eine weitere Datei mit dem Namenfunctions.php
.Diese Datei dient dazu, die
style.css
des Eltern-Themes zu laden und zusätzliche PHP-Funktionen hinzuzufügen.
Füge folgenden Code in die functions.php
-Datei ein:
<?php // Stylesheet des Eltern-Themes laden function dein_theme_child_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') ); } add_action( 'wp_enqueue_scripts', 'dein_theme_child_enqueue_styles' ); ?>
Dieser Code sorgt dafür, dass die Styles des Eltern-Themes geladen werden, bevor die des Child Themes angewendet werden.
4. Child Theme in WordPress aktivieren
- Melde dich im WordPress-Dashboard an und gehe zu Design > Themes.
- Du solltest nun dein Child Theme sehen, z. B. „Dein Theme Child“.
- Klicke auf „Aktivieren“, um das Child Theme zu aktivieren.
5. Anpassungen am Child Theme vornehmen
Jetzt ist dein Child Theme einsatzbereit! Du kannst:
- CSS-Styles in der
style.css
-Datei anpassen. - PHP-Dateien wie
header.php
,footer.php
,single.php
usw. aus dem Eltern-Theme kopieren und im Child Theme anpassen. - Neue Funktionen zur
functions.php
hinzufügen.
Wichtige Hinweise
- Dateien kopieren: Wenn du bestimmte Template-Dateien aus dem Eltern-Theme ändern möchtest, kopiere sie in den Child-Theme-Ordner und bearbeite sie dort. WordPress lädt die Datei aus dem Child Theme, falls vorhanden.
- Backup und Tests: Teste alle Änderungen gründlich, bevor du live gehst, und behalte regelmäßig Backups deiner Dateien bei.
So hast du volle Kontrolle über Anpassungen in WordPress und kannst jederzeit problemlos auf das Haupt-Theme aktualisieren, ohne deine Änderungen zu verlieren!
PS: Viele Kauf Themes von WordPress auf Plattformen wie Envato bieten schon eine fertige Child Theme Vorlage an.