So erstellen Sie ein untergeordnetes WordPress-Theme

Veröffentlicht: 2022-10-03

Das Erstellen eines untergeordneten WordPress-Themes ist eine großartige Möglichkeit, ein vorhandenes WordPress-Theme anzupassen, ohne ein neues Theme von Grund auf neu erstellen zu müssen. Indem Sie ein untergeordnetes Design erstellen, können Sie Änderungen am CSS- und PHP-Code vornehmen, ohne das übergeordnete Design zu beeinträchtigen. Dies ist besonders nützlich, wenn Sie Änderungen an einem bestehenden Design vornehmen möchten, das Sie für längere Zeit verwenden möchten. Es gibt ein paar Dinge, die Sie wissen müssen, bevor Sie ein untergeordnetes WordPress-Theme erstellen können. Zunächst müssen Sie ein grundlegendes Verständnis von CSS und PHP haben. Zweitens benötigen Sie eine Kopie des übergeordneten Designs, für das Sie ein untergeordnetes Design erstellen möchten. Schließlich benötigen Sie einen Texteditor wie Notepad++ oder Sublime Text. Sobald Sie alle erforderlichen Dateien haben, können Sie mit der Erstellung Ihres untergeordneten Designs beginnen. Als erstes müssen Sie einen neuen Ordner in Ihrem WordPress-Verzeichnis erstellen. Dieser Ordner enthält alle Dateien für Ihr Child-Theme. Als nächstes müssen Sie eine style.css-Datei und eine functions.php-Datei erstellen. Diese beiden Dateien werden für jedes WordPress-Theme benötigt. In die style.css-Datei müssen Sie Folgendes einfügen: /* Designname: My Child Theme Design-URI: http://example.com/my-child-theme/ Description: Dies ist mein untergeordnetes Design. Autor: John Doe Autor URI: http://example.com Vorlage: Twentytwelve */ Die erste Zeile ist der Name Ihres Child-Themes. Die zweite Zeile ist der URI Ihres Child-Themes. Die dritte Zeile ist eine kurze Beschreibung Ihres Child-Themes. Die vierte Zeile ist der Autor Ihres untergeordneten Themas. Die fünfte Zeile ist der Autor-URI. Die sechste Zeile ist der Name des übergeordneten Themas. In diesem Fall ist das übergeordnete Thema TwentyTwelve. Als nächstes müssen Sie die Datei functions.php öffnen und Folgendes hinzufügen: add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . ' /style.css' ); } ? > Dieser Code weist WordPress an, das Stylesheet des Parent-Themes nach dem Child-Theme zu laden

Ein Child-Theme hingegen behält die Funktionalität des Parent-Themes bei, ermöglicht es Ihnen jedoch, Änderungen vorzunehmen. Themen für Kinder sind von ihren übergeordneten Themen getrennt und wirken sich in keiner Weise auf die übergeordneten Themen aus. Da Sie ein untergeordnetes Thema verwenden, können Sie Ihre Website einfacher verwalten. Es wird Ihnen auch helfen, ein Überschreiben und den Verlust der Ästhetik Ihrer Website zu vermeiden. Alles vom Parent-Theme wird an das Child-Theme weitergegeben. Diese Kategorie umfasst alle Vorlagendateien, Funktionen und Assets sowie JavaScript und Bilder. In der Regel reicht es aus, einfach ein paar Zeilen Code in die Datei style.css einzufügen.

Es gibt zahlreiche Möglichkeiten, ein untergeordnetes WordPress-Theme zu erstellen, aber die einfachste ist die Verwendung eines Plugins. Sie können Ihr übergeordnetes Thema aus dem Dropdown-Menü auswählen. Stellen Sie sicher, dass sich diejenige, die Sie anpassen möchten, auf Ihrer Website befindet. Dann müssen Sie eine Beschreibung des Themas Ihres Kindes schreiben und es benennen. Auf dieser Seite können Sie auch Supportanfragen stellen und Rohdatenanalysen für den Ersteller des Plugins anzeigen. Wenn Sie als übergeordnetes Thema ein Premium- oder eingeschränktes Design verwenden, ist es möglich, dass Sie diesen Schritt nicht ausführen können. Stellen Sie sicher, dass Ihre Website auf dem neuesten Stand ist, bevor Sie Änderungen vornehmen.

Das manuelle Erstellen eines WordPress-Child-Themes ermöglicht es Ihnen, Ihr Child-Theme auf einer granularen Ebene anzupassen. Erstellen Sie einen Ordner mit dem Thema Ihres Kindes. Schritt 2 beinhaltet die Erstellung eines Stylesheets für das Thema Ihres Kindes. Laden Sie die übergeordneten und untergeordneten Stylesheets in das entsprechende Verzeichnis hoch. Die style.css-Datei muss in dem gerade erstellten Verzeichnisordner abgelegt werden. Der fünfte Schritt besteht darin, das untergeordnete Thema zu aktivieren, indem Sie zu Darstellung gehen. Sie können die direkte Bearbeitung eines übergeordneten Designs vermeiden, indem Sie ein untergeordnetes Design verwenden.

Mit einem Child-Theme können Sie ganz einfach umfassende Änderungen an einer bestehenden Website vornehmen. Außerdem benötigen Sie einen Anbieter, der Ihnen die erforderliche Unterstützung bieten kann. Wenn Sie sich für DreamHost entscheiden, können Sie ein erschwingliches Shared Hosting planen, das maximale Leistung bietet.

Das Erstellen eines Großeltern-Themes ist im normalen Sinne nicht möglich, dh trotz der Tatsache, dass das Smashing Magazine es 2013 angegeben hat (und andere es seitdem gesagt haben), scheint es, dass es technisch nicht möglich ist.

Was ist ein Child-Theme in WordPress?

Bildnachweis: createwptheme.com

Ein Child-Theme ist ein WordPress-Theme, das seine Funktionalität von einem anderen WordPress-Theme erbt, das als Parent-Theme bezeichnet wird. Untergeordnete Themen werden häufig verwendet, wenn Sie Änderungen an einem vorhandenen WordPress-Thema vornehmen möchten, ohne die Möglichkeit zu verlieren, dieses Thema in Zukunft zu aktualisieren.

Ein untergeordnetes Thema ist ein WordPress-Theme, das ausschließlich aus Inhalten eines anderen Themas besteht, wobei einige Elemente dieses Themas, wie z. B. Funktionalität und Stil, an das untergeordnete Thema weitergegeben werden. Ein untergeordnetes Thema muss keine eingeschränkte Version, eine abgespeckte, weniger leistungsstarke Version oder eine abgespeckte Version sein. Es ist eine separate Software von Ihrem aktuellen WordPress-Theme . Child-Themes werden dem Parent-Theme hinzugefügt, nachdem es bereits hinzugefügt wurde. Es ermöglicht Ihrem Entwickler auch, neue Funktionen hinzuzufügen und vorhandene WordPress-Designs zu ändern, ohne Ihre Anpassungsoptionen zu verlieren. Beim Erstellen eines WordPress-Themes ist es am besten, untergeordnete Themen zu verwenden, um das Hinzufügen neuer Funktionen oder Stile zu ermöglichen. Sie verlieren alle Ihre Anpassungen, wenn Sie Änderungen direkt in der Datei header.php, function.php oder anderen Dateitypen vornehmen.

Ein Child-Theme kann verwendet werden, um eine kindgerechte Umgebung zu schaffen. In Child-Themes kannst du kleinere Änderungen an deinem WordPress-Theme vornehmen. Wenn Sie Änderungen an Ihrem WordPress-Design vornehmen möchten, die nicht Teil davon sind, sollten Sie ein benutzerdefiniertes Design auswählen. Marktplätze geben Ihnen normalerweise ein untergeordnetes Thema, wenn Sie vorgefertigte Themen kaufen.

