Ein WordPress Child-Theme: Sie haben vielleicht noch nicht oft davon gehört, aber es ist wirklich wichtig. Updates für WordPress erscheinen regelmäßig. Das kann für die WordPress-Hauptdateien sein, aber auch für Plug-ins und Themes zum Beispiel. Installieren Sie eine neue Version eines Themes? Dann überschreiben Sie auch alle Änderungen, die Sie am Code vorgenommen haben. Installieren Sie sie nicht? Dann könnte Ihre Website gehackt werden oder in Zukunft nicht mehr richtig funktionieren. Sie können dies verhindern, indem Sie ein Child-Theme verwenden. Damit kopieren Sie die Funktionalitäten und das Design Ihrer Website in einen separaten, neuen Ordner. WordPress hält sich davon fern, wenn Sie es aktualisieren, so dass Ihre Website immer perfekt funktioniert. In diesem Text erklären wir, wie man ein WordPress-Theme mit einem WordPress-Child-Theme anpasst.
Was ist ein Child-Theme für WordPress?
Bevor wir in die Tiefe gehen, möchten wir Ihnen erklären, was genau ein WordPress-Child-Theme ist. Ein Haupt-Theme und ein Child-Theme in WordPress gehören zusammen und funktionieren als Einheit. Das Haupt-Theme ist führend und enthält den wichtigsten Code. Das Child-Theme enthält zusätzlichen oder angepassten Code, zum Beispiel für das Layout der Website oder ein anderes Logo. Wenn Sie sich entscheiden, das Haupt-Theme der Website zu aktualisieren, lässt WordPress das entsprechende Child-Theme unangetastet. Sie müssen Ihre Änderungen also nicht erneut vornehmen. Ein weiterer Vorteil ist, dass Sie mit einem Child-Theme mit sehr geringem Risiko experimentieren können. Fallen die Änderungen nicht gut aus? Dann fangen Sie einfach neu an, und wichtige Dateien bleiben unangetastet.
Ein Child-Theme ist ideal zum Experimentieren. Wenn etwas schief geht, fangen Sie einfach wieder von vorne an.
Wann entscheiden Sie sich für die Erstellung eines WordPress Child-Themes?
Sie fragen sich, in welcher Situation es am besten ist, ein solches WordPress-Child-Theme zu erstellen? Dann können wir kurz und bündig antworten: immer. Auch dann, wenn Sie keine Änderungen an Ihrem Haupt-Theme vornehmen wollen. Mit einem kostenlosen Plug-in können Sie ganz einfach ein Child-Theme aus Ihrer aktuellen Vorlage erstellen. Dieses können Sie dann verwenden, wenn Sie (oder der Web-Builder) das WordPress-Theme in Zukunft ändern möchten. Wenn Sie das WordPress-Theme anpassen wollen, können Sie über die Schriftgröße, Farben oder andere zusätzliche Funktionen nachdenken. Sie können es so kompliziert machen, wie Sie wollen, und natürlich bleiben die Anpassungen auch nach einem Update erhalten.
Was sind die Vorteile von Child-Themes?
Der größte Vorteil eines Child-Themes ist, dass Ihr WordPress-Theme nach einem Update unverändert bleibt. Aber es gibt noch mehr Vorteile, die wir Ihnen im Folgenden auflisten möchten.
Vollständige Anpassung Ihrer Website
Mit einem WordPress Child-Theme können Sie Ihre Website vollständig anpassen, sowohl in Bezug auf das Aussehen als auch auf die Funktionalität. Sie implementieren Sicherheitsupdates in das Haupt-Theme und überschreiben nicht versehentlich Dateien, die zuvor geändert wurden.
Sie müssen das Rad nicht neu erfinden
Mit einem WordPress Child-Theme müssen Sie keine unnötige Arbeit leisten. Wählen Sie einfach eine Vorlage für Ihre Website, mit der Sie überwiegend zufrieden sind, und passen Sie sie mit Hilfe einiger Anpassungen im Child-Theme vollständig an.
Programmieren lernen mit einem Child-Theme
Das Aussehen Ihrer WordPress-Website zu ändern, ist einfacher, als Sie vielleicht denken. Mit einem Child-Theme können Sie alle Fehler schnell und einfach beheben. Oft müssen Sie nur ein paar Layout-Änderungen vornehmen, ohne Programmierkenntnisse zu haben.
Aktualisieren Sie Ihre WordPress-Website? Dann überschreiben Sie mit einem Child-Theme keine angepassten Dateien.
Wie fügt man ein Child-Theme zu WordPress hinzu?
Sie können ein Child-Theme auf verschiedene Weise zu WordPress hinzufügen. Es ist möglich, dies manuell zu tun, aber es kann auch mit einem Plug-in erfolgen. Entscheiden Sie sich für die manuelle Vorgehensweise? Dann haben Sie die meiste Kontrolle. Sie kopieren die Dateien selbst, bearbeiten sie in einem Editor und laden sie dann hoch. Die Erstellung eines eigenen WordPress-Child-Themes ist einfach, und YouTube bietet klare Anleitungen. Denken Sie daran, dass Sie bei der Erstellung eines Child-Themes für WordPress geduldig und genau sein müssen.
Möchten Sie ein Child-Theme ohne technischen Aufwand erstellen? Dann verwenden Sie eines der folgenden praktischen Plug-ins. Der Child-Theme-Generator zum Beispiel ist super einfach und schnell, während der Child-Theme-Konfigurator Ihnen mehr Optionen bietet. Sobald Ihr Child-Theme erstellt wurde, können Sie es in der „Ansicht“ auswählen. Anschließend schalten Sie das Plug-in aus und entsorgen es; ab diesem Zeitpunkt wird es nicht mehr benötigt.
💡 Gut zu wissen. Viele kommerzielle WordPress-Themes enthalten ein Child-Theme. Sie können dieses dann separat installieren und nach Belieben anpassen.
Hat ein Child-Theme für WordPress irgendwelche Nachteile?
Da es praktisch ist, wenn Sie ein Child-Theme manuell selbst erstellen können, erklären wir Ihnen im Folgenden kurz, wie Sie das machen. Führen Sie diese Schritte vorzugsweise in einer Entwicklungsumgebung und nicht direkt auf Ihrer „Live“-Website durch. Auf diese Weise haben Sie genügend Zeit, um Änderungen auszuprobieren.
Mit einem Plugin können Sie ein Child-Theme einfach und ohne technische Kenntnisse erstellen.
Wie erstellt man manuell ein Child-Theme?
WordPress erklärt in diesem Artikel genau, wie man ein Child-Theme erstellt. Nachfolgend finden Sie die Schritte in Kurzform. Führen Sie diese vorzugsweise in einer Entwicklungsumgebung und nicht direkt auf Ihrer „Live“-Website durch. Dann haben Sie genügend Zeit, um Änderungen auszuprobieren.
Schritt 1. Erstellen Sie einen leeren Ordner für Ihr Child-Theme
Die WordPress-Software besteht aus mehreren Dateien und Ordnern. Themes befinden sich in dem Ordner „/wp-content/themes/“. Mit einem Dateiprogramm wie dem kostenlosen „Filezilla“ und den Anmeldedaten Ihres Hosting-Anbieters können Sie zu diesem Ordner navigieren. Erstellen Sie hier einen leeren Ordner, geben Sie ihm denselben Namen wie Ihrem Hauptthema und beenden Sie ihn mit ‚-child‘. Verwenden Sie zum Beispiel ‚twentyfifteen‘ als Hauptthema? Dann nennen Sie den Ordner für das Child-Theme ‚twentyfifteen-child‘.
Schritt 2. Erstellen Sie eine CSS-Datei in dem leeren Ordner
Ihre WordPress-Website muss wissen, dass Sie das Eltern-Theme verwenden. Dies legen Sie in einer CSS-Datei im Ordner Ihres Child-Themes fest. Laden Sie den kostenlosen Editor Notepad++ herunter, kopieren Sie den CSS-Code von der Seite‚https://developer.wordpress.org/themes/advanced-topics/child-themes/#2-create-a-stylesheet-style-css‘und passen Sie die Felder an. Die Felder bei ‚Theme Name‘ und ‚Template‘ sind Pflichtfelder. Geben Sie bei Template in diesem Fall ‚twentyfifteen‘ ein und speichern Sie es als ’style.css‘.
Schritt 3. Verknüpfen Sie die Stylesheets mit dem Child-Theme
Der nächste Schritt besteht darin, die Stylesheets mit dem Child-Theme zu verknüpfen. Wie das genau funktioniert, ist von Theme zu Theme unterschiedlich, oft funktioniert es automatisch. Trifft dies auf Ihr Theme nicht zu? Dann schauen Sie sich die Anleitung bei WordPress an.
Schritt 4. Installieren Sie das Child-Theme
Installieren Sie nun das Child-Theme in WordPress, genau wie ein normales Theme.
Schritt 5. Aktivieren Sie unter Ansicht > Themes das Child-Theme
Alle Änderungen, die Sie von nun an im Stylesheet vornehmen, werden auf der Website angezeigt. Experimentieren Sie mit Schriftarten, Farben und Design.
Haben Sie bisher kein Child-Theme verwendet und die Änderungen direkt im Haupt-Theme vorgenommen? Wenn ja, machen Sie sich keine Sorgen. Kopieren Sie den geänderten Code aus dem Stylesheet des Haupt-Themes in das Stylesheet des Child-Themes. Wenn Sie das Haupt-Theme in Zukunft aktualisieren wollen, wird WordPress die kopierten Einstellungen aus dem Child-Theme verwenden.
💡 Tipp. Es gibt praktische CSS-Plugins für Firefox und Chrome, wie z. B. CSS Scan. Wenn Sie das Plugin aktivieren und auf einen Teil einer Webseite klicken, sehen Sie, welcher Code dafür verantwortlich ist.
Sie können den Code auch visuell im Browser anpassen und den Unterschied sehen. Wenn Sie zufrieden sind, können Sie die Änderungen in dem entsprechenden Stylesheet dauerhaft vornehmen.
Hilfe, ich habe mein Hauptthema bereits geändert!
Sie haben bisher kein Child-Theme verwendet und die Änderungen direkt im Haupt-Theme vorgenommen? Wenn ja, keine Sorge. Kopieren Sie den geänderten Code aus dem Stylesheet des Haupt-Themes in das Stylesheet des Child-Themes. Aktualisieren Sie das Haupt-Theme in Zukunft? Dann wird WordPress die kopierten Einstellungen aus dem Child-Theme verwenden.
Wie passt man den Footer in einem Child-Theme an?
Ein WordPress-Theme besteht oft aus mehreren Dateien und Stylesheets. Ihr Theme verwendet zum Beispiel die Datei ‚footer.php‘. Diese enthält dann die Einstellungen für die Fußzeile, wie z. B. ‚©2021‘. Sie können die Datei ‚footer.php‘ im Hauptthema bearbeiten. Aber auch hier ist es einfacher, eine Kopie zu erstellen. Laden Sie eine Kopie der Datei per FTP auf Ihre Festplatte herunter. Ändern Sie sie dann, z. B. mit Notepad++, und speichern Sie die Änderungen. Laden Sie dann die geänderte Datei ‚footer.php‘ erneut per FTP in den Ordner Ihres Child-Themes und überschreiben Sie die alte Datei.
Wie man ein Child-Theme mit einem Plugin erstellt
Wenn Sie es vorziehen, ein Child-Theme in WordPress mit einem Plugin zu erstellen, ist das natürlich auch möglich. Mit dem ‚Child Theme Configurator‘ ist auch dies schnell und einfach möglich.
Ein solcher Child Theme Configurator funktioniert wie folgt::
- Installieren und aktivieren Sie das Plugin.
- Gehen Sie zu „Werkzeuge -> ‚Child-Themes‘.
- Geben Sie an, dass Sie ein Child-Theme erstellen wollen und wählen Sie das Parent-Theme aus.
- Das Plugin analysiert nun das Hauptthema.
- Nehmen Sie die gewünschten Änderungen vor, je nach Theme und Anforderungen.
- Bestätigen Sie die Einstellungen mit „Neues Child-Theme erstellen“.
- Aktivieren Sie das neue Theme unter „Ansicht -> Themes“.
Danach können Sie das Plug-in grundsätzlich von Ihrer Website entfernen.
Vermeiden Sie Fehler auf der Live-Website und testen Sie Änderungen vorher
In WordPress können Sie ganz einfach Dinge anpassen, und über die Einstellungen Ihres Themes geht das fast immer gut. Wenn Sie den Code ändern, sind Sie jedoch mehr Risiken ausgesetzt. Schließlich kann ein einziger Tippfehler die gesamte Website zum Absturz bringen. Natürlich kann man das hinterher schnell beheben, aber es ist immer ein kleiner Schock. Vor allem, wenn Sie wenig Erfahrung damit haben. Wählen Sie also einen Hosting-Anbieter, der täglich Backups macht, und testen Sie Änderungen am besten zuerst auf einer Test-Website oder zumindest in einer Testumgebung. Auf diese Weise gehen Sie kein Risiko ein und es kann Ihnen nichts passieren.
Mit einem Child-Theme wird Ihre Website immer optimal funktionieren
Kurz gesagt: Wenn Sie ein WordPress-Theme ändern möchten, sollten Sie dies immer in einem Child-Theme tun. Auf diese Weise können Sie nach Herzenslust experimentieren und die Einstellungen bleiben auch nach einem Update erhalten. Möchten Sie mehr über das WordPress-Child-Theme erfahren? Wenden Sie sich an unsere Spezialisten, die Ihnen alles darüber erzählen können.
Kommentare
No comments yet.