WordPress: Child-Theme erstellen

Zuletzt aktualisiert am 13.06.2023 um 10:06 Uhr

4
(1)

Um ein Theme in WordPress ein Theme anzupassen, wird sehr empfohlen, ein so genannten Child-Theme zu erstellen. Der Grund ist, wenn im Original-Theme Anpassungen vorgenommen werden, so werden bei einer Aktualisierung alle Dateien durch die Aktualisierung überschrieben. In wenigen Schritten ist ein Child-Theme erstellt.

Voraussetzungen

Um das Child-Theme überhaupt erstellen zu können, wird zum Beispiel ein FTP-Client (FileZilla, WinSCP) benötigt. Unter Ubuntu bzw. unter KDE ist dieser in der Regel im Dateimanager (Dolphin) schon dabei. Als Texteditor kann Notepad++ oder PSPad empfohlen werden. Unter Ubuntu ist zum Beispiel ein Texteditor dabei und unter KDE heißt dieser ‘Kate‘)

Wenn eine Verbindung zum Webspace besteht, muss nur noch in das Verzeichnis des Theme-Ordner gewechselt werden, in der Regel befinden sich die Themes unter wp-content/themes/

In diesem Beispiel wird das Theme “OnePress” verwendet. Bei andere Themes muss es natürlich angepasst werden.

Schritt

1. Ordner erstellen

Neuen Ordner namens onepress-child erstellen und in den Ordner wechseln

2. Datei functions.php

Datei functions.php erstellen und folgendes rein kopieren und speichern.

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); 
function my_theme_enqueue_styles() { 
    $parenthandle = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme. 
    $theme = wp_get_theme(); 
    wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css',  
        array(),  // if the parent theme code has a dependency, copy it to here 
        $theme->parent()->get('Version') 
    ); 
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), 
        array( $parenthandle ), 
        $theme->get('Version') // this only works if you have Version in the style header 
    ); 
}

3. Datei style.css

Datei style.css erstellen und folgendes rein kopieren und speichern

/*
 Theme Name:   OnePress Child
 Theme URI:    http://beispiel.de/parent-theme/
 Description:  OnePress Child Theme
 Author:       Dein Name
 Author URI:   https://Deine-domain.de
 Template:     onepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Hier können Tags vergeben werden
 Text Domain:  OnePress-child
*/

/* Ab hier können alle Anpassungen vorgenommen werden */

4. Screenshot »screenshot.png«

Es wird empfohlen eine Bilddatei namens “screenshot.png” zu erstellen. Für den Eigenbedarf ist es egal wie die Grafik aussieht 😉

Child-Theme aktivieren

Damit das Child-Theme verwendet werden kann, einfach im Admin-Bereich Design -> Themes das Child-Theme aktivieren, Beispiel OnePress Child 🙂 als Info steht noch “Dies ist ein Child-Theme von OnePress.” 😀

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 4 / 5. Anzahl Bewertungen: 1

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

Schreibe einen Kommentar

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