Zum Inhalt springen

WordPress: Childtheme anlegen die Zweite

Hier entsteht die zweite Anleitung, wie man genau ein Child-Theme anlegt.

Wenn man in WordPress ein ChildTheme anlegt, werden bei einem Update des Eltern-Themes die eigenen Änderungen nicht überschrieben.
Das mach insbesondere dann Sinn, wenn man für das gewünschte Design des verwendeten Themes in den Code (PHP oder CSS) eingreiffen muss.

Ein Childtheme ist ein kleiner Ableger des Original-Themes, das damit zum Parent (=Eltern)-Theme wird. Der Vorteil dabei: Das ParentTheme bleibt wie es ist und wird nicht angetastet. Gehen Anpassungen daneben, ist nicht gleich das ganze Theme defekt. Und bei künftigen Anpassungen und Updates des Themes kann das Parent-Theme upgedated werden, ohne die Anpassungen überschrieben werden.
Im Childtheme-Ordner liegen nur die Dateien, die tatsächlich verändert wurden. Das macht es leichter, die Änderungen nachzuhalten.

Folgende Schritte sind durchzuführen, um ein ChildTheme anzulegen.

1. ChildTheme Ornder anlegen

Per FTP wird im Verzeichnis wp-content/themes ein neues Verzeichnis auf derselben Ebene wie der des ParentThemes angelegt. Der Name ist beliebig, ohne Leerzeichen und Umlaute.

In diesem Ordner wird eine leere style.css angelegt:
Die Vorlage dafür habe ich im Pfad: W:\Wordpress\ChildTheme abgelegt.

/*
Theme Name: TwentySeventeen Michaels-Child
Description: Ein eigenes ChildTheme
Author: Michael Heinen
Author URI: https://wie-geht-was.ch
Template: TwentySeventeen
Version: 1.0
Tags:
*/

In der zweiten Zeile muss der Name des ChildThemes eingetragen werden, dieser erscheint dann auch im Dashboard unter Design / Themes.

2. das CSS des ParentTemes mit dem ChildTheme verknüpfen.

Ebenfalls per FTP wird in das Verzeichnis wp-content/themes eine weitere Datei hochgeladen: functions.php

In dieser wird das StyleSheet des ChildThemes eingebunden, so dass es nach der style.css des ParentThemes geladen wird.

function twentyseventeen_child_styles() {
wp_deregister_style( 'twentyseventeen-style');
wp_register_style('twentyseventeen-style', get_template_directory_uri(). '/style.css');
wp_enqueue_style('twentyseventeen-style', get_template_directory_uri(). '/style.css');
wp_enqueue_style( 'childtheme-style', get_stylesheet_directory_uri().'/style.css', array('twentyseventeen-style') );
}
add_action( 'wp_enqueue_scripts', 'twentyfifteen_child_styles' );

3. Das ChildTheme im Backend

Damit im Backend das ChildTheme auch mit einer schönen Grafik erscheint, sollte ebenfalls per FTP dort auch noch eine Grafik mit dem Namen screenshot.png abgelegt werden. Diese hat die Grösse 600px x 450 px.

Schlagwörter:

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert