In diesem Artikel zeige ich Ihnen eine sehr einfache Methode zum Erstellen untergeordneter Themes bei der Verwendung von WordPress-Block-Themes.

Inhaltsverzeichnis

Blockthemen – Kurzübersicht

Mit der Einführung von WordPress 6.0 hat sich das WordPress-Team ganz auf Block-Themes konzentriert, um das Entwerfen und Anpassen von Websites mit wenig bis gar keinem Programmieraufwand einfacher denn je zu machen. Block-Themen nutzen den „Block-Editor“, auch bekannt als „Gutenberg-Block-Editor“, um Benutzern das Ziehen und Ablegen von Designelementen auf eine Webseite zu ermöglichen. Diese Funktion macht WordPress deutlich wettbewerbsfähiger gegenüber Website- und Theme-Buildern, insbesondere da WordPress völlig kostenlos ist und bereits von über 60 % der 10 Millionen Top-Websites im Internet verwendet wird.

Einer der neuesten Vorteile von Block Themes ist die Möglichkeit, ganz einfach ein neues untergeordnetes Theme für jedes Block Theme zu erstellen, das Sie zum Entwerfen Ihrer Website verwenden. Wenn Sie beispielsweise das standardmäßige TwentyTwentyThree-Theme verwenden, das mit WordPress 6.2 ausgeliefert wird, können Sie schnell ein untergeordnetes Theme dafür erstellen, ohne mit einem FTP-Client in die Dateien Ihrer Website eintauchen zu müssen.

Warum Kinderthemen wichtig sind

Untergeordnete Themes sind wichtig, weil sie es Ihnen ermöglichen, Ihr Theme anzupassen und diese Anpassungen beizubehalten, wenn Theme-Updates verfügbar sind. Ohne ein untergeordnetes Thema können Ihre Website-Anpassungen jedes Mal überschrieben werden, wenn Sie Ihr „übergeordnetes“ Thema aktualisieren – in diesem Fall das TwentyTwentyThree-Thema. Das bedeutet, dass Sie im besten Fall nach jedem Theme-Update zurückgehen und Ihre Anpassungen eine nach der anderen erneut einfügen müssen, im schlimmsten Fall verlieren Sie bei der Aktualisierung möglicherweise alle Ihre Anpassungen und müssen von vorne beginnen.

Untergeordnete Themes trennen Ihre Anpassungen vom standardmäßigen übergeordneten Theme, sodass Sie Ihr übergeordnetes Theme aktualisieren UND alle Ihre Anpassungen behalten können, die im untergeordneten Theme enthalten sind. Sie erhalten das Beste aus beiden Welten.

Vereinfachter WordPress-Kurs: So erstellen Sie leistungsstarke Websites von Davies Media Design

Erstellen Sie ein untergeordnetes Thema für Ihr Blockthema

Nachdem sich einige von Ihnen nun ausreichend darüber geärgert haben, dass ich erkläre, warum Sie Child-Themes benötigen, wollen wir uns damit befassen, wie Sie diese Child-Themes tatsächlich erstellen, wenn Sie in WordPress in den Jahren 2023, 2024 und darüber hinaus arbeiten.

Melden Sie sich zunächst bei Ihrem WordPress-Dashboard an und navigieren Sie zu Plugins>Neu hinzufügen (roter Pfeil im Bild oben).

Diese Methode verwendet ein Plugin, das direkt vom WordPress-Team entwickelt wurde. Das bedeutet, dass das Plugin für die Verwendung mit der neuesten Version von WordPress und Block-Themes optimiert wurde.

Suchen Sie im Arbeitsbereich „Add Plugins“ mithilfe der Suchleiste nach dem Plugin „Create Block Theme“ (im Bild oben grün umrandet, oben rechts). Wenn Sie das Plugin in den Suchergebnissen sehen, klicken Sie auf „Jetzt installieren“ (roter Pfeil).

Sobald die Installation des Plugins abgeschlossen ist, wird die Schaltfläche „Jetzt installieren“ blau und sagt „Aktivieren“. Klicken Sie auf die Schaltfläche „Aktivieren“ (roter Pfeil im Bild oben).

Sobald das Plugin erfolgreich aktiviert wurde, gelangen Sie zum Arbeitsbereich „Plugins“ von WordPress und sehen oben die Meldung „Plugin aktiviert“ (grüner Pfeil im Bild oben). Navigieren Sie von hier aus zu „Darstellung“ > „Blockthema erstellen“ (roter Pfeil).

Sobald Sie sich im Arbeitsbereich „Blockthema erstellen“ befinden, wählen Sie die Radiooption „Untergeordnetes Thema von Twenty Twenty-Three erstellen“ (oder wie auch immer der Name des Themas lautet, für das Sie ein untergeordnetes Thema erstellen – roter Pfeil im Bild oben).

Auf der rechten Seite des Fensters werden eine Reihe von Textfeldern angezeigt. Nur das oberste Textfeld mit der Bezeichnung „Themenname“ (blauer Pfeil) ist obligatorisch. Der Rest ist alles optional. Für den Namen Ihres Themes ist es üblich, Ihr untergeordnetes Theme „TwentyTwentyThree-child“ zu nennen, wenn Ihr übergeordnetes Theme beispielsweise „TwentyTwentyThree“ heißt.

Außerdem habe ich zufällig eine kurze Beschreibung in das Feld „Themenbeschreibung“ eingefügt, außerdem meinen Firmennamen unter „Autor“ und meine Hauptwebsite unter „Autoren-URI“. Alles andere habe ich auf den Standardwerten belassen (einschließlich der Kontrollkästchen, die Sie sehen, wenn Sie weiter nach unten auf der Seite scrollen).

Klicken Sie auf die Schaltfläche „Generieren“ (grüner Pfeil).

