Sie haben ein WordPress-Theme gefunden, das Ihnen wirklich gefällt, aber Sie möchten das Erscheinungsbild ein wenig anpassen? Sie können dies ganz einfach tun, indem Sie benutzerdefinierten Code in das CSS-Stylesheet Ihres Themes schreiben. Diese Änderungen können jedoch leicht verloren gehen, wenn Sie das Design aktualisieren.

Um dies zu verhindern, können Sie ein untergeordnetes Thema erstellen, mit dem Sie beliebig viele Anpassungen vornehmen können, ohne das Risiko einzugehen, dass diese Änderungen verloren gehen, wenn Sie das übergeordnete Thema schließlich aktualisieren.

Wir führen Sie durch jeden Schritt des Prozesses. Lassen Sie uns zunächst ein wenig Jargon aufräumen.

Was genau ist ein Child-Theme?

Ein Child-Theme ist ein voll funktionsfähiges WordPress-Theme, das seine Funktionen und Eigenschaften von einem anderen Theme erbt – seinem Parent-Theme. Wenn Sie ein Child-Theme erstellen, können Sie alle Funktionen des Parent-Themes nutzen, ohne diese Funktionen jedes Mal zu verlieren, wenn das Parent-Theme ein Update erhält.

instagram viewer

Es gibt drei grundlegende Komponenten, die Sie zum Erstellen eines Child-Themes benötigen. Diese werden ausführlich behandelt, wenn wir besprechen, wie Sie ein Child-Theme manuell erstellen.

Zuerst werden wir jedoch schnell behandeln, wie man ein Child-Theme mit kostenlosen Child-Theme-Generatoren und mithilfe eines Plugins erstellt.

Bereit? Steigen wir ein!

1. So erstellen Sie ein Child-Theme mit einem Child-Theme-Generator

Dies ist wahrscheinlich die einfachste und unkomplizierteste Methode von allen. Alles, was Sie tun müssen, ist, zu einer Website für einen Child-Theme-Generator zu navigieren, einen Namen für Ihr Child-Theme einzugeben, und das war's.

Zwei der beliebtesten Generatoren für untergeordnete Themen sind Astra Child Theme Generator und Generator für untergeordnete Themen, die untergeordnete Designs für das beliebte Astra-Design erstellt.

Das Astra-Theme ist ein beliebtes, leichtes und schnelles WordPress-Theme, das sich zum Erstellen jeder Art von Website eignet. Es ist auch einer von die besten kostenlosen WordPress-Themes von 2021, daher ist es eine rundum gute Wahl für die Erstellung Ihrer Website. Um den Astra Child Theme Generator zu verwenden, müssen Sie zuerst das Astra-Theme installieren.

Um dann Ihr neues Child-Theme zu erstellen, melden Sie sich einfach bei Astra Child Theme Generator, geben Sie den gewünschten Namen für Ihr neues Child-Theme ein, klicken Sie auf Generieren, und das ist es!

Ihr neues Child-Theme wird automatisch als ZIP-Ordner heruntergeladen. Installieren und aktivieren Sie es wie jedes andere Theme.

2. So erstellen Sie ein untergeordnetes Thema mit einem Plugin

Diese Methode ist fast so einfach wie die Verwendung eines Online-Child-Theme-Generators. Es gibt zahlreiche Plugins für untergeordnete Theme-Generatoren, aber wir empfehlen Ihnen, eine der beliebtesten Optionen zu verwenden.Konfigurator für untergeordnete Themen.

Um zu beginnen, installieren und aktivieren Sie das Plugin aus dem WordPress-Repository. Bewegen Sie den Mauszeiger im linken Bereich über Werkzeug, dann klicke auf Kinderthemen.

Um Ihr Child-Theme zu erstellen, aktivieren Sie ERSTELLE ein neues Child-Theme, scrollen Sie dann nach unten und wählen Sie das übergeordnete Thema aus. Klicken Analysieren und warte auf die Ergebnisse. Wenn alle Ihre Designdateien in Ordnung sind, sehen Sie zusätzliche Optionen auf dem Bildschirm. Sie können die meisten davon ignorieren oder gegebenenfalls Änderungen vornehmen.

Um Ihr Kinderthema zum Leben zu erwecken, klicken Sie einfach auf das Neues untergeordnetes Thema erstellen unten auf dem Bildschirm, und das war's.

Navigieren Sie zu Aussehen > Themen, und Ihr neues untergeordnetes Design wird angezeigt und kann aktiviert werden.

