# Child-Theme • Praxislexikon

Child-Theme

Definition
erstellen
verwenden

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.
PHP Code Snippets Powered By : XYZScripts.com

  

Immunsystem stärken
Immunsystem stärken. Deine Verteidigung.
Schlafen, Essen, Bewegung, kein Stress, Liebe, Vorbeugung