Dadurch wird automatisch der Download einer ZIP-Datei gestartet, die Ihr untergeordnetes Thema enthält. Sie können den Dateinamen so beibehalten, wie er angezeigt wird (roter Pfeil im Bild oben). Klicken Sie auf „Speichern“, um die Datei auf Ihrem Computer zu speichern (blauer Pfeil).

Eine ZIP-Datei wird auf Ihren Computer heruntergeladen. Klicken Sie in der Downloadleiste unten in Ihrem Browser auf den Pfeil neben dem fertigen Download (grüner Pfeil) und dann auf „Im Ordner anzeigen“ (roter Pfeil), um die heruntergeladene ZIP-Datei in Ihrem Datei-Explorer-Fenster anzuzeigen (falls Sie dies wünschen). Wenn Sie Windows verwenden, rufen Sie auf einem MAC den Download in Ihrem Datei-Explorer auf.

Lassen Sie dieses Datei-Explorer-Fenster geöffnet und die ZIP-Datei, die Ihr untergeordnetes Thema enthält, ausgewählt (grüner Pfeil) – wir werden diese in einem nächsten Schritt benötigen.

Kehren Sie zu WordPress zurück und navigieren Sie zum Abschnitt „Themen“ unter „Darstellung“ (roter Pfeil im Bild oben). Klicken Sie oben im Themen-Arbeitsbereich auf die Schaltfläche „Neu hinzufügen“ (blauer Pfeil).

Im Arbeitsbereich „Designs hinzufügen“ sehen Sie in der Mitte des Fensters ein Feld mit einer Schaltfläche mit der Bezeichnung „Datei auswählen“ (roter Pfeil). Sie können entweder auf diese Schaltfläche klicken und die ZIP-Datei auswählen, die wir gerade für das untergeordnete Thema heruntergeladen haben, oder das Datei-Explorer-Fenster öffnen, zu dem wir zuvor navigiert sind, und die ZIP-Datei per Drag & Drop an eine beliebige Stelle in diesem Feld ziehen.

Auf diesem Foto oben können Sie sehen, dass ich die ZIP-Datei direkt über die Box gezogen und die Maustaste losgelassen habe.

Sie sehen nun Ihre Theme-Datei twentytwenty threechild.zip im Feld aufgelistet (grüner Pfeil) und eine Schaltfläche „Jetzt installieren“ erscheint (roter Pfeil). Klicken Sie auf „Jetzt installieren“, um mit der Installation des untergeordneten Themes zu beginnen.

Sie werden zu einem neuen Fenster weitergeleitet und die Installation Ihres untergeordneten Themes auf Ihrer Website beginnt. Geben Sie der Installation etwas Zeit und aktualisieren Sie die Seite nicht während der Installation (dies kann Ihre Website beschädigen). Sobald die Installation des untergeordneten Themes abgeschlossen ist, wird die Meldung „Theme erfolgreich installiert“ angezeigt. (im Bild oben grün umrandet).

Unter dieser Erfolgsmeldung befindet sich ein Link mit der Bezeichnung „Aktivieren“. Klicken Sie auf diesen Link, um das untergeordnete Thema auf Ihrer Website zu aktivieren.

Sobald das Theme erfolgreich aktiviert wurde, gelangen Sie zurück zum Arbeitsbereich „Themes“. Oben wird die Meldung „Neues Theme aktiviert“ angezeigt. (im Bild oben grün umrandet). Sie werden sehen, dass das erste aufgelistete Thema nun ein scheinbar leeres Thema ist – erkennbar am Schachbretthintergrund, der in der Designwelt normalerweise für Transparenz steht. Unten in dieser Theme-Vorschau sehen Sie, dass es heißt: „Aktiv: TwentyTwentyThree-child“ (roter Pfeil).

Das bedeutet, dass Sie erfolgreich ein Child-Theme installiert haben! Die transparente Theme-Vorschau stellt die Tatsache dar, dass Ihr Child-Theme nur Theme-Anpassungen enthält und alle anderen Stil- und Designelemente im Parent-Theme (in diesem Fall dem „TwentyTwentyThree“-Theme) angezeigt werden. Stellen Sie sicher, dass Sie das übergeordnete Thema nicht löschen, da dies Ihre Website ruinieren würde. Stellen Sie außerdem sicher, dass Sie das übergeordnete Thema auf dem neuesten Stand halten (aus Sicherheitsgründen), indem Sie auf alle Aktualisierungslinks/Benachrichtigungen klicken, die für das Thema angezeigt werden.

Sie können eine Vorschau Ihrer aktuellen Website mit aktiviertem untergeordneten Thema anzeigen, indem Sie auf den Link „Website besuchen“ klicken, der in der Erfolgsmeldung angezeigt wird (blauer Pfeil im Bild oben).

In diesem Fall wird meine Website einfach als Standard-TwentyTwentyThree-Theme angezeigt (mein übergeordnetes Theme – ich habe vor Beginn dieses Tutorials keine Änderungen am TwentyTwentyThree-Theme vorgenommen). Das bedeutet, dass das Child-Theme erfolgreich installiert wurde!

Das war’s für dieses Tutorial. Sie können sich meine anderen ansehen WordPress-Hilfeartikel auf meiner Website oder tauchen Sie mit mir tiefer in WordPress ein WordPress für Anfänger 2023 – WordPress-Meisterklasse ohne Code.

Davies Media Design Kostenloser E-Mail-Newsletter für kreative Apps

Abonnieren Sie den DMD Newsletter

Melden Sie sich an, um neue Tutorials, Kursaktualisierungen und die neuesten Nachrichten zu Ihren bevorzugten kostenlosen Kreativ-Apps zu erhalten!

Sie haben erfolgreich abonniert!

Pin It auf Pinterest