Php-Datei So erstellen Sie ein Child-Theme in WordPress

Veröffentlicht: 2022-10-24

Angenommen, Sie möchten eine Einführung in die Erstellung eines Child-Themes in WordPress: Ein Child-Theme in WordPress ist ein Theme, das die Funktionalität eines anderen Themes, des so genannten Parent-Themes, erbt und zum Ändern oder Erweitern des Parent-Themes verwendet werden kann. Untergeordnete Themen sind die empfohlene Methode zum Ändern eines vorhandenen Themas. Es gibt zwei Möglichkeiten, ein Child-Theme zu erstellen: 1. Erstellen Sie ein neues Verzeichnis für das Child-Theme im Verzeichnis /wp-content/themes/. Wenn das Parent-Theme beispielsweise „twentyfifteen“ heißt, könnte das Child-Theme „twentyfifteen-child“ heißen. 2. Kopieren Sie den Inhalt des Verzeichnisses des übergeordneten Designs in das Verzeichnis des neuen untergeordneten Designs. 3. Erstellen Sie ein neues Stylesheet für das Child-Theme. Dieses Stylesheet befindet sich im Child-Theme-Verzeichnis und heißt style.css. 4. Im Stylesheet des untergeordneten Designs müssen Sie eine Codezeile hinzufügen, um das Stylesheet des übergeordneten Designs zu importieren. Wenn das Stylesheet des übergeordneten Designs beispielsweise style.css heißt, lautet die Codezeile im Stylesheet des untergeordneten Designs: @import url(../twentyfifteen/style.css”); 5. Sie müssen auch eine Codezeile in das Stylesheet des Child-Themes einfügen, um WordPress anzuweisen, das Stylesheet des Child-Themes nach dem Stylesheet des Parent-Themes zu laden. Diese Codezeile sollte nach der @import-Regel hinzugefügt werden: @import url(../twentyfifteen/style.css”); @import url(../twentyfifteen-child/style.css”); 6. Speichern Sie das Stylesheet des Child-Themes. 7. Erstellen Sie eine neue Datei functions.php im Verzeichnis des untergeordneten Designs. Diese Datei befindet sich im Child-Theme-Verzeichnis und heißt functions.php. 8. In der Datei functions.php des untergeordneten Designs müssen Sie eine Codezeile hinzufügen, um die Datei functions.php des übergeordneten Designs zu importieren. Wenn sich beispielsweise die Datei functions.php des übergeordneten Designs im Verzeichnis /twentyfifteen/ befindet, lautet die Codezeile in der Datei functions.php des untergeordneten Designs: include_once( get_template_directory() . ' /functions.php' ); 9. Speichern Sie die Funktionen des untergeordneten Themas

Themes für WordPress-Kinder ermöglichen es Ihnen, die leistungsstarken Funktionen eines übergeordneten Themes oder Frameworks zu nutzen, was sie zu einer ausgezeichneten Wahl für die Anpassung Ihrer Website macht. Theme-Child-Themes können frei geändert werden, und sie können alle Funktionen und das Erscheinungsbild ihrer Parent-Themes integrieren, ohne den Code des Parent-Themes ändern zu müssen. Wir empfehlen, unseren Artikel darüber zu lesen, was ein untergeordnetes WordPress-Theme ist, um mehr zu erfahren. Wenn Sie auf die Schaltfläche „Upload Theme“ klicken, gelangen Sie zu einer ZIP-Datei, die Ihr Child-Theme enthält. Wenn das Parent-Theme im Theme-Verzeichnis auf WordPress.org zu finden ist, wird versucht, es zu installieren. In diesem Fall werden Sie darauf hingewiesen, dass Sie das Parent-Theme manuell installieren müssen. Nachdem Sie sowohl das Parent- als auch das Child-Theme heruntergeladen haben, können Sie das Child-Theme aktivieren. Es ist nicht notwendig, das Child Theme zu aktivieren, um es zu verwenden. Zusätzlich zu unseren Leitfäden zur Bearbeitung von WordPress-Themes möchten Sie vielleicht unseren Leitfaden zu den zu bearbeitenden Dateien lesen.

Wo installiere ich das Child-Theme?

Bildnachweis: wphelp.blog

