WordPress Child-Theme anlegen

WordPress Child-Theme anlegen

Seither bestand die Möglichkeit das Stylesheet (style.css) des Original-Themes (Parent-Theme) im Stylesheet des Ablegers (Child-Theme) über den @import-Befehl einzubinden. Mittlerweile gibt es eine bessere Methode. Anhand der WordPress Codex Empfehlung soll die Einbindung der style.css Datei des Parent-Themes über die functions.php im Child-Theme erfolgen.

Nutzen dieser Vorgehensweise:

  • Das Parent-Theme bleibt bestehen (wie es ist), ohne dabei angetastet zu werden.
  • Bei misslungenen Bearbeitungen ist nicht das gesamte Theme beschädigt.
  • Ein Update des Parent-Themes ist möglich, ohne dass die Anpassungen überschrieben werden.
  • Änderungen können leicht nachgehalten werden, denn im Ordner des Child-Themes sind nur die Dateien enthalten, die verändert worden sind.

Um den Nutzen generieren zu können, werden nachstehend die notwendigen Schritte erläutert.

Erstellung der functions.php Datei

Neben der style.css Datei sowie dem screenshot.png Child-Theme Vorschaubild, werden für die Child-Theme Erstellung noch weitere Dateien benötigt. Mit dem Text-Editor (Coda2, Notepad++, Sublime Text, o.ä.) ist eine functions.php Datei anzulegen. Um die style.css Datei des Parent-Themes einbinden zu können, sollte innerhalb der functions.php Datei folgender Code eingetragen werden:

<?php
/**
 * Child theme functions and definitions
 */

/*—————————————————————————————————————————*/
/* Include 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' );
}

 

Für den nächsten Schritt wird die style.css Datei benötigt, damit die eigene CSS-Anpassungen oder neue CSS-Styles im Child-Theme eingebunden werden können. Folgendermaßen sollte die style.css Datei beginnen:

 

/*
 Theme Name: Theme Name Child
 Theme URI: http://www.yourdomain.com/
 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
*/

/*
Add your styles here. Use !important to overwrite styles if needed. */