Das Erstellen eines untergeordneten Themas kann auf verschiedene Weise für Sie von Vorteil sein. Möglicherweise möchten Sie ein Design nach Ihren Wünschen anpassen, ohne Änderungen am zugrunde liegenden Design vornehmen zu müssen. Alternativ könnten Sie Ihr eigenes Projekt mit einem Thema als Ausgangspunkt beginnen und danach alle notwendigen Änderungen vornehmen. Unabhängig vom Grund für die Verwendung eines Child-Themes gibt es einige wichtige Punkte zu beachten. Als Erstes solltest du sicherstellen, dass du alle Änderungen, die du am Parent-Theme vorgenommen hast, gespeichert hast, bevor du mit der Erstellung deines Child-Themes beginnst. Ihre Änderungen werden im Endprodukt widergespiegelt, wenn Sie dies wünschen. Stellen Sie sicher, dass die Änderungen am übergeordneten Design dem Design nicht schaden. Bevor Sie mit der Erstellung eines Child-Themes beginnen, sollten Sie sich darüber im Klaren sein, was Ihre Entscheidungen bedeuten. Wenn Sie einen Fehler machen, ist es möglich, dass Ihr Design kaputt geht oder Sie Daten verlieren. Die Tatsache, dass untergeordnete Themen das Anpassen eines Themas einfach machen und Zeit und Mühe sparen, ist ihren Namen wert. Es ist immer eine gute Idee, Ihre Arbeit zu speichern, bevor Sie das übergeordnete Thema bearbeiten, und sie mit Bedacht zu verwenden.

Die Vorteile des Themas Ihrer WordPress-Site

Mit dieser Methode können Sie mit einem Thema experimentieren, ohne Zeit und Geld verschwenden zu müssen, um es zum Laufen zu bringen.

Braucht WordPress ein Child-Theme?

Bildnachweis: YouTube

Wenn Sie Änderungen an Ihrer WordPress-Site vornehmen möchten, die nach Updates bestehen bleiben, müssen Sie ein untergeordnetes Thema verwenden. Andernfalls gehen Ihre Änderungen verloren, wenn Sie WordPress aktualisieren. Untergeordnete Themen sind eine großartige Möglichkeit, Änderungen an Ihrer Website vorzunehmen, ohne sich Sorgen machen zu müssen, dass diese Änderungen in Zukunft verloren gehen.

Ein untergeordnetes Design ist eine Reihe von Dateien, die von einem übergeordneten Design verwendet werden, um Änderungen an seinem Code und Stil vorzunehmen. Designcode und/oder Dateien müssen in einigen Fällen möglicherweise geändert werden, aber nur, wenn dies erforderlich ist. Der Zweck dieses Artikels besteht darin, Ihnen dabei zu helfen, festzustellen, was ein untergeordnetes Thema ist, und Ihnen bei der Entscheidung zu helfen, ob Sie eines haben möchten oder nicht. Viele beliebte Themes, wie Avada, enthalten eine Child-Theme-Version, die in den Download-Dateien enthalten ist, was die Installation vereinfacht. Das Erlernen der Installation und Konfiguration von Child-Themes erfordert ein gewisses technisches Know-how. Wenn Sie Ihren ersten Satz untergeordneter Themendateien von Grund auf neu erstellen, müssen Sie möglicherweise einige geringfügige Änderungen vornehmen. Die Existenz eines untergeordneten Themas sowie die Tatsache, dass Änderungen *direkt* aufgetreten sind, zeigen mir, dass sie aufgetreten sind.

Wenn es ins Spiel kommt, unterscheidet es sofort zwischen einer einzelnen Information und etwas anderem. Theme-Dateien und Code werden niemals von mir verändert. Zusammenfassend lässt sich sagen, dass wir, während wir unsere Fähigkeiten, unser Design und unser Portfolio an erstellten Websites erweitern, unsere Entwicklung verfeinern, und untergeordnete Themen sind von Anfang an zunehmend verfügbar.