Die Verwendung eines Child-Theme-Generators oder eines Child-Theme-Generator-Plugins sind beides großartige Lösungen, die einfach zu implementieren sind und keine fortgeschrittenen technischen Fähigkeiten erfordern. Wenn Sie jedoch unter die Haube gehen und eine aktivere Rolle bei der Erstellung Ihres neuen untergeordneten Themas spielen möchten, ist die nächste Methode für Sie geeignet.

3. So erstellen Sie manuell ein untergeordnetes Thema

Das manuelle Erstellen eines Child-Themes ist viel ansprechender als jede der beiden vorherigen Methoden, aber es ist immer noch relativ einfach zu bewerkstelligen.

Sie benötigen drei grundlegende Komponenten: eine Theme-Datei für Ihr Child-Theme, a style.css Stylesheet und a Funktionen.php Datei.

1. Erstellen Sie eine Designdatei

Sie können dies in cPanel oder über FTP tun. Wir empfehlen die Verwendung von cPanel, wenn Ihr Hosting-Dienst dies bereitstellt. Einloggen in cPanel > Dateimanager > Dateien > Public_html > wp-content > Themen.

Klicken Sie auf +Ordner Klicken Sie im oberen Menü auf die Schaltfläche, um einen neuen Ordner zu erstellen. Sie müssen dies nach dem Namen des übergeordneten Themas benennen und am Ende "-child" hinzufügen. Wenn Sie beispielsweise das Thema Twenty Twenty-One verwenden, sieht dies so aus: "twentytwentyone-child".

2. Erstellen Sie eine Style.css-Datei

Style.css ist die Standard-WordPress-Namenskonvention für CSS-Stylesheets. Hier wird das gesamte CSS für Ihr Child-Theme abgelegt, aber Sie können mit der Erstellung des CSS warten, bis Sie Ihr Child-Theme vollständig eingerichtet haben.

Um ein zu erstellen style.css Datei, klicken Sie einfach auf die +Datei Option aus dem oberen Menü. Das Stylesheet muss in den soeben erstellten neuen Themenordner verschoben werden. Fügen Sie in der neuen Datei den folgenden Kommentar ein:

/*
Themenname: Twenty Twenty One Child
Themen-URI: http://example.com/twenty-twenty-one-child/
Beschreibung: Twenty Twenty One Child Theme
Autor: Jane Doe
Autoren-URI: http://example.com
Vorlage: einundzwanzig
Version: 1.0.0
Lizenz: GNU General Public License v2 oder höher
Lizenz-URI: http://www.gnu.org/licenses/gpl-2.0.html
Schlagwörter: hell, dunkel, zweispaltig, rechte Seitenleiste, responsives Layout, barrierefrei
Textdomäne: zwanzigeinundzwanzig Kinder
*/

Dies ist ein Kommentar und wird zur Laufzeit nicht ausgeführt, aber ohne ihn funktioniert Ihre CSS-Stylesheet-Datei nicht. Datei speichern unter style.css.

3. Erstellen Sie eine Functions.php-Datei

So wie Sie eine neue Datei hinzugefügt und aufgerufen haben style.css, füge eine neue Datei hinzu und rufe sie auf Funktionen.php. Fügen Sie den folgenden Code ein:


php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles');

Funktion enqueue_parent_styles() {

wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );

}

Das ist es! Sie haben jetzt alle drei Komponenten, die für das Funktionieren Ihres Child-Themes erforderlich sind. Um es abzuschließen, gehen Sie zurück in Ihr WordPress-Backend und aktivieren Sie das Thema wie bei jedem anderen Thema.

Erste Schritte mit WordPress Child Themes

Child-Themes sind eine nützliche Möglichkeit, Änderungen an Ihrem WordPress-Theme vorzunehmen, ohne sich um Updates des Parent-Themes kümmern zu müssen. In diesem Artikel haben wir Ihnen drei verschiedene, einfach zu verwendende Methoden zum Erstellen eines Child-Themes gezeigt. Wenn Sie nur benutzerdefinierte Designs für Ihre Webseiten erstellen möchten, ist die Verwendung eines WordPress-Seitenerstellers eine effektive Alternative.

So ändern Sie das Land/die Region im Google Play Store

Müssen Sie Ihr Google Play Store-Land ändern? So ändern Sie das Google Play Store-Land Ihres Kontos auf einem Android-Telefon.

Weiter lesen

TeilenTweetEmail
Verwandte Themen
  • Programmierung
  • WordPress
  • Web-Design
  • Web Entwicklung
  • CSS
Über den Autor
David Abraham (7 Artikel veröffentlicht)

David ist ein WordPress-Liebhaber, der sich leidenschaftlich dafür einsetzt, kleinen Unternehmen beim Wachstum zu helfen!

Mehr von David Abraham

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren