Das Anpassen eines WordPress-Themes kann Ihnen helfen, eine Website zu erstellen, die Ihren Marken, Inhalten und Geschäftsanforderungen entspricht. Das direkte Bearbeiten der Dateien Ihres Hauptthemas kann jedoch Probleme verursachen, wenn das Thema ein Update erhält.
ein Kinderthema in WordPress Bietet eine sicherere Möglichkeit, Ihre Website anzupassen. Es ermöglicht Ihnen, Vorlagen, Stile, Funktionen und andere Themenfunktionen zu ändern, während das ursprüngliche Thema getrennt bleibt.
In diesem Handbuch erfahren Sie, was ein untergeordnetes Thema in WordPress ist, warum Sie eines verwenden sollten und wie Sie es Schritt für Schritt erstellen und aktivieren.
Was ist ein Kinderthema in WordPress?
Ein untergeordnetes Thema in WordPress ist ein separates Thema, das das Design, die Funktionen und die Funktionalität eines anderen Themas, das als Theme bezeichnet wird, erbt Elternthema.
Das übergeordnete Thema enthält die Hauptdateien und -funktionen. Das untergeordnete Thema dient als zusätzliche Ebene, in der Sie Ihre benutzerdefinierten Änderungen hinzufügen können.
Wenn Ihre Website beispielsweise ein Thema namens verwendet Geschäftsprofi, Business Pro ist das übergeordnete Thema. Sie könnten ein untergeordnetes Thema erstellen Business-Pro-Kind und fügen Sie dort Ihre benutzerdefinierten CSS-, PHP-Funktionen oder Vorlagenänderungen hinzu.
Diese Einrichtung erleichtert das Aktualisieren des übergeordneten Themas, ohne automatisch Ihre Anpassungen zu verlieren.
Warum ein Kinderthema in WordPress verwenden?
Es gibt mehrere Gründe, ein untergeordnetes Thema in WordPress zu verwenden, wenn Sie Anpassungen auf Code-Ebene vornehmen möchten.
1. Schützen Sie die Anpassungen
Wenn Sie das übergeordnete Thema direkt bearbeiten, werden Ihre Änderungen möglicherweise überschrieben, wenn das Theme aktualisiert wird.
Ein untergeordnetes Thema hält Ihren benutzerdefinierten Code von den übergeordneten Themedateien getrennt.
2. Aktualisieren Sie das übergeordnete Thema einfach
Theme-Updates umfassen häufig Sicherheitsfixes, Fehlerbehebungen, Kompatibilitätsverbesserungen und neue Funktionen.
Mit einem ordnungsgemäß konfigurierten untergeordneten Thema können Sie das übergeordnete Thema aktualisieren, während Sie Ihre benutzerdefinierten Änderungen im untergeordneten Design beibehalten.
3. Anpassen von Themendateien
Ein untergeordnetes Thema ermöglicht Entwicklern bestimmte Vorlagendateien aus dem übergeordneten Thema zu überschreiben.
Sie können beispielsweise anpassen:
- Header-Vorlagen
- Fußzeilenvorlagen
- Einzelne Post-Layouts
- Seitenvorlagen
- Archivvorlagen
- CSS-Stile
- PHP-Funktionen
4. Entwicklungsrisiko reduzieren
Das Trennen von benutzerdefiniertem Code erleichtert die Wartung Ihrer Website. Wenn etwas schief geht, können Sie feststellen, ob das Problem von Ihrer Anpassung oder dem übergeordneten Thema herrührt.
Wie funktioniert ein WordPress-Kinderthema?
Die Beziehung ist einfach:
Übergeordnetes Thema → Bietet das Hauptdesign und die Funktionalität
Child-Theme → Fügt Anpassungen hinzu oder überschreibt sie
Das untergeordnete Thema muss nicht jede Datei aus dem übergeordneten Thema duplizieren. Es benötigt nur die Dateien, die Sie anpassen möchten.
Wenn Sie beispielsweise das Erscheinungsbild Ihrer Website ändern möchten, benötigen Sie möglicherweise nur eine style.css Datei und a functions.php Datei in Ihrem Kinderthema.
WordPress verwendet das übergeordnete Thema für alles andere.
Was Sie benötigen, bevor Sie ein Kinderthema erstellen
Bevor Sie ein untergeordnetes Thema in WordPress erstellen, stellen Sie sicher, dass Sie Folgendes haben:
- Eine funktionierende WordPress-Website
- Ein installiertes übergeordnetes Thema
- WordPress-Admin-Zugriff
- FTP- oder Hosting-Dateimanager-Zugriff beim manuellen Erstellen
- Ein Backup Ihrer Website
Es ist auch eine gute Idee, wichtige Anpassungen auf einer Staging-Website zu testen, bevor sie auf eine Live-Website angewendet werden.
So erstellen Sie ein untergeordnetes Thema in WordPress manuell
Sie können ein untergeordnetes Thema in WordPress manuell mit ein paar grundlegenden Dateien erstellen.
Schritt 1: Öffnen Sie Ihren WordPress-Themes-Ordner
Greifen Sie zunächst mit Ihrem Hosting-Dateimanager oder FTP auf Ihre WordPress-Website-Dateien zu.
Navigieren Sie zu:
wp-content/themes/
In diesem Ordner finden Sie Ihre installierten WordPress-Themen.
Zum Beispiel:
wp-content/themes/my-theme/
Wenn Ihr Elternthema aufgerufen wird my-theme, Sie können einen neuen Ordner daneben erstellen.
Schritt 2: Erstellen Sie einen untergeordneten Themenordner
Erstellen Sie einen neuen Ordner im Themenverzeichnis.
Zum Beispiel:
my-theme-child
Der Ordnername kann unterschiedlich sein, aber mit dem übergeordneten Themenamen, gefolgt von -child erleichtert die Identifizierung.
Ihre Struktur sollte wie folgt aussehen:
wp-content/themes/
├── my-theme/
└── my-theme-child/
Schritt 3: Erstellen Sie die Datei style.css
Erstellen Sie im Ordner "Untergeordnete Themen" eine Datei mit dem Namen:
style.css
Fügen Sie die folgenden grundlegenden Informationen hinzu:
/*
Theme Name: My Theme Child
Theme URI: https://example.com/
Description: Child theme for My Theme
Author: Your Name
Author URI: https://example.com/
Template: my-theme
Version: 1.0.0
*/
/* Custom CSS goes below */
Die wichtigste Zeile ist:
Template: my-theme
Der Wert muss mit dem übereinstimmen Genauer Ordnername des übergeordneten Themas.
Wenn Ihr übergeordneter Themenordner benannt ist reobiz, z.B. sollte der Vorlagenwert sein:
Template: reobiz
Schritt 4: Erstellen Sie die Datei functions.php
Erstellen Sie als Nächstes eine weitere Datei in Ihrem untergeordneten Themenordner:
functions.php
Sie können damit benutzerdefinierte PHP-Funktionalität hinzufügen und das untergeordnete Theme-Stylesheet laden.
Für ein klassisches WordPress-Theme ist ein grundlegendes Beispiel:
<?php
function my_theme_child_enqueue_styles() {
wp_enqueue_style(
'parent-style',
get_template_directory_uri() . '/style.css'
);
wp_enqueue_style(
'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style'),
wp_get_theme()->get('Version')
);
}
add_action('wp_enqueue_scripts', 'my_theme_child_enqueue_styles');
Vermeiden Sie es, das gesamte übergeordnete Thema zu kopieren functions.php Datei in Ihr Kinderthema einreichen. Die beiden Dateien funktionieren anders als Vorlagendateien, und das Duplizieren der übergeordneten Funktionen kann zu Fehlern führen.
Schritt 5: Aktivieren Sie das untergeordnete Thema
Nachdem Sie die erforderlichen Dateien erstellt haben, melden Sie sich in Ihrem WordPress-Dashboard an.
Gehe zu:
Aussehen → Themen
Dort sollte Ihr neues Kinderthema aufgelistet sein.
knips aktivieren.
Ihre Website sollte das Hauptdesign des übergeordneten Themas weiterhin verwenden und gleichzeitig die Anpassungen des untergeordneten Themas anwenden.
Schritt 6: Benutzerdefiniertes CSS hinzufügen
Sobald Ihr Kinderthema in WordPress aktiv ist, können Sie benutzerdefiniertes CSS hinzufügen style.css Akte
Zum Beispiel:
.site-title {
font-size: 32px;
font-weight: 700;
}
Mithilfe von Browser-Entwicklertools können Sie die CSS-Klassen oder -elemente identifizieren, die Sie ändern möchten.
Testen Sie Ihre Änderungen immer, nachdem Sie benutzerdefiniertes CSS hinzugefügt haben.
So überschreiben Sie eine übergeordnete Theme-Vorlage
Einer der Hauptvorteile eines untergeordneten Themas in WordPress ist die Möglichkeit, ausgewählte Vorlagendateien zu überschreiben.
Angenommen, das übergeordnete Thema enthält:
single.php
Sie können diese Datei in das untergeordnete Thema kopieren:
my-theme-child/single.php
Nehmen Sie dann Ihre Änderungen an der untergeordneten Version vor.
WordPress verwendet im Allgemeinen das untergeordnete Thema single.php anstelle der entsprechenden übergeordneten Vorlage.
Auf diese Weise können Sie bestimmte Teile der Website anpassen, ohne das ursprüngliche Thema zu ändern.
Wichtig: Kopieren Sie nicht jede Datei
Sie müssen das komplette übergeordnete Thema nicht in das untergeordnete Thema kopieren.
Kopieren Sie nur die Vorlagendateien, die Sie tatsächlich ändern müssen.
Dadurch wird das Kinderthema kleiner und leichter zu pflegen.
So fügen Sie benutzerdefinierte Funktionen hinzu
Sie können auch das Kinderthema verwenden functions.php Datei, um benutzerdefinierte Funktionen hinzuzufügen.
Sie können beispielsweise ein benutzerdefiniertes Stylesheet registrieren, ein Skript hinzufügen, einen Shortcode erstellen oder bestimmte WordPress-Hooks ändern.
Ein einfaches Beispiel:
function my_custom_message() {
echo '<p>Welcome to our website!</p>';
}
add_action('wp_footer', 'my_custom_message');
Bevor Sie PHP-Code zu einer Live-Website hinzufügen, testen Sie ihn sorgfältig. Ein PHP-Syntaxfehler kann dazu führen, dass eine Website einen Fehler anzeigt.
Kind-Theme gegen Eltern-Thema
Das Verständnis des Unterschieds zwischen den beiden erleichtert die Anpassung von WordPress.
| Feature | Elternthema | Kinderthema |
|---|---|---|
| Hauptdesign | ja | Erbschaft |
| Hauptfunktionalität | ja | Erbschaft |
| Benutzerdefiniertes CSS | möglich | empfohlen |
| Vorlagenüberschreitungen | Quelle | Benutzerdefinierte Version |
| Safe Theme-Updates | ja | Ja, für Kinderanpassungen |
| Benutzerdefinierte PHP | ja | Empfohlen für benutzerdefinierte Ergänzungen |
Das übergeordnete Thema bleibt die Grundlage, während das untergeordnete Thema einen Platz für Ihre Modifikationen bietet.
Können Sie ein Kinderthema ohne Codierung erstellen?
Ja. Sie müssen die Dateien nicht immer manuell erstellen.
Einige WordPress-Plugins können ein untergeordnetes Thema für Sie generieren. Dies kann für Anfänger nützlich sein, die nicht mit Themendateien arbeiten.
Sie sollten jedoch immer noch verstehen, wie ein Child-Thema in WordPress funktioniert, bevor Sie wichtige Änderungen vornehmen.
Für einfache CSS-Änderungen benötigen Sie möglicherweise nicht einmal ein Kinderthema. WordPress Zusätzliches CSS Die Funktion kann für viele kleine visuelle Anpassungen ausreichen.
Wann sollten Sie ein Kinderthema verwenden?
Ein Kinderthema in WordPress ist besonders nützlich, wenn Sie Folgendes planen:
- Ändern Sie die Vorlagendateien
- Benutzerdefinierte PHP-Funktionen hinzufügen
- Ändern Sie das durch Themen generierte Markup
- Nehmen Sie umfangreiche CSS-Anpassungen vor
- bestimmte Vorlagen überschreiben
- Fügen Sie benutzerdefinierte Design-Funktionen hinzu
Wenn Sie nur wenige Farben, Schriftarten oder Abstandswerte ändern möchten, ist die Verwendung des WordPress-Anpassers oder zusätzlicher CSS je nach Thema möglicherweise einfacher.
Wenn Sie möglicherweise kein Kinderthema benötigen
Nicht jeder WordPress-Anpassung erfordert einen.
Sie benötigen möglicherweise kein Kinderthema, wenn:
- Ihre Änderungen sind auf zusätzliches CSS beschränkt
- Ihr Theme bietet ausreichende Anpassungsoptionen
- Sie verwenden ein Blockthema und können die erforderlichen Änderungen über die Funktionen des Site-Editors vornehmen
- Sie fügen Funktionen hinzu, die zu einem Plugin gehören, anstatt einem Thema
Ein untergeordnetes Thema ist hauptsächlich nützlich, wenn Ihre Anpassung mit dem Code oder den Vorlagen des Themas interagieren muss.
Häufige Fehler bei Kindern, die zu vermeiden sind
Das Erstellen eines untergeordneten Themas in WordPress ist relativ einfach, aber mehrere Fehler können Probleme verursachen.
Falscher Vorlagenname
der Template wertschätzen style.css Muss genau mit dem Verzeichnisnamen des übergeordneten Themas übereinstimmen.
Vergessen, das Kinderthema zu aktivieren
Das Erstellen der Dateien aktiviert nicht automatisch das untergeordnete Thema.
Sie müssen es aktivieren von Aussehen → Themen.
Kopieren des gesamten übergeordneten Themas
Das Kopieren jeder übergeordneten Themendatei verrutscht einen Großteil des Zwecks der Verwendung eines untergeordneten Themas.
Überschreiben Sie nur Dateien, die angepasst werden müssen.
Bearbeiten der falschen functions.php-Datei
Das Kinderthema functions.php Ersetzt nicht die Funktionen des übergeordneten Themas functions.php auf die gleiche Weise, wie Vorlagendateien überschrieben werden können.
Seien Sie vorsichtig beim Hinzufügen oder Ändern von PHP-Funktionen.
Kein Backup erstellen
Erstellen Sie immer ein Backup, bevor Sie wichtige Themenänderungen vornehmen.
Ein Backup gibt Ihnen die Möglichkeit, die Website wiederherzustellen, wenn eine Anpassung ein Problem verursacht.
So testen Sie Ihr Kinderthema
Nachdem Sie Ihr Kinderthema in WordPress aktiviert haben, überprüfen Sie Ihre Website sorgfältig.
Test:
- Homepage
- Blog-Beiträge
- Seiten
- Navigationsmenüs
- Fußzeile
- Kopfball
- Kontaktformulare
- Mobiles Layout
- Tablet-Layout
- WooCommerce-Seiten, falls zutreffend
- Benutzerdefinierte Vorlagen
Leeren Sie Ihren Website-Cache nach CSS- oder Vorlagenänderungen, wenn Ihr Caching-System verhindert, dass die Änderungen sofort angezeigt werden.
So aktualisieren Sie das übergeordnete Thema sicher
Einer der Hauptgründe, warum Entwickler ein untergeordnetes Thema in WordPress verwenden, ist die Anpassung von Anpassungen vom übergeordneten Thema.
Vor dem Aktualisieren des Elternthemas:
- Erstellen Sie eine vollständige Website-Sicherung.
- Überprüfen Sie die Update-Hinweise des Themas.
- Testen Sie das Update auf einer Staging-Website, wenn möglich.
- Aktualisieren Sie das übergeordnete Thema.
- Überprüfen Sie die Anpassungen Ihres Kindes.
- Testen Sie wichtige Website-Funktionen.
Ein untergeordnetes Thema schützt Ihre benutzerdefinierten Dateien, garantiert jedoch nicht, dass jede Anpassung mit jedem zukünftigen übergeordneten Theme-Update kompatibel bleibt.
Wenn das übergeordnete Thema seine Vorlagenstruktur oder -funktionen ändert, müssen Sie möglicherweise Ihren untergeordneten Themecode aktualisieren.
Häufig gestellte Fragen
Was ist ein Kinderthema in WordPress?
Ein untergeordnetes Thema in WordPress ist ein separates Thema, das Features und Design von einem übergeordneten Thema erbt. Es bietet einen sichereren Speicherort für benutzerdefinierte CSS, Vorlagenänderungen und zusätzliche Themenfunktionen.
Ist ein Kinderthema für WordPress erforderlich?
kein drohen Ein Kinderthema ist nicht für jede Website erforderlich. Es wird nützlich, wenn Sie Änderungen an einem Design auf Codeebene vornehmen müssen und diese Änderungen vom übergeordneten Thema getrennt halten möchten.
Verlangsamt ein Kinderthema meine Website?
Ein richtig erstelltes untergeordnetes Thema erzeugt im Allgemeinen kein signifikantes Leistungsproblem. Ihre Wirkung hängt mehr von den von Ihnen hinzugefügten Codes, Skripten, Stilen und Anpassungen ab.
Kann ich das übergeordnete Thema aktualisieren, nachdem ich ein untergeordnetes Thema erstellt habe?
Ja. Das Aktualisieren des übergeordneten Themas ist einer der Hauptgründe für die Verwendung eines untergeordneten Themas. Sie sollten Ihre Website jedoch nach größeren Updates testen, da Änderungen im übergeordneten Thema die Anpassungen beeinflussen können.
Kann ich das übergeordnete Thema löschen?
kein drohen Das untergeordnete Thema hängt von seinem Elternthema ab. Sie sollten das erforderliche übergeordnete Thema installiert und verfügbar halten.
Kann ich ein untergeordnetes Thema mit Elementor verwenden?
Ja. Ein untergeordnetes Thema kann mit Elementor und anderen WordPress-Seiten-Building-Tools verwendet werden. Viele visuelle Änderungen können jedoch direkt über den Builder ohne Bearbeitung von Themendateien behandelt werden.
Kann ich PHP mit einem Kinderthema anpassen?
Ja. Das Kinderthema functions.php Datei kann zusätzliche PHP-Funktionen und Hooks enthalten. Testen Sie benutzerdefinierte PHP immer sorgfältig, bevor Sie es auf einer Live-Website verwenden.
Welche Dateien sind für ein untergeordnetes Thema erforderlich?
Für ein grundlegendes klassisches WordPress-Unterthema ist die Schlüsseldatei style.css, die die untergeordneten Themeninformationen enthält. ein functions.php Datei wird häufig zum Laden von Stilen und zum Hinzufügen benutzerdefinierter Funktionen verwendet.
Abschließende Gedanken
ein Kinderthema in WordPress Bietet Ihnen eine praktische Möglichkeit, ein WordPress-Theme anzupassen und gleichzeitig Ihre Änderungen vom übergeordneten Thema zu trennen.
Der grundlegende Prozess ist unkompliziert: Erstellen Sie einen untergeordneten Themenordner, fügen Sie die erforderliche hinzu style.css Informationen, erstellen functions.php Aktivieren Sie bei Bedarf das untergeordnete Thema und fügen Sie dann Ihre Anpassungen hinzu.
Für kleine visuelle Änderungen können die integrierten Anpassungsoptionen von WordPress ausreichen. Wenn Sie jedoch planen, Vorlagen zu ändern, benutzerdefiniertes PHP hinzuzufügen oder tiefere Designänderungen vorzunehmen, kann ein untergeordnetes Thema Ihre Website einfacher verwalten.
Bewahren Sie Backups auf, testen Sie Ihre Änderungen und vermeiden Sie es, das übergeordnete Thema direkt zu ändern, wenn ein untergeordnetes Thema angemessen ist.