Wussten Sie, dass 85% der WordPress-Nutzer ihre Themes ändern? Viele stehen jedoch vor Herausforderungen, wenn sie ihre Kernthemen direkt bearbeiten, z. B. wenn die Website-Funktionalität unterbrochen wird oder Kompatibilitätsprobleme während Updates. Hier kommen WordPress-Child-Themes zur Rettung.
Mit einem Child-Theme können Sie Ihre WordPress-Website anpassen, ohne die Kerndateien des übergeordneten Themes zu ändern. Dadurch wird sichergestellt, dass Ihre Änderungen am untergeordneten Design beim Aktualisieren des übergeordneten Designs intakt bleiben.
In diesem Leitfaden führen wir Sie durch alles, angefangen bei der Erstellung eines Child-Themes bis hin zur Behebung von Problemen mit Child-Themes. Aber als erstes beginnen wir mit den Grundlagen.
Was ist ein Child-Theme?
Wie Sie alle wissen, handelt es sich bei WordPress-Themes um eine Sammlung von Dateien, die das visuelle Erscheinungsbild und die Funktionalität einer Website definieren. Man kann ein Child-Theme erstellen, um sicher Änderungen an CSS und Vorlagen vorzunehmen und neue Funktionen hinzuzufügen. Das Child-Theme sorgt dafür, dass das ursprüngliche WordPress-Theme intakt bleibt, insbesondere bei Theme-Updates.
Ein untergeordnetes Theme übernimmt die Features, Stile und Funktionen eines anderen Designs, das als übergeordnetes Theme bezeichnet wird. Diese Struktur ermöglicht es Ihnen, bestimmte Elemente des untergeordneten Designs anzupassen, z. B. Vorlagendateien, Stile (z. B. Hintergrundfarbe) oder Funktionen, ohne den Code des übergeordneten Designs zu ändern.
Auf diese Weise behalten Sie Ihre Anpassungen bei und bewahren die Integrität der Struktur des übergeordneten Themes. Aber warum sind Child-Themes so wichtig?
Warum ein Child-Theme verwenden?
Das Child-Theme ist für eine sichere und zukunftssichere Anpassung in WordPress unerlässlich. Wenn Sie ein übergeordnetes Theme direkt ändern, können zukünftige Aktualisierungen dieses WordPress-Themes Ihre Anpassungen überschreiben, was zum Verlust von Änderungen und potenziellen Problemen mit der Website führt.
Sie können ein untergeordnetes Theme erstellen, um das Erscheinungsbild und die Funktionalität Ihrer Website anzupassen, ohne die Kerndateien der WordPress-Themes zu berühren. Dadurch wird sichergestellt, dass Änderungen am Kerndesign Ihre Anpassungen nicht beeinträchtigen, und bietet mehr Flexibilität, Sicherheit und Wartungsfreundlichkeit.
Darüber hinaus können Sie mit dem Child-Theme in WordPress mit benutzerdefinierten CSS-Dateien, PHP-Dateifunktionen und Layouts experimentieren, während die Stabilität des übergeordneten Stils erhalten bleibt.
Das Erstellen eines Child-Themes ist die perfekte Lösung für Entwickler und Website-Besitzer, die einzigartige Änderungen vornehmen möchten, ohne sich Sorgen machen zu müssen, die Kernfunktionalität oder das Design des Stils des übergeordneten Themes zu beeinträchtigen. Darüber hinaus erleichtert der Child-Theme-Konfigurator die Erweiterung der Funktionen Ihrer Website, ohne direkt mit Updates mit den WordPress-Themes in Konflikt zu geraten.
Ein Child-Theme-Generator ermöglicht es Ihnen, eine hochgradig angepasste, skalierbare Website mit einem Child-Theme-Verzeichnis zu erstellen, das vor Unterbrechungen durch Theme-Updates geschützt ist und so sicherstellt, dass Ihre Änderungen langfristig sicher und nachhaltig sind.
So erstellen Sie ein WordPress-Child-Theme
Es gibt drei Möglichkeiten, ein Child-Theme in WordPress zu erstellen: die Verwendung eines Plugins, die Beauftragung eines Theme-Entwicklers oder die manuelle Erstellung. Hier ist eine Aufschlüsselung der einzelnen Methoden zum Erstellen von WordPress-Child-Themes, um Ihnen bei der Entscheidung zu helfen, welcher Ansatz für Ihre Bedürfnisse am besten geeignet ist.
1. Verwenden Sie ein Plugin
Das Erstellen eines WordPress-Child-Themes über ein Plugin ist die einfachste Option, insbesondere für diejenigen ohne Programmiererfahrung. Plugins wie Generate Child Theme ermöglichen es Ihnen, mit nur wenigen Klicks ein Child-Theme einzurichten, ohne Code schreiben oder ändern zu müssen. So geht’s:
Schritte zum Erstellen eines Child-Themes in WordPress mit einem Plugin:
- Gehen Sie in Ihrem WordPress-Dashboard zu Plugins > Neu hinzufügen.
- Suchen Sie nach Generate Child Theme und klicken Sie auf Install Now.
- Klicken Sie nach der Installation auf Aktivieren.
- Navigieren Sie zum Plugin-Menü und geben Sie Details wie den Namen und die Beschreibung des übergeordneten Themes ein.
- Das untergeordnete Theme wird automatisch erstellt und kann weiter angepasst werden.
Diese Methode zur Erstellung von WordPress-Child-Themes ist anfängerfreundlich und ermöglicht schnelle und sichere Anpassungen.
2. Stellen Sie einen Theme-Entwickler ein
Wenn Sie auf der Suche nach einem maßgeschneiderten, professionelleren Design für Ihre Website sind, ist die Beauftragung eines Theme-Entwicklers eine kluge Wahl. Ein erfahrener Entwickler kann entweder ein benutzerdefiniertes WordPress-Theme von Grund auf neu erstellen oder ein vorhandenes Theme so ändern, dass es perfekt zu Ihrer Marke und Ihren Funktionsanforderungen passt.
Sie kümmern sich um jeden Schritt – von der Installation und Konfiguration des neu erstellten Child-Themes bis hin zur Sicherstellung der Kompatibilität mit Plugins und WordPress-Updates.
Die Beauftragung eines Entwicklers ist ideal für diejenigen, die spezielle Designanforderungen haben oder sich nicht mit technischen Details befassen möchten. Entwickler können auch fortlaufenden Support anbieten, um sicherzustellen, dass Ihre Website optimiert und auf dem neuesten Stand ist.
Darüber hinaus bringen Entwickler Fachwissen in der erweiterten Anpassung mit, einschließlich des Schreibens von benutzerdefiniertem CSS, PHP-Funktionen und JavaScript , um die individuellen Anforderungen Ihrer Website zu erfüllen. Sie stellen sicher, dass das neue Child-Theme skalierbar, sicher und funktional ist, und können sogar bei der SEO-Optimierung und Leistungsoptimierung helfen.
Das Erstellen eines Child-Themes mit Hilfe eines professionellen WordPress-Website-Entwicklers ist besonders wertvoll für Unternehmen, die eine raffinierte, maßgeschneiderte WordPress-Site suchen, ohne Kompromisse bei Leistung oder Flexibilität einzugehen.
3. Erstellen Sie manuell ein Child-Theme in WordPress
Für erfahrenere Benutzer oder diejenigen, die einen praktischen Ansatz bevorzugen, bietet das manuelle Erstellen eines untergeordneten Designs die volle Kontrolle über die Anpassung.
Es erfordert einige grundlegende Programmierkenntnisse, aber der Prozess ist mit der richtigen Anleitung unkompliziert.
Bevor Sie beginnen
- Sichern Sie Ihre Website: Sichern Sie Ihre WordPress-Website immer, bevor Sie Änderungen vornehmen. Dies stellt sicher, dass Sie zu einer früheren Version eines grundlegenden WordPress-Themes zurückkehren können, wenn etwas schief geht.
- Richten Sie einen Staging-Bereich ein: Um das Verzeichnis Ihres untergeordneten Themes sicher zu testen, ohne die Live-WordPress-Site zu beeinträchtigen, richten Sie eine Staging-Site ein.
- Grundlegende Programmierkenntnisse: Sie benötigen ein gewisses Verständnis von HTML-, CSS-Code- und PHP-Dateien, um manuell mit dem Child-Theme zu arbeiten.
Schritt-für-Schritt-Anleitung zum manuellen Erstellen eines WordPress-Child-Themes
1. Erstellen Sie den Ordner für das untergeordnete Thema
Beginnen Sie damit, einen neuen Ordner im Themes-Verzeichnis Ihrer WordPress-Installation mit dem Namen wp-content/themes zu erstellen. Benennen Sie den Ordner des untergeordneten Designs, indem Sie „-child“ an den Namen des übergeordneten Themes anhängen. Zum Beispiel: Wenn Ihr übergeordnetes Theme OceanWP ist, dann nennen Sie das untergeordnete Theme oceanwp-child.
2.Erstellen Sie das Stylesheet:
- Erstellen Sie im WordPress-Child-Theme-Ordner eine Datei mit dem Namen style.css. Diese Datei enthält Ihre benutzerdefinierten CSS-Stile. Es sollte mit der folgenden Vorlage beginnen:
/*
Theme Name: OceanWP Child
Theme URI: http://yourwebsite.com/oceanwp-child/
Description: OceanWP Child Theme
Author: Your Name
Author URI: http://yourwebsite.com
Template: oceanwp
Version: 1.0.0
*/Stellen Sie sicher, dass das Feld Vorlage genau mit dem Ordnernamen des untergeordneten Themes und dem Ordner des übergeordneten Themes übereinstimmt.
3. Enqueue des Stylesheets
Um sicherzustellen, dass das untergeordnete Theme das übergeordnete Style-Theme korrekt lädt, müssen Sie die Stylesheets des untergeordneten Themes in die Warteschlange einreihen. Erstellen Sie eine functions.php Datei im untergeordneten Designordner, und fügen Sie die Vorlagendatei mit dem folgenden Code hinzu:
<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
$parenthandle = 'parent-style'; // This is the handle of the parent theme.
wp_enqueue_style( $parenthandle,
get_template_directory_uri() . '/style.css',
array(),
wp_get_theme()->parent()->get('Version')
);
wp_enqueue_style( 'child-style',
get_stylesheet_uri(),
array( $parenthandle ),
wp_get_theme()->get('Version')
);
}
?>
4. Installieren Sie das Child-Theme
Verwenden Sie eine der regulären Methoden zur Installation von WordPress-Themes. Sie können FTP verwenden, um Ihren untergeordneten Designordner zu kopieren. Oder Sie können
- Komprimieren Sie Ihren untergeordneten Designordner in eine .zip Datei.
- Gehen Sie zu Appearance > Themes Add New > und laden Sie die ZIP-Datei hoch, oder verwenden Sie FTP, um den Ordner direkt auf Ihren Server hochzuladen.
5. Aktivieren Sie das Child-Theme
- Gehen Sie im WordPress-Dashboard zu Appearance > Themes und aktivieren Sie Ihr Child-Theme.
Diese manuelle Methode zum Erstellen eines Child-Themes gibt Ihnen die volle Kontrolle über die Anpassung und Codierung und ermöglicht es Ihnen, das Child-Theme genau an Ihre Bedürfnisse anzupassen.
Häufige Fehler, die Sie bei untergeordneten Themen vermeiden sollten
Wenn Sie ein Child-Theme erstellen, ist es wichtig, häufige Fallstricke zu vermeiden, die die Funktionalität oder das Styling Ihrer WordPress-Site stören können. Hier sind einige Fehler, auf die Sie achten sollten:
- Falsches Einreihen von Stilen
Ein häufiger Fehler besteht darin, das Stylesheet des untergeordneten Themes nicht ordnungsgemäß in die Warteschlange einzureihen oder das Stylesheet des übergeordneten Themes falsch zu laden. Stellen Sie sicher, dass Sie wp_enqueue_style() in der functions.php Datei verwenden, um sicherzustellen, dass beide Stylesheets für untergeordnete Designs korrekt geladen werden, um fehlerhafte Designs zu vermeiden.
- Überschreiben von Funktionen des übergeordneten Themes nicht ordnungsgemäß
Beim Überschreiben von Funktionen aus den Dateien des übergeordneten Themes ist es wichtig, Funktionen nicht vollständig zu duplizieren. Ändern Sie stattdessen selektiv Funktionen in den Dateien Ihres untergeordneten Themes, um sicherzustellen, dass wichtige Kernfunktionen nicht verloren gehen.
- Falsches Benennen des untergeordneten Themes
Stellen Sie sicher, dass der Name des Ordners des übergeordneten Themes in der style.css Datei des Child-Themes genau mit dem Ordnernamen des übergeordneten Themes übereinstimmt. Eine Nichtübereinstimmung kann dazu führen, dass die Vorlagendateien im untergeordneten WordPress-Theme die Funktionalität des übergeordneten Themes nicht erben.
- Bearbeiten von übergeordneten Designdateien
Wenn Sie versehentlich die Dateien des übergeordneten Themes direkt ändern, kann dies zu Problemen bei Updates führen, da Ihre Änderungen überschrieben werden. Nehmen Sie Änderungen immer innerhalb des Child-Themes vor.
- Fehlende oder falsch konfigurierte functions.php
Wenn Sie vergessen, die functions.php Datei richtig zu konfigurieren , kann dies zu fehlenden Funktionen führen. Stellen Sie sicher, dass das functions.php des Child-Themes ordnungsgemäß auf die Funktionalität des übergeordneten Themes verweist und diese verbessert, anstatt das WordPress-Child-Theme vollständig zu ersetzen.
Wenn Sie sich dieser häufigen Fehler bewusst sind, können Sie vermeiden, dass Ihre Website beschädigt wird oder Themenkonflikte verursacht werden, und so eine reibungslose und fehlerfreie Anpassung gewährleisten.
Wo werden untergeordnete Designs gespeichert?
Untergeordnete Themes werden im Verzeichnis wp-content/themes Ihrer WordPress-Installation in einem eigenen Ordner gespeichert, getrennt vom übergeordneten Theme. Dieser neue Ordner und diese neue Struktur ermöglichen es dem Child-Theme, alle Funktionen des Parent-Themes zu erben, während benutzerdefinierte Änderungen sicher isoliert bleiben.
Da das einundzwanzig untergeordnete Theme separat im Child-Theme-Verzeichnis gespeichert wird, können Sie frei Änderungen vornehmen, z. B. CSS-Code, Vorlagendateien anpassen oder Funktionen hinzufügen, ohne die Kerndateien des übergeordneten Themes direkt zu beeinflussen.
Ihre Änderungen im Child-Theme-Verzeichnis bleiben auch dann erhalten, wenn das Parent-Theme geändert wird, was garantiert, dass Ihre Website aktualisiert wird, ohne ihre einzigartigen Funktionen zu verlieren.
Zur Veranschaulichung:
- wp-content/themes/parent-theme: Enthält die ursprünglichen Dateien des übergeordneten Themes.
- wp-content/themes/child-theme: Enthält die angepassten Child-Theme-Dateien.
Diese Trennung ermöglicht es Ihnen, das jeweilige übergeordnete Theme sicher zu aktualisieren, Sicherheitspatches zu erhalten und auf neue Funktionen zuzugreifen, während die einzigartigen Anpassungen Ihres Child-Themes beibehalten werden.
Können Sie mehrere untergeordnete Themen installieren?
Du kannst zwar kein einzelnes Child-Theme in WordPress aus mehreren übergeordneten Themes erstellen, aber es gibt keine Begrenzung für die Anzahl der Child-Themes, die du aus einem übergeordneten Theme erstellen kannst.
Jedes einundzwanzig untergeordnete Theme kann ein eigenes Design und eine Reihe von Anpassungen haben, die in einem separaten Ordner im Verzeichnis wp-content/themes gespeichert sind. Pro WordPress-Installation kann jedoch jeweils nur ein Child-Theme aktiviert werden.
Sie können mehrere WordPress-Child-Themes erstellen, um mit verschiedenen Layouts oder Funktionen in verschiedenen Bereichen Ihrer Website zu experimentieren. Sie können beispielsweise ein spezifisches Design für verschiedene Veranstaltungen, Jahreszeiten oder Branding-Updates entwickeln und bei Bedarf einfach zwischen untergeordneten Themen wechseln.
Obwohl von allen zwanzig zweiundzwanzig Themen jeweils nur ein untergeordnetes Thema aktiv sein kann, können Sie nahtlos zwischen ihnen wechseln, je nachdem, welches Erscheinungsbild oder welche Funktionalität Sie auf Ihre Website anwenden möchten. Diese Flexibilität macht die untergeordnete Vorlage ideal für Entwickler, die die Kontinuität der Website aufrechterhalten und gleichzeitig mehrere Entwurfsoptionen erkunden möchten.
Was passiert, wenn Sie das übergeordnete und das untergeordnete Design löschen?
Wenn Sie das übergeordnete Theme löschen, funktioniert der Assistent für das untergeordnete Theme nicht mehr ordnungsgemäß. Da es vom übergeordneten Theme für seine Kernfunktionen, Stile, HTML-Tags und Struktur abhängt. Das Child-Theme erbt die meisten seiner Funktionen vom übergeordneten Theme, so dass ohne es das Child-Theme kaputt geht und Ihre WordPress-Website nicht richtig funktioniert.
Wenn Sie hingegen das untergeordnete Theme löschen, wird Ihre Website auf das übergeordnete Theme zurückgesetzt. Dadurch werden alle Anpassungen entfernt, die im Child-Theme vorgenommen wurden. Ihre WordPress-Site funktioniert jedoch weiterhin mit den ursprünglichen Einstellungen des übergeordneten WordPress-Themes.
Um Probleme zu vermeiden, stellen Sie immer sicher, dass die Verzeichnissicherungen des untergeordneten Themes vorhanden sind, bevor Sie vorhandene Vorlagendateien löschen.
Die Vor- und Nachteile der Verwendung eines Child-Themes in WordPress
Viele Webadministratoren erstellen ein untergeordnetes Design, um ihre Websites anzupassen. Wägen Sie die folgenden Vor- und Nachteile des Child-Themes in WordPress ab, um zu entscheiden, ob es ein guter Ansatz für Sie ist.
Vorteile von WordPress Child Themes
Einfachere Anpassung
Mit einem Child-Theme können Sie ganz einfach Änderungen in Ihrem WordPress-Dashboard vornehmen, ohne einen FTP-Zugang zu benötigen. Dies spart Zeit und rationalisiert den Prozess, wodurch es einfacher wird, Designs und Funktionen zu optimieren.
Vermeidet Kompatibilitätsprobleme
Ein untergeordnetes Theme schützt den Kerncode des übergeordneten Designs. Wenn beim Bearbeiten des untergeordneten Themes ein Fehler gemacht wird, bleibt das übergeordnete Theme davon unberührt, wodurch mögliche Abstürze der Website verhindert werden.
Fehlermanagement
Fehler im Assistenten für untergeordnete Themen können schnell korrigiert werden, indem zum ursprünglichen Thema zurückgekehrt wird. Dies gewährleistet mehr Kontrolle über Anpassungen, während die Website betriebsbereit bleibt.
Sauberes Code-Management
Die Verwendung eines Child-Themes in WordPress stellt sicher, dass benutzerdefinierter Code sauber von den Kerndateien des übergeordneten Themes getrennt wird, wodurch die Codebasis besser organisiert und einfacher zu pflegen ist.
Updates und Wartung
Bei einem untergeordneten Design wirken sich Aktualisierungen des übergeordneten Designs nicht auf Ihre Anpassungen aus. Dies stellt sicher, dass Ihre WordPress-Site von Sicherheitspatches und -verbesserungen profitieren kann, während sie ein individuelles Aussehen beibehält.
Lernen und Entwicklung
Der Ordner des untergeordneten Themes kann Benutzern helfen, ihr Wissen über die Entwicklung von WordPress-Themes zu vertiefen, und bietet die Möglichkeit, in einer sicheren Umgebung zu programmieren, zu üben und zu lernen.
Nachteile von WordPress-Child-Themes
Erfordert technische Kenntnisse
Die Anpassung mit einem Child-Theme erfordert ein tieferes Verständnis von WordPress-Themes und -Entwicklung, z. B. das Wissen, wie Child-Themes die Funktionen und Stile des übergeordneten Themes überschreiben. Benutzer müssen mit CSS-Dateien, PHP und dem WordPress-Framework vertraut sein.
Zusätzliche Schritte im Workflow
Die Verwaltung von übergeordneten und untergeordneten Designs erfordert mehr Schritte und erhöht die Komplexität des Workflows. Dies kann den Prozess der Änderungen verlangsamen, insbesondere für Anfänger.
Abhängigkeit von Updates des übergeordneten Themes
Ein untergeordnetes Theme hängt vollständig vom übergeordneten Theme ab. Wenn das übergeordnete Design nicht regelmäßig aktualisiert wird, können Sicherheitsrisiken und Kompatibilitätsprobleme sowohl das übergeordnete als auch das untergeordnete Design betreffen. Umgekehrt können Aktualisierungen des übergeordneten Designs gelegentlich zu Konflikten führen oder die Funktionalität des untergeordneten Designs beeinträchtigen.
Begrenzter Anpassungsumfang
Die Anpassung, die Sie mit einem untergeordneten Theme erreichen können, ist auf das beschränkt, was das übergeordnete Theme zulässt. Wenn die Struktur des übergeordneten Themes nicht Ihren Anforderungen entspricht, müssen Sie möglicherweise viel Zeit in die Programmierung benutzerdefinierter Lösungen investieren oder in Betracht ziehen, das Theme ganz zu wechseln.
Mögliche Konflikte mit Plugins
Einige Plugins können mit Anpassungen in Konflikt stehen, die im Child-Theme vorgenommen wurden, insbesondere wenn diese Plugins bestimmte Hooks oder Funktionen des Parent-Themes erfordern. Inkompatibilitäten können zu Funktionsausfällen führen, die manuell behoben werden müssen.
Wenn Sie diese Vor- und Nachteile abwägen, hängt die klare Entscheidung, ein Child-Theme zu erstellen, von Ihnen ab, ob es die richtige Lösung ist oder nicht.
Best Practices für das Aktualisieren von Child-Themes in WordPress
Das Aktualisieren eines WordPress-Child-Themes kann komplex sein, insbesondere wenn sowohl das übergeordnete als auch das untergeordnete Theme Updates erhalten. Befolgen Sie diese detaillierten Strategien, um reibungslose Updates zu gewährleisten und gleichzeitig Anpassungen am neu erstellten untergeordneten Design beizubehalten:
- Backup vor Updates: Erstellen Sie immer ein vollständiges Backup Ihrer Website, einschließlich des untergeordneten und übergeordneten Themes, bevor Sie Updates durchführen. Dies garantiert, dass Sie Ihre Website wiederherstellen können, wenn etwas kaputt geht.
- Überprüfen des Änderungsprotokolls des übergeordneten Designs: Überprüfen Sie vor dem Update das Änderungsprotokoll des übergeordneten Themas sorgfältig, um die vorgenommenen Änderungen zu verstehen. Konzentrieren Sie sich auf Änderungen an CSS-Dateien und -Funktionen, da diese sich auf das untergeordnete Theme auswirken können. Wenn größere Änderungen eingeführt werden, prüfen Sie, ob sich diese Updates auf Ihre Anpassungen auswirken. Änderungen an der Struktur oder den Funktionen eines übergeordneten Themes können beispielsweise Abhängigkeiten in Ihrem Child-Theme aufheben.
- Testen in einer Staging-Umgebung: Bevor Sie Aktualisierungen auf der Live-Website anwenden, verwenden Sie zum Testen eine Staging-Umgebung. Eine Staging-Site ist eine Nachbildung Ihrer Live-Site mit vollständigem WordPress-Theme. Es ermöglicht Ihnen, neue Updates sicher zu testen und Probleme zu beheben, ohne Ihre Benutzer zu beeinträchtigen. Bluehost bietet integrierte Staging-Umgebungen mit bestimmten Hosting-Plänen, die den Prozess vereinfachen.
- Vermeiden Sie direkte Funktionsüberschreibungen: Anstatt Kernfunktionen des Themes zu überschreiben, die bei Updates zu Konflikten führen können, verwenden Sie WordPress-Hooks und Filter. Diese Methode stellt sicher, dass Sie die Funktionalität ändern, ohne die Kerndateien und den Codeausschnitt direkt zu ändern. Durch die Verwendung von Hooks bleiben die Anpassungen des untergeordneten Themes auch dann stabil, wenn das übergeordnete Theme wichtige Funktionen aktualisiert.
- Manuelle Aktualisierungen von Child-Themes: Manchmal führt das übergeordnete Theme neue Funktionen oder verbesserte Funktionen ein, die Sie in den Ordner Ihres untergeordneten Themes integrieren möchten. Anstatt diese Änderungen automatisch zu aktualisieren, sollten Sie sie manuell überprüfen und integrieren, um unerwünschtes Überschreiben zu verhindern. Wenn das Core-Theme beispielsweise neues CSS für die Reaktionsfähigkeit hinzufügt, überprüfen Sie diese Änderungen und aktualisieren Sie das Stylesheet Ihres Child-Themes bei Bedarf manuell.
- Bereinigen Sie regelmäßig Ihren Child-Theme-Code: Wenn sich Ihre Website weiterentwickelt, können einige Anpassungen überflüssig oder veraltet sein. Überprüfen Sie regelmäßig den Code Ihres untergeordneten Designs, um sicherzustellen, dass er sauber und effizient ist. Durch das Entfernen von nicht verwendetem Code werden potenzielle Konflikte bei Updates reduziert, wodurch sichergestellt wird, dass beide Designs reibungslos ausgeführt werden.
- Dokumentieren Sie Ihre Änderungen: Wenn Sie ein detailliertes Protokoll über die Änderungen führen, die Sie in Ihrem untergeordneten Theme vorgenommen haben, können Sie bei Aktualisierungen Zeit sparen. Diese Dokumentation hilft Ihnen, potenzielle Konfliktbereiche schnell zu erkennen und nachzuverfolgen, was nach einer Aktualisierung des übergeordneten Designs überprüft oder angepasst werden muss.
Indem Sie diese Best Practices befolgen, um ein Child-Theme zu erstellen, können Sie sicherstellen, dass Aktualisierungen des Kern-Themes die Funktionalität Ihres Child-Themes nicht beeinträchtigen und eine stabile, sichere und angepasste Website aufrechterhalten.
So beheben Sie Probleme mit einem Child-Theme in WordPress
Es kann zu Problemen kommen, wenn Sie ein untergeordnetes Design erstellen und verwalten. Hier erfahren Sie, wie Sie die häufigsten Probleme beheben können.
Fehler #1: Das untergeordnete Theme kann das übergeordnete Theme nicht überschreiben
Wenn das untergeordnete Design die Stile oder Funktionen des übergeordneten Designs nicht überschreiben kann, ist die Ursache häufig eine Fehlkonfiguration in der functions.php oder style.css Datei.
Dies tritt in der Regel auf, wenn das untergeordnete Theme sein Stylesheet nicht in der richtigen Reihenfolge lädt oder nicht ordnungsgemäß mit dem übergeordneten Theme verknüpft ist.
Schritte zur Fehlerbehebung:
- Überprüfen des Enqueuing-Prozesses
Öffnen Sie die functions.php Datei Ihres untergeordneten Themes und stellen Sie sicher, dass das Stylesheet des übergeordneten Themes ordnungsgemäß in die Warteschlange eingereiht ist. Das sollte wie folgt aussehen:
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>Stellen Sie zunächst sicher, dass dieser Code keine Tippfehler enthält. Wenn alles in Ordnung ist, gehen Sie zum Stylesheet des untergeordneten Themes. Stellen Sie sicher, dass die Vorlagenzeile den Namen des übergeordneten Designs Ihres Kindes enthält. Wenn dies nicht der Fall ist, erbt Ihr Kind das übergeordnete Design nicht.
Stellen Sie sicher, dass dieser Code frei von Tippfehlern ist und den Namenskonventionen Ihres übergeordneten Themes entspricht.
- Überprüfen Sie die Vorlagenzeile in style.css
Öffnen Sie als Nächstes die style.css Vorlagendatei im untergeordneten Designordner. Stellen Sie sicher, dass die Zeile der Vorlagendatei korrekt auf den Verzeichnisnamen des übergeordneten Themes verweist. Wenn diese Zeile für Vorlagendateien falsch ist, erbt das untergeordnete Theme keine Stile oder Funktionen vom übergeordneten Theme:
/*
Theme-Name: Name Ihres untergeordneten Themes
Vorlage: parent-theme-name
*/
Stellen Sie sicher, dass der parent-theme-name genau mit dem Verzeichnisnamen Ihres übergeordneten Themes im WordPress-Themes-Ordner übereinstimmt.
- Cache leeren
Manchmal speichern Browser alte Versionen einer Website im Cache. Löschen Sie den Browser-Cache und, wenn Sie ein Caching-Plugin verwenden, auch den Website-Cache. Dieser Schritt stellt sicher, dass die neuesten Änderungen im Assistenten für untergeordnete Designs wiedergegeben werden.
Fehler #2: Das untergeordnete Thema kann die neuesten Updates nicht vom style.css laden
Wenn das untergeordnete Theme das übergeordnete Theme erfolgreich überschreibt, aber nicht die neuesten Aktualisierungen an style.css widerspiegelt, ist ein häufiges Problem das Caching oder die CSS-Spezifität.
Schritte zur Fehlerbehebung
- Löschen Sie den Browser- und Website-Cache
Wenn Ihre letzten Änderungen nicht sichtbar sind, löschen Sie zunächst Ihren Browser-Cache und den Cache Ihrer Website (wenn Sie ein Caching-Plugin wie W3 Total Cache oder WP Super Cache verwenden). Dieser Schritt zwingt Ihren Browser und Ihre Website, die neuesten Änderungen an der CSS-Datei neu zu laden.
- CSS-Spezifität prüfen und !important hinzufügen
Manchmal überschreiben die Stile des übergeordneten Themes das CSS Ihres Child-Themes, da das übergeordnete Theme spezifischere CSS-Selektoren oder -Deklarationen verwendet. Um sicherzustellen, dass die Stile Ihres untergeordneten Designs Vorrang haben, fügen Sie den CSS-Regeln, die nicht funktionieren, !important hinzu. Hier ist ein Beispiel:
.custom-klasse {
Farbe: #000 !wichtig;
}
Dadurch wird der Browser angewiesen, die Stile Ihres untergeordneten Themes auf die des übergeordneten Themes anzuwenden, wodurch Ihre benutzerdefinierten Regeln eine höhere Priorität erhalten.
- Überprüfen Sie die Kompatibilität von Design-Updates
Wenn Sie das übergeordnete Theme kürzlich aktualisiert haben und Probleme bemerken, überprüfen Sie das Änderungsprotokoll des übergeordneten Designs, um zu sehen, ob strukturelle Änderungen an seinem style.css vorgenommen wurden. Wenn dies der Fall ist, überprüfen Sie den Code des untergeordneten Designs, um sicherzustellen, dass es keinen Konflikt zwischen den Updates und Ihren Anpassungen gibt.
- Enqueue-Funktion prüfen
Stellen Sie sicher, dass die Warteschlangenfunktion das Stylesheet des untergeordneten Themes korrekt nach dem Stylesheet des übergeordneten Themes lädt. Die functions.php Datei des untergeordneten Designs sollte den folgenden Code enthalten:
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
Funktion my_theme_enqueue_styles() {
wp_enqueue_style( 'übergeordneter Stil', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'kindlich', get_stylesheet_uri() );
}
Dieser benutzerdefinierte Designcode lädt sowohl das übergeordnete als auch das untergeordnete Stylesheet, sodass das untergeordnete Design bei Bedarf das übergeordnete Design überschreiben kann.
Zusätzliche Tipps zur Fehlerbehebung bei untergeordneten Themes:
- Auf Tippfehler prüfen: Einfache Tippfehler im Namen des Child-Themes, in den Verzeichnisnamen oder im Code können dazu führen, dass untergeordnete Themes nicht richtig funktionieren.
- Plugins deaktivieren: Manchmal können Plugins mit dem aktiven Theme in Konflikt geraten. Deaktivieren Sie Plug-ins vorübergehend, um zu sehen, ob sie das Problem verursachen.
- Zum übergeordneten Theme wechseln: Wechsle zum übergeordneten Theme, um zu überprüfen, ob das Problem spezifisch für das Child-Theme oder ein allgemeineres Problem bei der Installation von WordPress-Themes ist.
Wenn Sie diese grundlegenden Schritte zur Fehlerbehebung bei untergeordneten Designs befolgen, können Sie viele häufige Probleme beheben und sicherstellen, dass Ihre Anpassungen ordnungsgemäß geladen werden.
Häufig gestellte Fragen zum WordPress-Child-Theme
Der Grad der erforderlichen Programmierkenntnisse hängt vom Umfang der Anpassungen ab, die Sie vornehmen möchten. Ein grundlegendes Verständnis von HTML, CSS und PHP ist in der Regel für gängige Änderungen ausreichend, während komplexere Änderungen fortgeschrittene Programmierkenntnisse erfordern können.
Ja. Manchmal werden Websites langsamer geladen, nachdem ein untergeordnetes Theme installiert wurde. In den meisten Fällen wird Ihr Publikum es nicht bemerken, weil der Unterschied so gering ist. Überwachen Sie dennoch die Ladezeit Ihrer Website und arbeiten Sie daran, Verzögerungen zu minimieren. Um die Geschwindigkeit Ihrer Website zu verbessern, versuchen Sie es mit Code-Minimierung, Caching und Bildoptimierung.
Untergeordnete Designs selbst führen nicht zu Sicherheitsproblemen. Wenn der benutzerdefinierte Code, den Sie Ihrem untergeordneten Theme hinzufügen, jedoch nicht sicher ist oder wenn Sie Ihr Child-Theme und Ihr übergeordnetes Theme nicht auf dem neuesten Stand halten, besteht die Möglichkeit von Sicherheitslücken. Wenn Sie sich über die Sicherheit Ihrer Website nicht sicher sind, bitten Sie einen Cybersicherheitsexperten, Ihre Website zu überprüfen und potenzielle Schwachstellen im Code zu identifizieren.
Ja. Theme-Entwickler werden Sicherheitslücken oder Kompatibilitätsprobleme jedoch nicht beheben oder aktualisieren, wenn sie im übergeordneten Theme auftreten. Um sicherzustellen, dass Sie nicht das falsche übergeordnete Thema auswählen, suchen Sie im Bluehost Marketplace nach zuverlässigen Themen.
