Unsere Artikelserie heisst zwar „WordPress Theme anpassen wie ein Profi“, richtet sich jedoch an Einsteiger und fortgeschrittene User und zeigt Wege und Tools auf, wie man ganz einfach das eigene WordPress Theme anpassen kann, ohne sich viel mit dem Quellcode zu beschäftigen. In dieser Folge werden wir ein WordPress Child Theme mit einem Plugin erstellen. Natürlich findest du auf WPC auch die Methode ein WordPress Child Theme ohne Plugin anzulegen.
Inhaltsverzeichnis der Artikelserie
- Teil 1 – Theme Optionen & Theme Customizer
- Teil 2 – Eigenes CSS und Browser Entwicklertools
- Teil 3 – Eigene Shortcodes erstellen mit Plugin Post Snippets
- Teil 4 – WordPress Child Theme erstellen mit Plugin
- Teil 5 – WordPress Template Dateien bearbeiten
- Teil 6 – WordPress Page Template erstellen
- Teil 7 – WordPress Hooks verstehen und anwenden
Vorteile der Plugin-Methode – Child Theme erstellen mit einem Plugin
Der Erstellungsprozess eines Child Themes ist abhängig von dem Basis Theme (Parent Theme). Es gibt z. B. Themes, die…
- für die Erstellung eines Child Themes überhaupt nicht geeignet sind.
- keine separate style.css Datei benötigen.
- so alt sind, dass die style.css Datei anders eingebunden werden muss.
Mit der Analyse-Funktion des Plugins können diese verschiedenen Optionen berücksichtigt und automatisch die richtige Vorgehensweise ausgewählt werden.
Ein Riesen-Vorteil ist natürlich auch, dass man keine zustäzlichen Tools, wie z. B. einen Text-Editor oder ein FTP-Programm benötigt. Selbst nach der Erstellung des Child Themes können neue CSS Anweisungen bequem im Adminbereich eingegeben werden.
Man spart sich auch den Schritt eine separate Child Theme functions.php Datei anzulegen. Diese wird vom Plugin automatisch generiert.
Child Theme Configurator Plugin – WordPress Child Theme erstellen & konfigurieren
Wie der Name bereits vermuten lässt, kann man mit dem Plugin Child Theme Configurator über eine einfache Benutzeroberfläche das eigene Child Theme konfigurieren und erstellen. Nach dem du das Plugin installiert und aktivert hast, findest du die zugehörigen Einstellungen unter dem Menüpunkt Werkzeuge > Kindthemen im Adminbereich (ja, es gibt Dinge, die müsste man nicht unbedingt übersetzen, aber gut).
Sehen wir uns die erforderlichen Konfigurationsschritte im Detail an:
1. Als erstes kann man auswählen, ob man ein neues Child Theme erstellen oder ein bestehendes bearbeiten möchte. Ich wähle hier die Option „Neues Kindthema ERSTELLEN“ aus, um ein neues Child Theme anzulegen.
2. Im Drop-Down Menü kannst du das Theme auswählen, welches du anpassen möchtest (das Parent Theme).
3. Unter Punkt 3 ist bereits ein großer Vorteil der Erstellungsmethode durch ein Plugin erkennbar. Das Plugin analysiert automatisch, ob das Parent Theme für die Erstellung eines Child Themes geeignet ist und wählt die passende Vorgehensweise aus. Klicke dazu einfach auf den Button „Untersuchen“.
Wichtige Erkenntnis: Es gibt Themes, wie das in unserem Fall ausgewählte OceanWP Theme (Affiliate Partnerlink), die keine zusätzliche style.css Datei benötigen.
4. Hier kannst du den Ordnernamen eingeben. Damit ist nicht der Name deines Child Themes gemeint, sondern das Verzeichnis, in dem die Dateien für dein Child Theme liegen. Verwende bitte hier nur Kleinbuchstaben und Bindestriche.
5. Unter Option 5 kann man auswählen, wo die neuen CSS-Anweisungen gespeichert werden sollen. Die Auswahl „Primäre Formatvorlage“ ist in den meisten Fällen die richtige Wahl.
6. Punkt 6 wird vom Plugin automatisch vorausgewählt. Du kannst hier ruhig die Vorauswahl beibelassen und zum nächsten Schritt übergehen.
7. Hier kann man den Namen, die Beschreibung, die Website und andere Eigenschaften des Child Themes angepassen.
Weiterer Vorteil der Plugin Methode: Das Attribut „Template“ steht hier nicht zur Anpassung bereit und wird von Plugin automatisch anhand der Parent Theme Auswahl vergeben. Damit werden auch mögliche Fehler bei der Falscheingabe des Template-Namens vermieden.
8. Hast du bereits angefangen deine Website anzupassen, indem du Widgets in die Sidebar gezogen, Menüs erstellt oder Einstellungen im Customizer vorgenommen hast und möchtest nun ein Child Theme erstellen? Dann solltest du die Option unter Punkt 8 auswählen. Damit werden alle Einstellungen übernommen und deine Seite sieht nach der Aktivierung des Child Themes genauso aus wie vorher.
9. Um die Konfiguration abzuschließen, klicke auf „Create New Child Theme“.
Auch nach der Erstellung des Child Themes benötigst du weder einen Text-Editor noch ein FTP Programm. Du kannst alle notwendigen Styles oder weitere Templates bequem im Adminbereich hinzufügen.
Folgende Optionen stehen zur Verfügung:
Bevor du das Child Theme aktivierst, kannst du erst mal überprüfen, ob deine Seite in der Frontansicht noch genauso aussieht, wie mit dem Parent Theme (1).
Unter dem Tab „Abfrage/Selektor“ (2) kannst du einen Selektor auswählen (3) und dann entweder über die Eingabefelder die Werte der einzelnen Eigenschaften bestimmen oder direkt deine CSS Anweisungen in das Feld „Rohes CSS“ eingeben (4). Einen Überblick über die Eigenschaften findest du auch unter dem entsprechenden Tab (5). Dort kannst du ebenfalls die Werte anpassen.
Das Plugin ermöglicht es dir, einfach neue Webschriftarten zu deinem Theme hinzuzufügen (6).
Die style.css Dateien des Parent Themes (7) und des Child Themes (8) lassen sich ebenfalls einsehen, ohne sich mit einem FTP Client auf den Server verbinden zu müssen.
Weiterhin hast du die Möglichkeit dein Child Theme mit Templates zu ergänzen (9). Dieses Thema werden wir uns im nächsten Teil unerer Artikelserie näher anschauen.
Artikel Empfehlung: WordPress Theme anpassen Teil 5: Templates bearbeiten & verstehen
ZUM ARTIKELFazit
Die zum Teil seltsame Übersetzung und die etwas anstrengende Benutzeroberfläche macht es den WordPress Einsteigern nicht ganz leicht, sich sofort für das Plugin „Child Theme Configurator“ zu entscheiden, wenn es darum geht, ein neues Child Theme zu erstellen. Trotzdem bringt die Plugin-Methode einige Vorteile mit sich und kann gegenüber der manuellen Methode so manche Konfigurationsfehler von Anfang an verhindern.
4 Kommentare zu „WordPress Theme anpassen Teil 4: Child Theme erstellen mit Plugin“
Hab folgendes Problem: Ich habe mit dem Plugin ein Child Theme erstellt und möchte nun die functions.php ergänzen. Es kommt folgende Fehlermeldung:
Vorsicht: Dies ist eine Datei des aktuell verwendeten übergeordneten Eltern-Themes.
nonce_failure
Irgendwie kann die functions.php des Child Theme nicht bearbeitet werden, sondern es wird immer auf das Elterntheme zugegriffen. Hast du eine Idee?
Hallo Sebastian,
Es gibt 3 Möglichkeiten die functions.php Datei des Child Themes zu ergänzen:
1. Über das Plugin
2. Über die Option Design > Theme Editor im WP Adminbereich
3. Über ein FTP Programm
Welche Variante hast du ausprobiert?
Kannst du versuchen, ob es mit einer der beiden anderen Varianten funktioniert?
Schöne Grüße, Danijel
Hallo Danijel,
Danke für die ausführliche Anleitung. Kann das Plugin nach der Erstellung des Child Themes deaktivieren oder auch löschen?
VG Sebastian
Hallo Sebastian,
Ich kann mich erinnern, dass ich mir die gleiche Frage gestellt habe, als ich den Beitrag geschrieben habe. Mit dem Deaktivieren des Plugins habe ich es getestet und das Child Theme bleibt erhalten. Soweit ich es noch weiß, habe ich das Plugin jedoch nicht gelöscht. Vielleicht kannst du noch ein kurzes Feedback geben, falls du es versuchst.
Der Vorteil, wenn man das Plugin weiterhin benutzt ist, dass man eigene Templates und eigene CSS-Styles über das Plugin hinzufügen kann, ohne ein FTP-Programm zu verwenden.
Schöne Grüße, Danijel