Wie Sie Ihr WordPress-Theme mit einem Child-Theme anpassen

Sie haben also ein WordPress-Theme auf Ihrer Website, entweder ein kostenloses oder ein kommerzielles, und Sie möchten es anpassen. Jemand hat Ihnen klugerweise empfohlen, "ein untergeordnetes Thema zu erstellen". Aber was bedeutet das und wie machen Sie das??

Was ist ein Kinderthema?

Dieser WordPress-Codex beschreibt untergeordnete Themen wie folgt:

Ein untergeordnetes WordPress-Design ist ein Design, das die Funktionalität eines anderen Designs übernimmt, das als übergeordnetes Design bezeichnet wird, und es Ihnen ermöglicht, die Funktionalität dieses übergeordneten Designs zu ändern oder zu erweitern. Ein untergeordnetes Thema ist der sicherste und einfachste Weg, ein vorhandenes Thema zu ändern, unabhängig davon, ob Sie ein paar kleine Änderungen oder umfangreiche Änderungen vornehmen möchten. Anstatt die Designdateien direkt zu ändern, können Sie ein untergeordnetes Design erstellen.

Ein "untergeordnetes Thema" ist im Wesentlichen ein WordPress-Design, das neben dem ursprünglichen WordPress-Design ausgeführt wird und die von Ihnen angegebenen Teile überschreibt, ohne das ursprüngliche Design selbst zu ändern.

Warum die Mühe machen, ein untergeordnetes Thema zu verwenden?

Wenn Sie ein kostenloses oder kommerzielles WordPress-Theme auf Ihrer Website haben, besteht eine gute Chance, dass Sie es ein wenig an Ihre speziellen Bedürfnisse anpassen möchten. Möglicherweise möchten Sie einige Farben anpassen, eine Seitenleiste hinzufügen, bestimmte Beiträge anders anzeigen lassen oder alles, was Sie sich vorstellen können.

Eines Tages melden Sie sich in Ihrem WordPress-Admin-Dashboard an und sehen ein Update für Ihr Design. Möglicherweise wird ein CSS-Fehler oder ein Sicherheitsproblem mit dem Design behoben. Wenn Sie auf Aktualisieren klicken und die Dateien des Themas direkt angepasst haben, werden die Änderungen durch das Update überschrieben BOOM! Sie sind gegangen. Sie müssen diese Änderungen noch einmal vornehmen.

Wenn Sie ein untergeordnetes Design verwenden, können Sie das ursprüngliche Design nach Belieben aktualisieren und Ihre Änderungen sind sicher. Es ist möglich, dass etwas im Update dazu führt, dass Sie auch ein wenig an Ihrem Kinderthema anpassen müssen, aber zumindest fangen Sie nicht bei Null an!

Ok, ich denke ich bin an Bord, aber wie mache ich das??

Ihr ursprüngliches Thema, das wir von nun an als "übergeordnetes Thema" bezeichnen, lebt in Ihrem / wp-content / themes / Verzeichnis.

Als Beispiel erstellen wir ein untergeordnetes Design für das WordPress-Standarddesign "Twenty Twelve".

Um in diesem Fall ein untergeordnetes Thema zu erstellen, erstellen wir ein neues Verzeichnis neben dem Verzeichnis 'Twenty Twelve', das als 'Themes' bezeichnet wird Zwölfjähriges Kind.

So wie:

Das gesamte Verzeichnis muss ein gültiges untergeordnetes Design enthalten style.css Dateien mit folgendem Inhalt:

 / * Themenname: Zwanzig Zwölf Kind Theme URI: http://wp.tutsplus.com/ Beschreibung: Untergeordnetes Thema für Zwanzig Zwölf Autor: Japh Author URI: http://wp.tutsplus.com/author/japh Vorlage: twentytwelve Version: 1.0.0 * / @import url ("… /twentytwelve/style.css");

Es gibt zwei wichtige Teile dort:

Vorlage: zwölfundzwanzig - Dies sagt WordPress, dass dieses Thema ein untergeordnetes Thema des Themas "Zwanzig Zwölf" ist
@import url ("… /twentytwelve/style.css"); - was lädt das übergeordnete Thema (zwanzig zwölf in diesem Fall) style.css als Ausgangspunkt

Jetzt können Sie sich in Ihr WordPress-Dashboard einloggen, dort das Motiv "Zwanzig Zwölf Kinder" sehen und aktivieren.

Hinweis:

Wie in den Kommentaren unten hervorgehoben, wird der @einführen Zeile ist nicht unbedingt erforderlich, damit ein untergeordnetes Design gültig ist. Ich habe es hier eingefügt, da es in den meisten kleinen Modifikationen eines Themas verwendet werden soll. Wenn Sie das CSS in einem Theme vollständig ersetzen möchten, können Sie diese Zeile weglassen und von vorne beginnen.

Süß, mein ganz eigenes Kinderthema! Was jetzt?

Wann immer Sie eine Anpassung an Ihr Design vornehmen möchten, nehmen Sie dies in Ihrem untergeordneten Design vor.

Dateien in Ihrem untergeordneten Design überschreiben Dateien mit demselben Namen im übergeordneten Design. Wenn Sie also eine Datei aus Ihrem übergeordneten Design ändern möchten, kopieren Sie sie zuerst in Ihr untergeordnetes Design und nehmen Sie dort Ihre Änderungen vor.

Dasselbe gilt für Vorlagen, die möglicherweise nicht in Ihrem übergeordneten Thema enthalten sind. Sie können sie in Ihrem untergeordneten Design hinzufügen und werden von WordPress verwendet.

Eine Ausnahme von diesen Regeln ist die Functions.php Datei. In diesem Fall ist die Functions.php Die Datei für das untergeordnete Design wird zuerst geladen, gefolgt von der Functions.php Datei des übergeordneten Designs. Es besteht also keine Notwendigkeit, das zu kopieren Functions.php Datei vom übergeordneten in das untergeordnete Element, beginnen Sie einfach neu im untergeordneten Thema für dieses.

Dadurch kann das untergeordnete Design über alle Funktionen des übergeordneten Designs verfügen. Übergeordnete Themen können ihre Funktionen auch steckbar machen, sodass ein untergeordnetes Thema sie überschreiben kann.

Was ist eine steckbare Funktion??

Im Wesentlichen ist eine steckbare Funktion eine Funktion, die prüft, ob sie bereits existiert, bevor sie definiert wird. Wenn das untergeordnete Design eine Funktion mit demselben Namen definiert, erstellt das übergeordnete Design keinen Konflikt.

Zusammenfassung

Das sind die Grundlagen der Anpassung eines WordPress-Themes mithilfe eines untergeordneten Designs. Es ist wirklich nicht schwieriger, als das ursprüngliche Design direkt zu bearbeiten, aber es kann eine Menge Ärger ersparen, wenn es Zeit zum Aktualisieren gibt. Es macht es Ihnen auch sehr leicht, genau zu sehen, was Sie geändert haben, denn es ist alles sehr gut unterteilt.

Weitere Informationen zu Kinderthemen finden Sie auch hier auf Wptuts +.

Haben Sie spezielle Tipps zur Anpassung an untergeordnete Themen? Lass es uns in den Kommentaren wissen!

Code