Wie man ein WordPress-Child-Theme erstellt und warum man eines braucht

Wenn Sie ein Fan der WordPress-Plattform sind, haben Sie wahrscheinlich unzählige Ratschläge gehört, um ein untergeordnetes WordPress-Theme zu erstellen, um die zukünftigen Risiken und Fehler auf das kritische Minimum zu reduzieren.

Wir von SKT Themes teilen definitiv die Meinung Ihrer Berater und betonen auch, wie wichtig es ist, ein separates untergeordnetes Thema Ihrer WP-Site oder Ihres Blogs zu erstellen und zu pflegen. Während die Vorzüge und Vorzüge eines Child Themes scheinbar unbedeutend sind, wollen wir zuerst herausfinden, was ein Child Theme in seiner wahren Essenz ist.

Was ist ein Child-Theme?

Ein untergeordnetes WordPress-Theme ist die alternative Version des übergeordneten WP-Themes, das die Funktionalität und das Design dieser übergeordneten Vorlage erbt. Mit diesem Zusatz- oder Child-Theme können Sie die Funktionen und das Erscheinungsbild des Basis-Templates modifizieren, verändern oder ergänzen.

Und was an dieser Stelle wichtig ist, das übergeordnete Template bleibt gleichzeitig unberührt und unverändert. Anschließend können Sie es jederzeit aktualisieren, ohne befürchten zu müssen, dass die vorgenommenen Änderungen verloren gehen.

Warum müssen Sie ein WordPress-Child-Theme erstellen?

Die Zugänglichkeit der Codes und Dateien aller gültigen WordPress-Vorlagen ermöglicht es Ihnen, das Erscheinungsbild und die Funktionalität von den Änderungen im Design bis zur Erstellung zusätzlicher Widgets und Plugins zu ändern und anzupassen.

Es gibt jedoch eine kleine Unannehmlichkeit, die jedem WordPress-Webmaster einfallen kann. Alle direkten Anpassungen an den grundlegenden Themencodes verschwinden, oder besser gesagt, kehren nach jeder Aktualisierung des Themas zur Quelle zurück.

Wenn Sie also solche unangenehmen Rollbacks vermeiden möchten, müssen Sie ein WordPress-Child-Theme erstellen. Es ermöglicht Ihnen, unzählige Änderungen am Design vorzunehmen, ohne Gefahr zu laufen, sie bei einem geplanten Update zu verlieren.

Wann müssen Sie ein Child-Theme erstellen?

Wenn Sie derjenige sind, der ständig Änderungen am Erscheinungsbild oder Funktionsrahmen seiner Website oder seines Blogs vornimmt, indem Sie neue Funktionen zur Datei functions.php des Themas hinzufügen oder die Datei style.css ändern, ist das Erstellen eines untergeordneten Templates ein Muss.

Darüber hinaus können Webdesigner und -entwickler von dieser Technik profitieren, um ihren Arbeitsablauf zu beschleunigen und ohne unerwartete Nachteile oder Fehler mehr zu erreichen.

Nachdem wir Ihnen nun das ganze Potenzial eines Child Themes erschlossen haben, gehen wir zum technischen Teil seiner Erstellung über. Alles in allem ist es eine wunderbare Möglichkeit, in das Fleisch der WordPress-Plattform einzusteigen und mehr über ihre Möglichkeiten zu erfahren.

So erstellen Sie ein WordPress-Child-Theme

Um ein WordPress-Child-Theme zu erstellen, müssen wir uns um 3 Hauptpunkte drehen:

1. Das Child-Theme-Verzeichnis

2. Stylesheet (style.css)

3. Funktionen.php

Nun, der erste Schritt zur Erstellung eines untergeordneten Designs besteht darin, sein Verzeichnis in wp-content/themes zu erstellen. Besser wäre es, wenn das Child-Theme-Verzeichnis den Titel des Parent-Themes plus die Endung „child“ hätte.

Nehmen wir das SKT Perfect-Design als Beispiel

In diesem Fall nennen wir unser Child-Theme „ skt-perfect-child “. (Bitte überprüfen Sie die hervorgehobenen Teile)