Es gibt keine endgültige Antwort auf diese Frage, da sie je nach verwendetem WordPress-Theme variieren kann. Eine gute Faustregel ist jedoch, Ihr Child-Theme im selben Verzeichnis wie das Parent-Theme zu installieren. Dadurch wird sichergestellt, dass Ihr untergeordnetes Design die Stile und Funktionen des übergeordneten Designs erbt.

In WordPress-Child-Themes kann derselbe Code auf der Oberfläche verwendet werden. Ein Child Theme ist in jeder Hinsicht ein Parent, da alle seine Eigenschaften vererbt werden. Sie finden es vielleicht schwierig, aber sobald Sie gelernt haben, wie man eine erstellt, ist es durchaus möglich. Wenn nur geringfügige Änderungen erforderlich sind, kann die benutzerdefinierte/zusätzliche CSS-Option von WordPress ebenfalls von Vorteil sein. WordPress kann verwendet werden, um untergeordnete Themen für Websites zu erstellen. Sie installieren Ihre Themes auf Ihrem Server, indem Sie einen Ordner namens Themes im dedizierten Themes-Verzeichnis erstellen. FTP ist eine Methode zur Interaktion mit der Dateistruktur Ihrer Website, aber wir empfehlen dringend Secure File Transfer Protocol (SFTP).

Erstellen Sie einen Ordner für Ihr untergeordnetes Thema und wählen Sie dann den Namen davon aus. Um ein kurzes Code-Snippet zur style.css-Datei des Child-Themes hinzuzufügen, gehen Sie in das Template-Verzeichnis. Jedes untergeordnete Thema enthält ein eigenes Stylesheet. Es ist wichtig, dass Sie die Datei auf Ihren Computer kopieren und sie dann mit einem lokalen Editor bearbeiten. Für Ihr neues untergeordnetes Design sollten ein Ordner und eine style.css-Datei erstellt worden sein. Sobald das Thema Ihres Kindes erstellt wurde, muss es mit dem Stil und den Funktionen des übergeordneten Elements identisch sein. Erstellen Sie dazu eine neue Datei namens functions.php und fügen Sie dem Stylesheet Ihres übergeordneten Designs ein Skript hinzu.

Nachdem wir die Arbeit an Ihrer Website abgeschlossen haben, sollte sie genau so aussehen wie vor Beginn. Um Ihrem Child-Theme ein PNG-Bild hinzuzufügen, gehen Sie zum Verzeichnis des Child-Themes und fügen Sie screenshot.png hinzu. Das Bild wird hervorgehoben, wenn es über dem Namen der Registerkarte Design angezeigt wird. Da diese Bilder nicht in neu veröffentlichten untergeordneten Themen enthalten sind, muss WordPress sie laden. Es gibt ein Stylesheet für jedes Child-Theme, das mit dem Stil seines Parent-Themes übereinstimmt. Wenn du ein Child-Theme für das Twenty Twenty-Two-Theme erstellst, kannst du die style.css-Datei im Parent-Theme des Child-Themes ändern und es seinem Parent-Theme ähnlicher machen. Jede andere Datei, die zwei Dateien zwischen Ihrem übergeordneten Thema und seinem untergeordneten Thema enthält, muss ebenfalls enthalten sein.

Sie können die Funktionalität Ihres Themas auf diese Weise ändern und es flexibler machen. Die Wahl, welches Template Sie neben jeder WordPress-Seite verwenden, liegt ganz bei Ihnen. Wenn etwas schief geht oder Sie etwas in Ihren Dateien ändern möchten, kann ein Hook verwendet werden, um benutzerdefinierten Code hinzuzufügen. Hooks können zu deinem Child-Theme hinzugefügt werden, indem du eine eigene functions.php-Datei hochlädst. Sie können alle gewünschten Änderungen am Design vornehmen, ohne sich Sorgen machen zu müssen, von seinem übergeordneten Element beurteilt zu werden.

So installieren und aktivieren Sie ein Child-Theme in WordPress

WordPress ist eine hervorragende Plattform für Unternehmen und Ersteller von Inhalten. Damit ist ein hohes Maß an Stabilität, Sicherheit und Flexibilität verbunden. Mit WordPress können Sie in wenigen Minuten eine Website erstellen, und es gibt Tausende von Themen und Plugins, mit denen Sie sie genau so gestalten können, wie Sie es möchten. Eine der wichtigsten Funktionen von WordPress ist die Möglichkeit, untergeordnete Themen zu erstellen. Theme-Basen sind untergeordnete Themes, die es dir ermöglichen, denselben Code und dieselben Vorlagen wie das Parent-Theme zu verwenden, aber du kannst sie ändern, ohne das Main-Theme zu beeinflussen. Sie können dadurch viel Zeit und Mühe sparen. Um ein untergeordnetes Design über Ihr Admin-Dashboard zu installieren, geben Sie zuerst Ihre WordPress-Admin-Anmeldeinformationen ein. Sie können dann ein Thema hinzufügen, indem Sie zu Aussehen gehen. Klicken Sie auf die Schaltfläche Design hochladen, um das Design hochzuladen. Sie können dann eine ZIP-Datei komprimieren, die den untergeordneten Themenordner enthält. Nachdem Sie das Child-Theme hochgeladen haben, müssen Sie es aktivieren. Kehren Sie zur Registerkarte Darstellung zurück und wählen Sie neben dem Namen des untergeordneten Designs die Schaltfläche Aktivieren aus. Wenn Sie Ihre Website regelmäßig besuchen, sollte sie sich öffnen. Sie können den Code und die Vorlagen ändern, sobald Sie das untergeordnete Thema installiert und aktiviert haben. Bitte lesen Sie die Dokumentation für das untergeordnete Thema, um es vollständig nutzen zu können. Änderungen am Thema können erforderlich sein.

Soll ich ein WordPress Child Theme installieren?

Bildnachweis: Kinsta

Ein WordPress-Child-Theme ist eine Art von WordPress-Theme, das von Kindern verwendet wird. Wenn Sie Ihre WordPress-Website schnell und einfach anpassen möchten, können Sie ein untergeordnetes Thema verwenden. Sie werden von Designern und Entwicklern verwendet, um ihre Arbeit zu beschleunigen. Mit einem guten WordPress-Theme können Sie die Zeit, die zum Erstellen einer Website benötigt wird, drastisch reduzieren.

Das untergeordnete Design ist ein Satz von Designdateien, die zum Kodieren oder Stylen von Änderungen an einem bestimmten (übergeordneten) Design verwendet werden können. Falls erforderlich, müssen diese Dateien konfiguriert werden, um den Designcode oder die Dateien zu ändern. Anschließend können Sie bestimmen, was ein untergeordnetes Thema ist, und entscheiden, ob Sie eines haben möchten oder nicht. Avada zum Beispiel ist eines der beliebtesten Themen, das mit einer untergeordneten Version geliefert wird, die in den herunterladbaren Dateien enthalten ist, was die Installation extrem einfach macht. Es ist notwendig, ein wenig etwas über Technologie zu lernen, um untergeordnete Themen zu lernen und einzusetzen. Es ist notwendig, die Child-Theme-Dateien selbst zu ändern, wenn Sie von Grund auf neu erstellen. Ein untergeordnetes Design wird verwendet, um anzuzeigen, ob Änderungen aufgetreten sind, *indem* die Existenz des Designs als Stellvertreter verwendet wird.

Die Nachricht informiert mich sofort darüber, dass das Produkt kundenspezifisch, anders oder anderweitig einzigartig ist. Es ist nicht meine Politik, eine Designdatei oder einen Code zu ändern. Während wir unsere Fähigkeiten, Designs und unser Portfolio an Websites erweitern, verfeinern wir unsere Entwicklung, und untergeordnete Themen werden im Design- und Entwicklungsprozess immer wichtiger.

Warum Sie ein Child-Theme verwenden sollten

Sie können Ihre Entwicklung beschleunigen, indem Sie ein untergeordnetes Thema verwenden. Anstatt alles von Grund auf neu zu codieren, verwenden Sie das übergeordnete Element als Rückgrat und ändern Ihre Meinung nach Belieben.
Wenn Sie die Designdateien wie PHP oder JavaScript ändern möchten, müssen Sie ein untergeordnetes Design installiert haben. Diese Dateien werden aktualisiert, sobald Divi aktualisiert wird. Ihre Dateien werden zerstört, wenn Sie diese Änderungen im übergeordneten Design vornehmen. Änderungen am Child-Theme sind davon nicht betroffen.
Ein übergeordnetes Thema ist nicht erforderlich, um zu funktionieren, aber das Gegenteil ist der Fall. Das Child-Theme hingegen ist eine Ebene über dem Parent-Theme. Es macht es Ihrem Entwickler einfach, ein vorhandenes WordPress-Design anzupassen, hinzuzufügen und zu entfernen.

Wie funktionieren Child-Themes in WordPress?

An der Oberfläche ist es so einfach wie ein untergeordnetes WordPress-Theme zu verwenden. Einmal aktiviert, funktioniert es genauso wie jedes andere Design, das Sie installiert haben. Der Hauptunterschied zwischen Child-Themes und Adult-Themes besteht darin, dass Child-Themes einen „Elternteil“ haben, von dem sie abgeleitet sind. Sie können sich das so vorstellen: Wenn Sie einen Blog erstellen würden, würden Sie das Thema Twenty Seventeen verwenden.

Ein untergeordnetes WordPress-Theme ist eines, das speziell erstellt wurde, um als Grundlage für ein anderes WordPress-Theme zu dienen, das einige Funktionen wie Funktionalität und Styling enthält. Das Design eines untergeordneten Themas enthält nicht nur eine abgespeckte, weniger leistungsstarke oder verkürzte Version des Themas. Es ist nicht erforderlich, Ihr WordPress-Theme auf dieses zu aktualisieren. Ein Child-Theme ist eine hinzugefügte Ebene zum Parent-Theme. Solange du deinem Entwickler erlaubst, bestehende WordPress-Designs zu ändern, kann er sie entfernen, ohne befürchten zu müssen, dass deine Anpassungen verloren gehen. Wenn Sie neue Funktionen oder Stile für ein WordPress-Theme erstellen, ist die Verwendung von untergeordneten Themen der beste Weg. Wenn Sie Ihr Design mit der neuesten Version aktualisieren, müssen Sie alle zuvor geänderten Dateien aus Ihren header.php-, function.php- und function.html-Dateien löschen.

Das Thema des Kindes ist eines, das hier berücksichtigt werden sollte. Untergeordnete WordPress-Themes ermöglichen es Ihnen, geringfügige Änderungen am Aussehen und Verhalten Ihres Themas vorzunehmen. Wählen Sie am besten ein benutzerdefiniertes Design aus, wenn Sie Änderungen vornehmen oder neue Funktionen hinzufügen möchten, die in Ihrem vorhandenen Design noch nicht vorhanden sind. Der Kauf vorgefertigter Themen von Marktplätzen wird normalerweise von einem untergeordneten Thema begleitet.

Anschließend müssen Sie die neuen Dateien codieren und auf Ihre Website hochladen. Um Ihr Child-Theme zu aktivieren, gehen Sie im WordPress-Adminbereich zu „Themes“ und wählen Sie „ Child-Theme aktivieren “. Untergeordnete Themen sind hervorragende Werkzeuge zum Anpassen eines vorhandenen Themas und sie sind besonders nützlich, wenn Sie keine Programmierkenntnisse haben. Der Stil zeichnet uns aus. Funktionen und CSS sind die Schlüsselelemente. PHP-Dateien sind der wahrscheinlichste Ort, um Änderungen vorzunehmen. Passen Sie das Erscheinungsbild des Themes an und laden Sie dann die neu aktualisierten Dateien auf Ihre Website hoch. Das Child-Theme kann aktiviert werden, indem Sie im WordPress-Adminbereich zu Themes gehen und auf die Schaltfläche „Child-Theme aktivieren“ klicken.

So erstellen Sie ein Child-Theme

Sie würden dann ein neues Thema mit dem Namen „Kind des Kindes des übergeordneten Themas“ erstellen. Ihr neues Theme wird die gesamte Funktionalität und Gestaltung des übergeordneten Themes erben, aber es wird auch völlig separat sein.

So erstellen Sie ein untergeordnetes Thema in WordPress ohne Plugin

Ein Child-Theme kann in WordPress ohne Plugins erstellt werden, wenn Sie nur zwei Dateien erstellen müssen, nämlich Stil und Bild. Funktionen und CSS werden verwendet, um HTML zu erstellen. Navigieren Sie im PHP-Verzeichnis des Child-Themes zu dem Ordner. Du kannst einen neuen Themenordner erstellen, indem du zu „/WP-content/themes“ gehst.

Es wird empfohlen, dass Sie ein untergeordnetes Design verwenden, wenn Sie Ihr WordPress-Design ändern oder anpassen, da dies der bequemste und einfachste Weg ist. Ein untergeordnetes Design ist ein separates Design, das für Kinder entwickelt wurde und auch als Anpassungselement für ein übergeordnetes Design verwendet wird. Es gibt zahlreiche Gründe, warum Sie ein Child-Theme auf Ihrem Heimcomputer haben sollten. Es ist möglich, Ihr eigenes übergeordnetes Thema anzupassen, ohne es aktualisieren zu müssen, aber sobald Sie dies tun, werden alle diese Anpassungen verschwinden. Sie können Ihr Design jederzeit ändern, ohne den Code zu verlieren, den Sie mit einem untergeordneten Design erstellt haben. Sie können jederzeit zu Ihrem übergeordneten Thema zurückkehren, ohne befürchten zu müssen, es zu verletzen. Im untergeordneten Theme-Verzeichnis/Ordner finden Sie ein Zwei-Datei-Format, z. B. style.html und functions.html.

In diesem Fall kopieren Sie einfach die ursprüngliche Designdatei, die eine single.php ist, und fügen sie in Ihren untergeordneten Designordner ein und passen sie nach Bedarf an. Es gibt zahlreiche Plugin-Optionen für Child-Themes in WordPress, und ich würde die Verwendung des One-Click-Child-Themes empfehlen. Es ist einfach, ein untergeordnetes Thema in WordPress zu erstellen, indem Sie einfach auf einen Link klicken. Wenn Sie zusätzlich zu den Theme-Dateien weitere Parent-Theme-Dateien kopieren möchten, ist nur ein Klick erforderlich.

So erstellen Sie ein Child-Theme

Ein Child-Theme ist ein WordPress-Theme, das seine Funktionalität von einem Parent-Theme erbt. Untergeordnete Themen sind die empfohlene Methode zum Ändern eines vorhandenen Themas. Wenn ein Child-Theme aktiv ist, werden alle Template-Dateien im Child-Theme-Verzeichnis anstelle der entsprechenden Template-Dateien im Parent-Theme-Verzeichnis verwendet.

Diese Art von Design übernimmt die Funktionalität des übergeordneten Designs und ermöglicht es Ihnen, es anzupassen. Themen für Kinder werden von denen für Eltern getrennt gehalten und haben keinen direkten Einfluss auf diese. Wenn Sie ein untergeordnetes Thema verwenden, ist es einfacher, Ihre Website zu pflegen und zu aktualisieren. Darüber hinaus hilft es, das Überschreiben und den Verlust des Stils Ihrer Website zu vermeiden. Das Child-Theme hingegen unterscheidet sich komplett vom Parent-Theme. Die folgenden Dateien, Funktionen und Assets sind enthalten: Vorlagen, Funktionen und Assets wie Bilder und JavaScript. Wenn Sie nur ein paar Codezeilen hinzufügen, sollte die style.css-Datei in Ordnung sein.

Ein Plugin ist der einfachste Weg, ein untergeordnetes WordPress-Theme zu erstellen. Wenn Sie ein übergeordnetes Thema aus dem Dropdown-Menü auswählen, werden Sie zur Seite dieses Themas weitergeleitet. Wenn Sie mehrere Designs auf Ihrer Website haben, stellen Sie sicher, dass Sie dasjenige auswählen, das Sie anpassen möchten. Sie sollten dann eine Beschreibung des Themas Ihres Kindes hinzufügen und es benennen. Über diese Seite können Sie auch Supportanfragen an den Ersteller des Plugins stellen sowie eine Rohdatenanalyse anfordern. Wenn Sie als übergeordnetes Thema mit einem Premium- oder eingeschränkten Design arbeiten, können Sie diesen Schritt möglicherweise nicht ausführen. Nehmen Sie nach dem Sichern Ihrer Website alle erforderlichen Änderungen vor, damit keine Ihrer Einstellungen verloren gehen.

Wenn Sie ein WordPress-Child-Theme an der Basis erstellen, können Sie zu einem späteren Zeitpunkt alle gewünschten Änderungen vornehmen. Der erste Schritt besteht darin, einen Ordner für Ihr untergeordnetes Thema zu erstellen. Schritt 2 besteht darin, ein Stylesheet für das Thema Ihres Kindes zu erstellen. Wählen Sie die Stylesheets für das übergeordnete und das untergeordnete Design aus. Die Datei style.html, die sich bereits in dem soeben erstellten Verzeichnisordner befand, muss nun hinzugefügt werden. Wählen Sie in Schritt 5 Aussehen aus dem Dropdown-Menü. Wenn Sie ein untergeordnetes Thema verwenden, vermeiden Sie die Komplikationen der direkten Bearbeitung eines übergeordneten Themas.

Untergeordnete Themen machen es einfach, Designänderungen an einer bestehenden Website vorzunehmen, indem sie eine kinderfreundliche Oberfläche bereitstellen. Außerdem benötigen Sie einen Webhosting-Anbieter, der auf Ihre Bedürfnisse zugeschnitten ist. Wenn Sie eine leistungsstarke Website zu einem vernünftigen Preis wünschen, schauen Sie sich die Shared-Hosting-Pakete von DreamHost an.

So erstellen Sie Schritt für Schritt ein untergeordnetes Thema in WordPress

EIN:
Ein untergeordnetes WordPress-Theme ist ein Theme, das die Funktionalität eines anderen Themes erbt, das als Parent-Theme bezeichnet wird, und das verwendet werden kann, um die vorhandene Funktionalität dieses Parent-Themes zu ändern oder zu ergänzen.
Hier sind die grundlegenden Schritte zum Erstellen eines untergeordneten Themas:
1. Erstellen Sie einen neuen Ordner für Ihr untergeordnetes Thema.
2. Erstellen Sie eine style.css-Datei und fügen Sie den folgenden Code hinzu, wobei Sie „Theme Name“ durch den Namen Ihres Child-Themes ersetzen:
/*
Themenname: Themenname
Vorlage: Ihr-Design-Name
*/
3. Fügen Sie benutzerdefinierte CSS-Stile zur style.css-Datei Ihres untergeordneten Designs hinzu.
4. Erstellen Sie eine functions.php-Datei und fügen Sie benutzerdefinierte Funktionen hinzu.
5. Aktivieren Sie Ihr Child-Theme.

Child-Theme-WordPress-Plugin

Ein untergeordnetes Thema ist ein WordPress-Plugin, mit dem Sie ein neues Thema erstellen können, das die Funktionalität eines anderen Themas erbt, das als übergeordnetes Thema bezeichnet wird. Untergeordnete Themen werden häufig verwendet, um neue Versionen vorhandener Themen zu erstellen oder um neue Themen zu erstellen, die ein gemeinsames übergeordnetes Thema teilen.

Das WordPress-Child-Theme ist ein WordPress-Theme, das seine gesamte Funktionalität mit einem Parent-Theme teilt. Untergeordnete Designthemen können kreativer sein und Ihnen mehr Freiheit geben. Darüber hinaus halten sie Ihre Design- und Code-Updates auf dem neuesten Stand. Dieses Tutorial führt Sie durch den Prozess der Erstellung Ihres eigenen Child-Theme-Plugins. Mit dem Child Theme Configurator-Plugin können Sie ein neues Child-Theme für Ihre WordPress-Site erstellen. Das Child-Theme kann dank des Plugins nach der Anpassung in WordPress gespeichert werden. Die Pro-Version des Plugins gibt Ihnen noch mehr Kontrolle darüber, was Sie mit Ihrer Website machen können.

Wenn Ihr neues Child-Theme erfolgreich implementiert wurde, wird es oben auf der Seite sichtbar sein. Es ist nicht notwendig, dass Sie sofort loslegen, da Ihr neues WordPress-Child-Theme bereits erstellt ist. Es liegt an Ihnen, ob Sie bestimmte Dateien manipulieren und auf bestimmten Code zugreifen möchten. Die Entwickler dieses Plugins bieten eine große Anzahl detaillierter Tutorial-Videos, die Ihnen bei der Navigation helfen.