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:

[code]
<?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’ );

}
[/code]

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:

[code]
/*
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. */

[/code]

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:

[code]
/* This will import the stylesheet from the Theme Name parent theme */
@import url(‘../yourthemename/style.css’);
[/code]

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