Was ist ein Child-Theme?
Wie kann man ein Child-Theme per Plugin erstellen?
Wie kann man ein Child-Theme erstellen?
- Man braucht einen einfachen Text-Editor (Notepad++), keinen Editor mit Formatierung.
- Man braucht ein FTP-Programm (Filezilla).
- Man braucht Internet.
- Mit den Zugangsdaten (Server-IP-Adresse, Benutzername, Passwort) vom Hoster stellt man per FTP, besser SFTP, eine Verbindung zum Webspace her.
- Man geht in den Ordner themes von WordPress (…/wp-content/themes).
- Dort erstellt man einen neuen Ordner mit dem Namen des Themes und -child angehängt (themename-child).
- Ein bekanntes Theme heißt twentyseventeen, so heißt das child also twentyseventeen-child.
- Leerzeichen sollen nicht im neuen Ordnernamen sein.
- Der neue Ordner liegt NICHT im Theme-Ordner, also nicht im Ordner twentyseventeen.
- Man erstellt mit dem Text-Editor die Datei style.css im neuen Ordner.
- Man kopiert folgendes CSS in die Datei:
/*
/*
Theme Name: Themename Child
Description: Mein Child Theme
Author: Name des Autors
Author URI: httpw://www.webseite.com
Template: themename
Version: 1.0
Text Domain: themename-child
*/
*/
Man muss jetzt die eigenen Angaben machen, also Themename durch das verwendete Theme ersetzen.
Die Datei gespeicherte style.css ist jetzt fertig.
Man erstellt mit dem Text-Editor die Datei functions.php im neuen Ordner.
Man kopiert folgendes PHP in die Datei:
<?php
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css&' );
}
?>
oder
<?php
/**
* Child theme stylesheet einbinden in Abhängigkeit vom Original-Stylesheet
*/
function child_theme_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('parent-style'));
}
add_action( 'wp_enqueue_scripts', 'child_theme_styles' );?>
oder
<?php
add_action('wp_head','load_parent_style',0);
function load_parent_style() {
wp_register_style('parent-theme',get_bloginfo('template_directory').'/style.css');
wp_enqueue_style('parent-theme');
}
?>
Die Datei gespeicherte functions.php ist jetzt fertig.
Diese Datei soll das das Parent-Theme, z.B. twentyseventeen, mit dem neuen Child-Theme verknüpfen.
Man erstellt einen Screenshot seines Themes.
Der Scrennshot wird mit den Maßen 880px x 660px als screenshot.png gespeichert.
Dieses Bild dient als Vorschaubild deines Child-Themes.
Die drei neuen Dateien per FTP auf den Server im Ordner themename-child hochladen.
Man meldet sich jetzt im Backend von WordPress als Admin an.
Dort geht man auf Design > Themes.
Das neue Theme ist jetzt in der Theme-Liste.
Hier das eigene Child-Theme aktivieren.
Es funktioniert nur zusammen mit dem Parent-Theme.
Die Original-Dateien des Parent-Themes werden runtergeladen und so gesichert.
Jetzt kann man neue Dateien im Child-Theme machen.
Erstellt man eine Datei mit dem Namen header.php, ist diese neue Datei jetzt gültig.
Die Angaben im Child-Theme überschreiben die gleichen Angaben im Parent-Theme.
Erst einmal wird die komplette header.php genau so aus dem Parent-Themes-Verzeichnis kopiert.
Jetzt kann man Änderungen vornehmen.
Weitere Infos in Englisch von WordPress direkt.
Wofür kann man ein Child-Theme verwenden?
- Man kann jederzeit das Theme von WordPress aktualisieren, ohne dass die eigenen Anpassungen verloren gehen.
- Man kann das Child-Theme mit dem eigenen Parent-Theme verbinden.
Definition
erstellen
verwenden
