Bisher war es üblich, das Stylesheet (style.css) des Eltern-Themes über den @import-Befehl im Stylesheet des Child-Themes einzubinden. Inzwischen ist das aber nicht mehr die beste Methode, sondern die style.css Datei des Eltern-Themes soll nach der Empfehlung vom WordPress Codex über die functions.php im Child-Theme eingebunden werden. Ich werde kurz erklären, wie das funktioniert.

Die functions.php Datei erstellen

Du benötigst also nicht mehr nur eine style.css Datei und dein screenshot.png Child-Theme Vorschaubild, um mit der Erstellung eines Child-Themes loslegen zu können. Stattdessen musst du in deinem Text-Editor (Notepad++, Coda2, Sublime Text o.ä.) eine functions.php Datei anlegen. In dieser Datei solltest du folgenden Code eintragen, um die style.css Datei des Eltern-Themes einzubinden:

<?php/** * Theme Name child theme functions and definitions *//*—————————————————————————————————————————*//* Include the parent theme style.css/*—————————————————————————————————————————*/add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );function theme_enqueue_styles() {    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );}

Jetzt benötigst du noch die style.css Datei, um deine eigenen CSS-Anpassungen oder neue CSS-Styles in dein Child-Theme einzubinden. Die style.css Datei sollte so beginnen:

/* Theme Name: Theme Name Child Theme URI: Description: Theme Name Child Theme Author: Your Name Author URI: http://www.yourdomain.com/ Template: yourparentthemetextdomain Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Theme Name Child Theme*//*You can start adding your own styles here. Use !important to overwrite styles if needed. */

Hinweis zu den Elmastudio Child-Themes:

Wie haben übrigens auch all unsere Elmastudio Beispiel Child-Theme Ordner mit der neuen Methode upgedatet. Wenn du bereits ein Child-Theme angelegt hast, kannst du dein Child-Theme eigentlich recht einfach updaten.

Dazu musst du lediglich den oben beschriebenen Code in die functions.php einbinden, wenn du schon eine functions.php Datei in deinem Child-Theme hast. Wenn nicht, musst du erst eine neue functions.php Datei anlegen, am einfachsten kannst du dafür unsere functions.php Datei-Vorlage nutzen.

Diesen Code-Schnipsel zu Beginn deiner Child-Theme style.css Datei kannst du dann löschen:

/* This will import the stylesheet from the Theme Name parent theme */@import url('../yourthemename/style.css');

Dein Feedback und deine Fragen

Hast du weitere Tipps zum Thema Child-Theme oder offene Fragen? Dann schreib doch einfach einen Kommentar zum Artikel, wir freuen uns schon auf deine Nachricht!

Weitere hilfreiche Links zum Thema:
– Child Theme-Info auf der WordPress.org-Webseite