TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Wie verwende ich das WordPress Child Theme Configurator Plugin?

2

In unserem vorherigen Artikel haben wir den manuellen Weg zum Erstellen von Child-Themes in WordPress erklärt. Wenn Sie sich mit all diesen manuellen Schritten erschöpft fühlen – keine Sorge, Sie sind nicht allein. Insbesondere das Anpassen des Parent-Themes durch das Herausfinden einzelner CSS-Klassen aus parent style.css ist für einen WordPress-Anfänger eher technischer Natur. Glücklicherweise gibt es viele nützliche Plugins, die den gesamten Prozess vereinfachen und Ihnen gleichzeitig eine weitere Anpassung ermöglichen. Child Theme Configurator ist ein solches Plugin, mit dem Sie Child-Themes in WordPress erstellen und anpassen können. In diesem Artikel werden wir Schritt für Schritt die Verwendung des Child Theme Configurator-Plugins besprechen.

Warum Plugin für Child Theme Configurator?

Wir haben mehrere Plugins zum Erstellen eines Child-Themes ausprobiert und empfehlen den Child-Theme-Konfigurator aus den folgenden Gründen:

  • Das Plugin wird ständig aktualisiert und unterstützt.
  • Gute Nutzerbewertungen mit mehr als 70.000 aktiven Installationen.
  • Sehr einfach zu bedienende Schnittstelle.
  • Gute Dokumentation im Admin-Dashboard verfügbar.
  • Erstellen von Child-Themes mit einem Klick.
  • Einfaches Anpassen von CSS und Ändern von Vorlagendateien.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Child Theme Konfigurator WordPress Plugin

Endlich ist es mit all diesen Optionen kostenlos!!! Es sind Premium-Erweiterungen verfügbar, aber wir glauben, dass für einen Anfänger die kostenlose Version ausreicht, um ein Child-Theme zu erstellen und anzupassen.

Wie erstelle ich ein Child-Theme mit diesem Plugin?

Navigieren Sie zu "Plugins > Neu hinzufügen" und suchen Sie nach "Child Theme", um das Plugin "Child Theme Configurator" zu finden. Installieren und aktivieren Sie das Plugin; es fügt ein Admin-Menü "Tools > Child Themes" im WordPress-Admin-Dashboard hinzu. Klicken Sie auf Das Menü "Kinderthemen" zeigt Ihnen die folgenden Optionen:

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Übergeordnetes Thema analysieren

Standardmäßig gibt es zunächst nur eine Aktion „Neues untergeordnetes Thema erstellen” und das aktive Thema Ihrer Website wird als übergeordnetes Thema ausgewählt. Sie können das übergeordnete Thema (in unserem Beispiel verwenden wir Twentysixteen) aus der Dropdown-Liste auswählen und auf die Schaltfläche „Analysieren” klicken, um die Abhängigkeiten und andere Probleme zu erhalten.

Ihnen wird eine Erfolgsmeldung mit weiteren geladenen Optionen (von 4 bis 9) angezeigt, die nach Ihren Wünschen angepasst werden können.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Auswählen des Verzeichnisnamens und des Stylesheets für das untergeordnete Thema

Benennen Sie das neue Themenverzeichnis

Das Plugin erstellt automatisch den Verzeichnisnamen des Child-Themes, indem es „-child” an den Namen des Parent-Themes anhängt. In unserem Beispiel ist es „Twentysixteen-Child” und wir lassen es so wie es ist. Sie können einen beliebigen Namen vergeben, wenn Sie den Verzeichnisnamen Ihres Child-Themes ändern möchten. Beachten Sie, dass dies nicht der Name des untergeordneten Themas ist; Dies ist das Verzeichnis, in dem das Child-Theme gespeichert wird. Das Plugin erstellt dieses Verzeichnis im Ordner „wp-content” als „/wp-content/twentysixteen-child/”.

Wählen Sie aus, wo neue Stile gespeichert werden sollen

Das Plugin bietet zwei Optionen zum Speichern des Stylesheets des Child-Themes. Wenn Sie kein untergeordnetes Thema haben, wählen Sie die primäre Stylesheet-Option, um eine style.css-Datei im Verzeichnis Ihres untergeordneten Themas zu erstellen. Falls Sie ein untergeordnetes Theme-Verzeichnis haben, ersetzt das Plugin die vorhandene style.css-Datei durch die neue generierte style.css.

Falls Sie vorhandene Child-Theme-Stile nicht überschreiben möchten, wählen Sie eine separate Stylesheet-Option, um dieses Stylesheet zusätzlich zum Stylesheet des vorhandenen Child-Themes zu verwenden.

Wählen Sie die Stylesheet-Behandlung des übergeordneten Themas

Die empfohlene Methode besteht darin, die Option „Verwenden Sie die WordPress- Stilwarteschlange” zu wählen, um die Datei functions.php Ihres Child-Themes zu verwenden, um den Parent-Theme-Stil in die Warteschlange des Child-Themes einzureihen. Sie können auch die Option „@import verwenden” verwenden, um die style.css des Parent-Themes in die style.css des Child-Themes zu importieren (dies wird nicht empfohlen).

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Übergeordnetes Theme in die Warteschlange stellen

Falls Sie den Stil des übergeordneten Themes nicht verwenden möchten, wählen Sie die Option „Keine übergeordnete Stylesheet-Behandlung hinzufügen”. Wenn Sie ein Theme-Framework wie Genesis verwenden, wählen Sie die Option "Stylesheets des übergeordneten Themes ignorieren".

Passen Sie Name, Beschreibung, Autor, Version usw. des untergeordneten Themas an.

Definieren Sie in diesem Abschnitt die erforderlichen Details wie Name für Ihr Child-Theme, Beschreibung, Autorname usw.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Anpassen der Details des untergeordneten Themas

Hier können Sie den tatsächlichen Namen für das Child-Theme angeben, das unter "Darstellung > Designs" angezeigt wird, um es später zu aktivieren.

SEO-Angebot: Optimieren Sie Ihre Website mit der 14-tägigen kostenlosen Testversion von Semrush Pro.

Kopieren Sie Menüs, Widgets und andere Anpassungseinstellungen vom übergeordneten Thema in das untergeordnete Thema:

Eines der wirklichen Probleme beim Erstellen eines manuellen Child-Themes besteht darin, dass die spezifischen Elemente des Parent-Themes wie Menüs, Widgets, Optionen, Hintergrund usw. im Child-Theme verschwinden. Das Plugin Child Theme Configurator hilft, dieses Problem auf intelligente Weise zu überwinden, indem es das Kopieren dieser Elemente aus dem übergeordneten Thema ermöglicht. Aktivieren Sie diese Option, um die Menüs, Widgets und Themeneinstellungen Ihres übergeordneten Themas auch für das untergeordnete Thema beizubehalten.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Erstellen eines neuen Child-Themes in WordPress mit Plugin

Nachdem Sie alle erforderlichen Anpassungen ausgewählt haben, klicken Sie auf die Schaltfläche „Neues untergeordnetes Thema erstellen”. Sie sehen eine Erfolgsmeldung wie unten mit vielen anderen zusätzlichen Registerkarten.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Konfigurator-Optionen für untergeordnete Themen

Style.css ist die einzige Datei, die für Ihr Child-Theme benötigt wird, wenn Sie die @import-Methode gewählt haben. Wenn Sie die empfohlene Einreihungsmethode gewählt haben, gibt es zwei Dateien style.css undfunctions.php. Ähnlich wie bei manuellen Änderungen können mit dem Child Theme Configurator-Plugin viele Dinge getan werden.

Bearbeiten von Vorlagendateien

Alle veränderbaren Vorlagendateien werden auf der Registerkarte „Dateien” aufgelistet. Während die Datei functions.php standardmäßig unter Child-Theme-Dateien verfügbar ist, können Sie andere Vorlagendateien zur Änderung in Ihr Child-Theme kopieren. Einige der verfügbaren Vorlagendateien, die geändert werden können, sind 404.php, archive.php, page.php, single.php, header.php usw.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Kopieren von Vorlagendateien für das untergeordnete Thema für das untergeordnete Thema

Wählen Sie die Datei im Abschnitt „Untergeordnete Theme-Dateien” aus und bearbeiten Sie sie mit dem standardmäßigen WordPress-Theme-Editor. Außerdem haben Sie unter dem Reiter „Dateien” folgende Möglichkeiten:

  • Laden Sie benutzerdefinierte Themenbilder hoch, die im Stylesheet verwendet werden sollen. Die hochgeladenen Bilder werden auf derselben Seite aufgelistet, die ausgewählt und gelöscht werden kann.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Hochladen von benutzerdefinierten Child-Theme-Bildern