Außerdem müssen Sie das Stylesheet des Designs erstellen (style.css-Datei). Das Stylesheet sollte wie folgt beginnen:

 *
 Name des Themas: SKT Perfektes Kind
 Design-URI: http://mysite.com/skt-perfect-child/
 Beschreibung: SKT Perfect Child Theme
 Autor: John Smith
 Autor-URI: http://mysite.com
 Vorlage: sktperfect
 Version: 1.0.0
 Lizenz: GPL
 Lizenz-URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: perfekt, reaktionsschnell, Widget-freundlich
 Textdomäne: skt-perfektes Kind
*/

Vergessen Sie nicht, Ihre eigenen Details hinzuzufügen, während Sie sich mit diesem Teil des Stylesheets befassen.

Die letzte Datei, die wir anfassen müssen, ist functions.php. Um das Stylesheet des übergeordneten Designs einzureihen, muss die Aktion wp_enqueue_scripts hinzugefügt werden (https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts).
und verwende wp_enqueue_style() (https://developer.wordpress.org/reference/functions/wp_enqueue_style/) in der functions.php des Child-Themes.

In dieser Beziehung muss die Datei functions.php im Verzeichnis des untergeordneten Designs erstellt werden. Die Eröffnungszeile von functions.php sollte „<?php“ lauten, danach können Sie die Stylesheets von Parent- und Child-Themes hinzufügen.

Das folgende Beispiel sollte ordnungsgemäß funktionieren, wenn Ihr übergeordnetes Design nur eine Haupt-style.css hat.

 add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
Funktion my_theme_enqueue_styles() 
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

Wenn ein tatsächlicher CSS-Code in der style.css des untergeordneten Designs enthalten ist, müssen Sie ihn ebenfalls hinzufügen. Eigentlich müssen Sie „parent-style“ als Abhängigkeit hinzufügen. Hier ist ein richtiges Beispiel:

 Funktion my_theme_enqueue_styles() 

    $eltern_; // Dies ist 'skt-perfect-style' für das SKT Perfect-Design. 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'Kind-Stil',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

Das war's Leute. Jetzt hast du dein Child Theme erfolgreich erstellt und es fehlen nur noch seine Aktivierungen. Gehen Sie dazu über das Admin-Panel Ihrer Website, Aussehen, Themen. Hier finden Sie alle verfügbaren Themen aufgelistet. Finden Sie hier das neu erstellte Child-Theme und klicken Sie es einfach an, um es zu aktivieren.

Wenn Sie diese Methode wirklich einschüchternd finden, können Sie die verfügbaren Child-Theme-Creator-Plugins nutzen

Child-Theme-Generator:

One Click Child Theme ist ein Plugin, das Ihnen das Leben erleichtert. Erstellen und führen Sie Ihr untergeordnetes Thema in wenigen Minuten und mit ein paar einfachen Klicks aus, um viele unangenehme Probleme zu vermeiden.

Schneller Child-Theme-Generator:

Es ist eines der am besten bewerteten und einfach zu verwendenden Plugins für den Generator von untergeordneten Themen, die Sie mit jeder WordPress-basierten Website verwenden können. Dieses erstaunliche Plugin ist intelligent genug, um zu definieren, welche Dateien kopiert und welche übersprungen werden sollen, wenn ein untergeordnetes Thema erstellt wird.

Alles in allem verfügt es über eine verwaltungsfreundliche und intuitive Benutzeroberfläche und ermöglicht es Ihnen, so viele untergeordnete Themen aus einem übergeordneten Thema zu erstellen, wie Sie benötigen.

Child-Theme-Konfigurator:

Eine weitere am besten bewertete Lösung zum Erstellen eines untergeordneten Themas heißt Child Theme Generator. Dieses Plugin ist auch wunderbar praktisch für Anpassungsoptionen, die Sie an Ihrem untergeordneten Thema vornehmen können.

Child-Theme-Check:

Schließlich kann Child Theme Check Ihre rechte Hand sein, wenn es darum geht, Ihr Child Theme unter ständiger Kontrolle und Überwachung zu halten, wenn Änderungen vorgenommen werden.