So erstellen Sie ein grundlegendes Child-Theme für eine WordPress-Site

Veröffentlicht: 2022-10-19

Jeder gute WordPress-Entwickler wird Ihnen sagen, dass ein untergeordnetes Thema der beste Weg ist, ein vorhandenes WordPress-Thema zu ändern. Wieso den? Weil ein untergeordnetes Design alle Funktionen des übergeordneten Designs erbt und es Ihnen ermöglicht, Änderungen vorzunehmen, ohne den Code des übergeordneten Designs zu berühren. Auf diese Weise bleiben Ihre Änderungen erhalten, wenn das übergeordnete Design aktualisiert wird. Das Erstellen eines untergeordneten Themas ist ein relativ einfacher Prozess. In diesem Artikel zeigen wir Ihnen, wie Sie ein grundlegendes untergeordnetes Thema für eine WordPress-Site erstellen.

In diesem Tutorial erfahren Sie, wie Sie mit CSS3 und HTML5 ein responsives WordPress-Theme erstellen. Wenn Sie neu bei WordPress sind, ist es ziemlich einfach, ein Theme von Grund auf neu zu entwickeln. Ihr Design muss responsiv sein, um funktionsfähig zu sein. Stellen Sie also sicher, dass Sie bei der Erstellung einige Richtlinien befolgen. Wir werden HTML5 und CSS3 verwenden, um unser erstes benutzerdefiniertes WordPress-Design in diesem Tutorial zu erstellen. HTML5, die neueste Version der HTML-Web-Markup-Sprache, ist die fünfte und fortschrittlichste. Cascading Style Sheets (CSS) ist ein Satz von Blättern, die mit einem Computer angezeigt und bearbeitet werden können. Es gibt Tools, mit denen Sie das Verhalten Ihrer Website in verschiedenen Bildschirmgrößen einstellen können.

Wenn Sie das Thema/die Themen testen möchten, bevor Sie es auf einen Live-Server hochladen, stellen Sie sicher, dass Sie es in einer lokalen Umgebung testen. WordPress ist sowohl für einen Desktop-Server als auch für einen WAMP-Server verfügbar. Sowohl WAMP als auch Desktop Server sind für die Ausführung auf Windows und Mac konzipiert, aber WAMP ist für Windows und Desktop Server für Mac konzipiert. Der dritte Schritt beinhaltet das Hinzufügen des folgenden Codes: sidebar.php und function.php. Diese Codes werden eingefügt, um sicherzustellen, dass Ihr Thema anpassbar ist. In Schritt 4 erstellen Sie ein Layout für Ihr Design. Mithilfe von Medienabfragen können wir die Kopfzeile, Fußzeile, index.html, style.html und andere Teile der Webseite ändern.

Für diese Seite werden PHP-Dateien benötigt. Wenn Sie diese Schritte befolgt haben, ist Ihr neues WordPress-Theme höchstwahrscheinlich fertig, mit allen erforderlichen Vorlagen und Stylesheets. Die Datei footer.php definiert die untere Ebene Ihrer Website, einschließlich der <html>- und >body-Tags. Darüber hinaus müssen Sie eine Reihe semantischer HTML5-Elemente einschließen, z. B. den HTML5-Hauptteil, den HTML5-Header, den HTML5-Abschnitt und den HTML5-Artikel. Um Post-Inhalte anzuzeigen, müssen Sie eine WordPress-Schleife verwenden, die eine wesentliche Komponente ist. Es ist nicht einfach, ein WordPress-Theme von Grund auf neu zu erstellen, besonders wenn Sie ein Anfänger sind. Wenn Sie ein ansprechendes WordPress-Theme wünschen, müssen Sie wissen, welche Schritte Sie unternehmen müssen.

So erstellen Sie ein Child-Theme

Bildnachweis: TemplateToaster

Um ein untergeordnetes Design zu erstellen, müssen Sie einen neuen Ordner für das untergeordnete Design und eine style.css-Datei erstellen . Die Datei style.css sollte Folgendes enthalten: /* Designname: My Child Theme Template: parent-theme-folder */ @import url(../parent-theme-folder/style.css”); Anschließend können Sie Ihren benutzerdefinierten CSS-Code unterhalb der @import-Regel hinzufügen.

Während die Funktionalität des Child-Themes mit der des Parent-Themes identisch ist, können Sie neue Funktionen hinzufügen und anpassen. Themen für Kinder werden von den Themen ihrer Eltern getrennt gehalten, und kein Elternteil kann darauf zugreifen. Ein untergeordnetes Thema macht es einfach, Ihre Website zu aktualisieren und zu pflegen. Darüber hinaus wird es Sie davon abhalten, Ihre Website zu überschreiben und das Aussehen zu verlieren. Alles, was Sie mit Ihrem Child-Theme machen, wird von Ihrem Parent-Theme kopiert. Dazu gehören alle Vorlagendateien , Funktionen und Assets sowie JavaScript-Assets. In den meisten Fällen müssen Sie lediglich ein paar Codezeilen zur style.html-Datei hinzufügen.

Eine der schnellsten Möglichkeiten, ein untergeordnetes WordPress-Theme zu erstellen, ist mit einem Plugin. Um Ihr übergeordnetes Thema auszuwählen, klicken Sie auf das Dropdown-Menü. Wenn Sie mehrere Designs auf Ihrer Website haben, stellen Sie sicher, dass Sie dasjenige auswählen, das Sie anpassen möchten. Danach sollten Sie das Thema Ihres Kindes benennen und eine Beschreibung schreiben. Auf dieser Seite können Sie auch eine Support-Anfrage oder eine Rohdatenanalyse an den Ersteller des Plugins senden. Die folgenden Schritte können möglicherweise nicht ausgeführt werden, wenn das Design, das Sie als übergeordnetes Element verwenden, Premium oder eingeschränkt ist. Wenn Sie Änderungen an Ihrer Website vornehmen müssen, stellen Sie sicher, dass alle Ihre Einstellungen gesichert sind.

Um ein untergeordnetes WordPress-Theme zu erstellen, können Sie alle gewünschten Änderungen auf einer persönlicheren Ebene vornehmen. Erstelle zuerst einen Ordner für dein Child Theme. Der zweite Schritt besteht darin, ein Stylesheet für das Thema Ihres Kindes zu erstellen. Laden Sie die Stylesheets des Parent- und Child-Themes hoch . Im nächsten Schritt muss die Datei style.css, die sich aktuell in dem soeben erstellten Verzeichnisordner befindet, platziert werden. Es ist notwendig, das untergeordnete Thema in Schritt 5 zu aktivieren, indem Sie zu Darstellung gehen. Die Verwendung eines untergeordneten Designs ist eine effiziente Methode, um die direkte Bearbeitung eines übergeordneten Designs zu vermeiden.

Mit Child Themes können Sie eine Vielzahl von Änderungen an Ihrer bestehenden Website vornehmen, ohne Programmiersprachen lernen zu müssen. Neben einem passenden Hosting-Service benötigen Sie einen, der Ihren Bedürfnissen entspricht. Suchen Sie nach kostengünstigen Shared-Hosting-Plänen, die die Website-Leistung priorisieren, nicht weiter als DreamHost.

Die Vor- und Nachteile der Verwendung von Child-Themes

Die Verwendung von Child-Themes bietet zahlreiche Vorteile. Wenn Sie eine Vorlage bevorzugen, können Sie diese an Ihre spezifischen Anforderungen anpassen oder Sie können ein vorgefertigtes Thema erhalten. Darüber hinaus können sie Ihnen dabei helfen, Ihre Website organisiert zu halten, indem sie alle Änderungen, die Sie an Ihrem Design vornehmen, an einem Ort speichern.
Trotz der Tatsache, dass WordPress untergeordnete Themen möglicherweise nicht unterstützt, sind sie sicherlich ein leistungsstarkes und zeitsparendes Werkzeug.

Was ist ein Child-Theme?

Ein untergeordnetes Thema ist ein Thema, das die Funktionalität und das Design eines anderen Themas erbt, das als übergeordnetes Thema bezeichnet wird. Untergeordnete Themen werden häufig verwendet, wenn Sie Änderungen an einem vorhandenen Thema vornehmen möchten, ohne die Möglichkeit zu verlieren, das übergeordnete Thema zu aktualisieren.

Warum Sie ein Child-Theme verwenden sollten

Ein Vorteil der Verwendung eines Child-Themes ist, dass sich Ihr Kind viel schneller bewegen kann. Anstatt alles selbst zu schreiben, verlassen Sie sich darauf, dass die Eltern als Rückgrat dienen und notwendige Änderungen nach Bedarf vornehmen. Dies kann Ihnen auch helfen, Ihr Design konsistent und organisiert zu halten, sodass Sie neue Funktionen hinzufügen oder Änderungen an einem vorhandenen Design einfacher vornehmen können.