Theme-Bilder werden im Ordner „/twentysixteen-child/images/” gespeichert und können nur innerhalb des Stylesheets des Child-Themes verwendet werden. Alle anderen auf dem Beitrag/Seite hochgeladenen Bilder werden unter Mediathek verfügbar sein.

  • Laden Sie einen benutzerdefinierten Screenshot für das untergeordnete Thema hoch, das unter "Erscheinungsbild > Designs" angezeigt wird.
  • Exportieren Sie das Zip-Archiv des kompletten Child-Themes zur lokalen Speicherung.

Einer der Fehler, die Benutzer bei der manuellen Erstellung von Child-Themes machen, besteht darin, sich nicht um die Verzeichnisstruktur zu kümmern. Das Plugin leistet sehr gute Arbeit, indem es dies automatisch beim Kopieren von Dateien wie „/template-parts/content.php” durchführt. Es erstellt automatisch dieselbe Struktur unter dem Child-Theme wie „twentysixteen-child/template-parts/content.php” und stellt die Funktion dieser Vorlage aus dem Child-Theme sicher.

CSS anpassen

Das Auffinden von CSS-Eigenschaften und -Selektoren ist ein Hauptproblem bei der Verwendung manueller Child-Themes und das Child-Theme-Konfigurator-Plugin hilft, dieses Problem leicht zu lösen. Es gibt zwei Registerkarten „Abfrage/Selektor” und „Eigenschaft/Wert”, die verwendet werden können, um den erforderlichen Stil aus dem übergeordneten Thema zu identifizieren und zu ändern.

Die Registerkarte „Abfrage/Selektor” hilft, einen bestimmten Selektor für jede @media-Abfrage zu finden und zu ändern. Wenn Sie beispielsweise die Hintergrundfarbe des Körpers Ihres übergeordneten Themas ändern möchten, lassen Sie das Feld "@media Query" wie "base" und geben Sie "body" als Selektor ein. Sie sehen alle Eigenschaftswerte für den Körper und klicken auf den Körper, um den Bildschirm wie unten gezeigt anzuzeigen:

Wie verwende ich das WordPress Child Theme Configurator Plugin?

CSS basierend auf Media Query und Selector ändern

Hier können Sie die Hintergrundfarbe (und jeden anderen Wert wie Rand, Auffüllung usw.) ändern und als untergeordnete Themenwerte speichern.

Ähnlich wie bei „Query/Selector” können Sie mit „Property/Value” das übergeordnete CSS ändern. Geben Sie beispielsweise „Hintergrund” als Eigenschaftswert ein und wählen Sie „Hintergrundfarbe” aus der Dropdown-Liste, um die Hintergrundfarbe der gesamten Site zu ändern.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Anpassen des CSS des übergeordneten Themas mit Eigenschaft / Wert

Stylesheets des übergeordneten/untergeordneten Themas anzeigen

Die Registerkarten „Baseline-Stile” und „Untergeordnete Stile” zeigen jeweils die entsprechenden Stylesheets von Parent- und Child-Themes.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Stylesheet für untergeordnete Themen

Importieren von benutzerdefinierten Schriftarten

Sie können beliebige Webfonts wie Google Fonts auf der Registerkarte "Webfonts" mit der @import-Abfrage importieren.

Schließlich können Sie das Child-Theme auf der Registerkarte „Eltern/Kind” löschen, duplizieren und analysieren. Diese Optionen werden nur angezeigt, wenn Sie mit diesem Plugin ein gültiges Child-Theme erstellt haben.

Aktivieren des Child-Themes

Das neu erstellte Child-Theme ist im WordPress-Admin-Dashboard unter „Darstellung > Themes” zu sehen. Es wird dringend empfohlen, vor der Aktivierung eine Vorschau der Site mit dem untergeordneten Thema anzuzeigen, um zu überprüfen, ob alles wie erwartet in Ordnung ist.

Wie verwende ich das WordPress Child Theme Configurator Plugin?

Aktivieren des Child-Themes in WordPress

Die Option "Debug", die in der oberen rechten Ecke verfügbar ist, wenn sie aktiviert ist, zeigt die Aktivitäten am unteren Rand der Seite an. Dies kann zur Fehlerbehebung verwendet werden, falls beim Erstellen des untergeordneten Themas Probleme auftreten. Klicken Sie auf die Schaltfläche „Hilfe”, um die äußerst nützliche Dokumentation direkt im Admin-Dashboard anzuzeigen.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen