Kinderthema in WordPress: Was sind sie und wie werden sie erstellt?
Im Laufe der Jahre hat sich WordPress von einem einfachen Blogging-System zu einer benutzerfreundlichen CMS-Plattform entwickelt und ist im Web allgegenwärtig geworden. Aufgrund seiner Beliebtheit haben sich viele Fachleute darauf spezialisiert, WordPress-Themen als Website-Vorlagen bereitzustellen. Diese umfassen bereits fast alle Funktionen einer Website und sind dem Endprodukt sehr ähnlich, jedoch nicht identisch. Normalerweise müssen Sie Anpassungen im Code vornehmen, um die Site an das Unternehmensdesign anzupassen, oder Sie müssen die Struktur ändern. Aber was ist mit den Änderungen, wenn das Thema aktualisiert wird? Dafür sind die untergeordneten Themen in WordPress gedacht.
- Was ist ein untergeordnetes WordPress-Thema?
- Woraus besteht ein untergeordnetes WordPress-Thema?
- Untergeordnete Themen in WordPress: wie sie funktionieren
- Vor- und Nachteile des untergeordneten WordPress-Themas
- So erstellen Sie ein untergeordnetes Thema in WordPress: Anweisungen
- Schritt 1: Erstellen Sie den untergeordneten WordPress-Themenordner:
- Schritt 2: Erstellen Sie ein Stylesheet für das untergeordnete WordPress-Thema
- Schritt 3: Laden Sie das Stylesheet korrekt in function.php
- Schritt 4: Aktivieren Sie das untergeordnete WordPress-Thema
Was ist ein untergeordnetes WordPress-Thema?
Wenn Sie verhindern möchten, dass Ihre Änderungen beim Aktualisieren überschrieben werden, müssen Sie ein untergeordnetes WordPress-Thema verwenden. Untergeordnete WordPress-Themen Sie sind, wie der Name schon sagt, die Kinder eines Elternthemas . Diese sind an das übergeordnete Thema gebunden, sodass sie dessen Erscheinungsbild und Funktionen erben. Wenn Sie im untergeordneten WordPress-Design individuelle Einstellungen vornehmen, werden diese in den Anweisungen des übergeordneten Themas automatisch überschrieben . Daher haben die Änderungen keine Auswirkungen auf das Hauptthema. Wenn das übergeordnete Thema aktualisiert wird, bleiben die Änderungen am untergeordneten WordPress-Thema erhalten.
Während größerer Anpassungen oder Aktualisierungen können Fehlermeldungen auf der Website angezeigt werden. Um Benutzer nicht zu stören, müssen Sie den WordPress-Wartungsmodus aktivieren.
Woraus besteht ein untergeordnetes WordPress-Thema?
Ein untergeordnetes WordPress-Thema es kann verschiedene Komponenten haben. In diesem Sinne sind die Änderungen und die Dateien, in denen sie vorgenommen werden, entscheidend. Aber wofür Untergeordnete WordPress-Designs funktionieren ordnungsgemäß . Es gibt bestimmte Dateien, die Sie für jedes von ihnen erstellen müssen:
- CSS style.css Stylesheet-Datei
- function.php
- screenhot.png (optional)
Warum ist das untergeordnete WordPress-Thema Benötigen Sie diese drei Dateien?
Untergeordnete Themen in WordPress: wie sie funktionieren
Wie bereits erwähnt, benötigt ein untergeordnetes WordPress-Thema drei Dateien, um zu funktionieren. Die Dateien haben folgende Funktionen:
- style.css: Enthält alle CSS-Regeln und -Deklarationen , die das Erscheinungsbild des Themas steuern. Das Wichtigste ist der Header-Bereich. Hier teilt die CSS-Datei WordPress mit, dass es sich um ein untergeordnetes Thema mit einem bestimmten übergeordneten Thema handelt , und bietet weitere grundlegende Informationen.
- function.php: Bestimmt die Reihenfolge, in der die Stylesheets der übergeordneten und untergeordneten WordPress-Designs geladen werden. Damit die Änderungen des untergeordneten Themas die Anweisungen des übergeordneten Themas überschreiben, muss der Browser das Stylesheet des untergeordneten WordPress-Themas nach dem Stylesheet des übergeordneten Themas laden .
- screenhot.png ist optional, es wird jedoch empfohlen, das untergeordnete WordPress-Thema im WordPress- Backend direkt zu erkennen . WordPress wird die automatisch angezeigt werden screenshot.png Dateien im Themenmenü der entsprechenden Vorlage.
Wenn Sie nur geringfügige Änderungen am Thema vornehmen möchten, gibt es einfachere Lösungen wie das Simple Custom CSS Plugin oder den Customizer, der ab Version 4.7 direkt in WordPress integriert ist.
Vor- und Nachteile des untergeordneten WordPress-Themas
Die Verwendung eines untergeordneten WordPress-Themas hat viele Vorteile. Es hat jedoch auch einige Nachteile, sodass Sie abwägen müssen, ob es sich lohnt, ein zusätzliches Thema zu erstellen, um nur kleine Änderungen am CSS vorzunehmen:
| Vorteil | Nachteile |
|---|---|
| Änderungen werden nicht überschrieben, wenn das übergeordnete Thema aktualisiert wird. | Das ursprüngliche Vorlagenupdate behebt nur Sicherheitslücken in den Vorlagendateien im Hauptthemenordner. Bei Vorlagendateien im untergeordneten WordPress-Themenordner bleiben diese Lücken bestehen. |
| Ein untergeordnetes WordPress-Theme bietet mehr Freiheit als die Möglichkeiten des WordPress-Backends. Sie können beispielsweise das Design und die Struktur der Website anpassen oder das Thema mit bestimmten Funktionen erweitern. | Es kann zu Leistungseinbußen kommen, da der Browser zwei Stylesheets gleichzeitig lädt. |
| Umfangreiche CSS-Einstellungen bleiben im Vergleich zum WordPress-Customizer in style.css klar. | |
| Untergeordnete WordPress-Themen sind ideal für Anfänger, die WordPress besser kennenlernen möchten. Wenn ein Fehler auftritt, können Sie jederzeit zum übergeordneten Thema zurückkehren. | |
| Mit untergeordneten WordPress-Designs können Sie die Entwicklungsarbeit beschleunigen. |
So erstellen Sie ein untergeordnetes Thema in WordPress: Anweisungen
Nachdem wir die Funktionen erklärt haben, erfahren Sie hier, wie Sie ein funktionales untergeordnetes Thema in WordPress erstellen:
Schritt 1: Erstellen Sie den untergeordneten WordPress-Themenordner:
Stellen Sie mit einem FTP-Client wie FileZilla eine Verbindung zu Ihrem Server her und navigieren Sie innerhalb der WordPress-Installation zum folgenden Ordner:
tu ruta hacia la instalación de wordpress/wp-content/themes/
Dort erstellen Sie einen Ordner für das untergeordnete WordPress-Thema. Es ist praktisch, den Namen des übergeordneten Themas zu verwenden, indem Sie ? -Child? schlussendlich.
Schritt 2: Erstellen Sie ein Stylesheet für das untergeordnete WordPress-Thema
Erstellen Sie eine style.css-Datei und fügen Sie mit einem Texteditor die folgenden Informationen in den Kopfbereich ein:
/* Nombre del tema: [Nombre del tema padre] Child URI del tema: [http://example.de/parent-theme/] Descripción: [Nombre del tema padre] Tema hijo Autor: [Tu nombre] URI del autor: [El URL de tu sitio web] Plantilla: [Nombre de la carpeta del tema padre] Versión: 1.0.0 Dominio de texto: [Nombre del tema padre] -child */
Ersetzen Sie die in Klammern gesetzten Platzhalter durch Ihre Angaben. Sie müssen nicht alle Elemente eingeben. Es ist nur obligatorisch, die folgenden zwei Daten hinzuzufügen, damit die untergeordneten WordPress-Themen funktionieren:
- Themenname : Alle Themen benötigen einen Namen, und das Gleiche gilt für das untergeordnete WordPress-Thema. Dieser Name muss eindeutig sein und darf nicht mit anderen Themen in Ihrer WordPress-Installation geteilt werden.
- Vorlage : Mit diesen Informationen weiß WordPress, dass es sich um ein untergeordnetes Thema des angegebenen übergeordneten Themas handelt.
Wenn die Datei fertig ist, laden Sie sie mit dem FTP-Client in den untergeordneten WordPress-Themenordner hoch.
Schritt 3: Laden Sie das Stylesheet korrekt in function.php
Im besten Fall enthält das übergeordnete Thema bereits die Anweisung zum Laden des Stylesheets des untergeordneten WordPress-Themas. Dies tun jedoch nicht alle Designvorlagen. Daher ist es wichtig, einen Blick auf die Funktionen des übergeordneten Themas zu werfen. Es gilt eines der folgenden drei Szenarien:
- Das übergeordnete Thema lädt bereits beide Stylesheets. In diesem Fall müssen Sie nichts mit dem untergeordneten WordPress-Thema tun .
- Wenn das übergeordnete Design sein eigenes Stylesheet über get_template_directory () oder get_template_directory_uri () lädt , muss das untergeordnete WordPress-Theme nur ein eigenes Stylesheet mit dem entsprechenden Namen des Stylesheets des übergeordneten Themas als Parameter in laden function.php.
- Wenn das übergeordnete Design sein eigenes Stylesheet über get_stylesheet_directory () oder get_stylsheet_directory_uri () lädt , muss das untergeordnete WordPress-Theme beide Stylesheets in function.php laden . Stellen Sie sicher, dass Sie den genauen Stylesheet-Namen des übergeordneten Themas verwenden.
Wenn der zweite Fall auftritt, sieht function.php folgendermaßen aus:
<!--?php</codesnippet--> add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'Nombre de la hoja de estilo del tema padre'), wp_get_theme()-> get('Version') // Solo funciona si el elemento version también se especifica en el área del encabezado de la hoja de estilo ); } ?>
Wenn das untergeordnete WordPress-Design beide Stylesheets über function.php laden muss, sieht der Code folgendermaßen aus:
<!--?php</codesnippet--> function child_theme_styles() { wp_enqueue_style( 'Nombre de la hoja de estilo del tema padre', get_template_directory_uri() . '/style.css'); wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('Handle 'Nombre de la hoja de estilo del tema padre')); } add_action( 'wp_enqueue_scripts', 'child_theme_styles' ); ?>
Geben Sie function.php in die Datei style.css im untergeordneten Themenordner von WordPress ein.
Optional können Sie auch eine Bilddatei mit dem Dateinamen screenhot.png im untergeordneten WordPress-Themenordner ablegen. WordPress zeigt dieses Bild im Hintergrund des Themas an, damit Sie die Vorlage besser zuordnen können.
Schritt 4: Aktivieren Sie das untergeordnete WordPress-Thema
Aktivieren Sie das untergeordnete WordPress-Thema nach dem Erstellen wie jedes andere Thema im WordPress- Backend . Gehen Sie dazu einfach zum Backend und wählen Sie das untergeordnete Thema unter Design> Themen aus .
Wenn Sie bereits über den WordPress-Customizer Anpassungen am übergeordneten Thema vorgenommen haben, gehen diese Änderungen verloren, wenn Sie das untergeordnete WordPress-Thema aktivieren. Mit dem Customizer Export / Import-Plugin können Sie die Customizer-Einstellungen exportieren und anschließend erneut importieren.
Jetzt ist das untergeordnete WordPress-Theme vollständig einsatzbereit. Wenn Sie Änderungen an anderen Vorlagendateien vornehmen möchten, kopieren Sie die übergeordnete Designdatei und speichern Sie sie im untergeordneten Designordner. Der Pfad muss genau mit dem Pfad des Hauptthemas übereinstimmen. Die Hauptdesigndatei wird automatisch von der Datei aus dem untergeordneten WordPress-Themenordner überschrieben.
Mit WordPress-Hosting von IONOS verfügen Sie über eine speziell optimierte WordPress-Hosting-Plattform, mit der Sie ganz einfach Ihre eigene WordPress-Website erstellen können.