Wenn Sie ein Anfänger sind, der WordPress noch nie zuvor verwendet hat, werden Sie vielleicht überrascht sein zu erfahren, dass Sie ein untergeordnetes Thema benötigen. Das Child-Theme ist im Wesentlichen ein Child-Theme, das vom Parent-Theme abgeleitet wurde. Beim Erstellen eines Child-Themes hingegen wird einfach das Parent-Theme kopiert. Infolgedessen können Sie viele Änderungen am Parent-Theme vornehmen, ohne das Child-Theme zu beeinflussen. Wenn Sie im Design- oder Entwicklungsbereich arbeiten, möchten Sie vielleicht ein untergeordnetes Thema verwenden. Wenn Sie ein Child-Theme erstellen, möchten Sie vielleicht mit dem Parent-Theme beginnen. Dadurch müssen Sie dieselben Dateien nicht wiederholt kopieren oder umbenennen. Sie können die vom Parent-Theme bereitgestellten Dateien beliebig verwenden. Untergeordnete Themen können aus verschiedenen Gründen vorteilhaft sein. Einer der Gründe, warum Sie dies tun möchten, ist, dass Sie eine große Anzahl von CSS-Dateien ändern möchten. Wenn Sie ein Anfänger sind, sind Sie möglicherweise nicht mit der CSS-Datei vertraut. Wenn Sie diese Dateien ändern möchten, ohne den Rest Ihrer Website zu beeinträchtigen, können Sie dies mit einem untergeordneten Thema tun. Ein weiterer Grund für die Verwendung eines untergeordneten Themas ist, wenn Sie das Erscheinungsbild Ihrer Website anpassen möchten. Wenn Sie ein beliebtes übergeordnetes Design verwenden, können Sie möglicherweise nicht das gesamte Design ändern. Mit dem Child-Theme können Sie diese Elemente ändern, ohne den Rest der Website zu beeinflussen. Wenn Sie ein Anfänger mit WordPress sind, kann ein untergeordnetes Thema eine schnelle und einfache Möglichkeit sein, Ihre Website anzupassen. Es ist wichtig, sie zu verwenden, um Ihre Arbeit zu beschleunigen.

Was ist der Unterschied zwischen WordPress-Theme und Child-Theme?

Ein untergeordnetes Thema, wie im WordPress-Codex definiert, ist ein Thema, das „die Funktionalität und das Design eines anderen Themas erbt“ und somit „auf bestehenden WordPress-Themen aufbaut“. Es wird empfohlen, untergeordnete Themen zu ändern, während ihr Design und Code intakt bleiben.

Brauche ich ein Divi-Child-Theme?

Wenn Sie Änderungen an den Designdateien vornehmen, z. B. PHP oder JavaScript, muss ein untergeordnetes Design installiert sein. Wenn Divi aktualisiert wird, werden diese Dateien ebenfalls aktualisiert. Wenn Sie diese Änderungen im übergeordneten Design vorgenommen haben, gehen Ihre Dateien verloren. Am Child-Theme vorgenommene Änderungen bleiben erhalten.

Child-Theme WordPress

Ein WordPress-Child-Theme ist ein Theme, das die Funktionalität eines anderen Themes erbt, das als Parent-Theme bezeichnet wird. Untergeordnete Themen sind die empfohlene Methode zum Ändern eines vorhandenen Themas. Wenn ein untergeordnetes Design aktiv ist, verwendet es die Dateien des übergeordneten Designs, um die Ausgabe auf dem Front-End der Website zu generieren.

Mit WordPress können Sie eine Website vollständig anpassen, ohne HTML, CSS oder PHP beherrschen zu müssen. Der Nachteil besteht darin, dass alle Änderungen, die der Entwickler am Design vorgenommen hat, verloren gehen, sobald das Design aktualisiert wird. Anstatt ein untergeordnetes Design zu verwenden, was bedeutet, dass die Originaldateien geändert werden müssen, anstatt das untergeordnete Design zu verwenden, verwenden Sie ein untergeordnetes Design. Es ändert oder fügt Dateien zu einem vorhandenen untergeordneten Thema nach Bedarf hinzu. Es fügt nur die von Ihnen angegebenen Teile hinzu oder ändert sie, um das Thema so einfach wie möglich zu halten. Ein untergeordnetes Thema hingegen erfordert drei Komponenten: einen Ordner, ein Stylesheet und eine Datei functions.php. Ein Child-Theme besteht aus drei Komponenten: einem eigenen Ordner, einem Stylesheet und einer functions.php-Datei.

In Ihrer WordPress-Installation können untergeordnete Themen gefunden werden. Das einzige, was Sie brauchen, ist der Name und die Vorlage des Themas. Wenn Sie beabsichtigen, Ihr Thema zu veröffentlichen, ist der Rest irrelevant. Die Datei functions.php einer WordPress-Website ist eine Datei, mit der Sie Funktionen und Features hinzufügen können. Es ist sehr einfach, die Datei zu generieren, genauso wie es sehr einfach ist, das Stylesheet zu generieren, wenn nicht sogar noch einfacher. Wenn Sie nicht beabsichtigen, PHP zum Ändern Ihres Designs zu verwenden, ist es durchaus möglich, dass Sie es überhaupt nicht benötigen. Wenn Sie ein übergeordnetes Thema verwenden, sollten Sie eine gute Vorstellung davon haben, wie Ihre Website aussehen soll.

Das Stylesheet deines Parent-Themes muss kopiert und in dein eigenes eingefügt werden. Das geht nur über CSS, und das geht nur über die @import-Regel. Wenn alles nach Plan läuft, sollte Ihr Child-Theme genauso aussehen wie das Parent-Theme. Mit unserem neuen benutzerdefinierten Thema können wir beginnen, Dinge zu ändern, um das gewünschte Ergebnis zu erzielen. Es gibt zahlreiche Methoden zum Anpassen von Produkten, und wir werden uns jede einzelne gründlich ansehen. Benutzerdefinierte Stile können einem untergeordneten Design hinzugefügt werden, das denselben Stil wie das übergeordnete Design hat. Mit dieser Methode können Sie beliebig viele Änderungen an Ihrer Website vornehmen.

Sie können das Child-Theme auch als Beispiel für die Ordnerbaumstruktur im Parent-Theme verwenden. Wenn sich eine Datei, die Sie ändern möchten, in einem Ordner namens Seitenvorlagen im übergeordneten Design befindet, können Sie einen Ordner mit demselben Namen im Verzeichnis des untergeordneten Designs erstellen. Diese benutzerdefinierte Seitenvorlage kann erstellt werden, indem die page.html des übergeordneten Designs kopiert und in custom-full-width.html umbenannt wird. Die Klasse mit voller Breite wird dem Fußzeilenelement mithilfe der Methode footer-custom.php hinzugefügt. Alles, was Sie tun müssen, ist etwas Code in unser Stylesheet einzugeben: um es fertigzustellen. Hier sind unsere Seiten in voller Breite. Es gibt noch Raum für Verbesserungen, aber wir sind an dieser Stelle zufrieden.

Themen-Hooks sind eine großartige Möglichkeit, ein untergeordnetes Thema anzupassen, ohne seine Kerndateien ändern zu müssen. Mithilfe von Theme-Hooks können Sie Inhalte, Funktionen und andere Dinge direkt aus den Dateien Ihres Themes hinzufügen. Ein Hook kann in zwei Typen eingeteilt werden: Action-Hooks und Filter-Hooks. Mit dem Action-Hook können Sie Funktionalität zu bestehenden Funktionen hinzufügen, während der Filter-Hook die Position der Funktion auf dem Hook ändert. WordPress Child Themes sind einfach zu erstellen; Sie müssen lediglich einem einfachen Codepfad folgen. Diese Funktion ist für den Abspann in der Fußzeile im Theme Twenty Fifteen zuständig. Wenn du dich entscheidest, functions.php zu verwenden, musst du die modifizierte Datei footer.php aus deinem Child-Theme entfernen.

Hooks können viel mehr bieten als nur einen Hook für Child-Themes. Ein untergeordnetes Thema ermöglicht es uns, eine Website anzupassen, ohne Kerndateien zu ändern. Sie können ein Thema oder Framework direkt von Grund auf erstellen, ohne ein neues Thema schreiben zu müssen; Ihre Änderungen sind vor Theme-Updates sicher; und wenn etwas schief geht, haben Sie immer ein funktionierendes Thema.