Sie passen Ihr WordPress-Theme an, wollen aber sehr sicher sein? Keine Sorge! Wir haben alles für Sie. Lesen Sie den folgenden Artikel und Sie werden in der Lage sein, Ihr WordPress-Theme mit Hilfe eines WordPress-Child-Theme anzupassen: Ein WordPress-Child-Theme speichert Ihre Anpassungen in einem anderen Ordner, so dass eine Aktualisierung Ihres übergeordneten Themes keine Auswirkungen hat.
Was bedeutet Unterthema?
Ein Child-Theme ist im Grunde ein Spiegelbild eines beliebigen Themes. Die Idee dahinter ist, dass alle Änderungen, die Sie im Child-Theme vornehmen, Ihr Parent-Theme nicht beeinflussen, aber alle Änderungen, die Sie im Parent-Theme vornehmen, werden im Child-Theme wiedergegeben.
Ob Sie ein Child-Theme verwenden müssen
Zweifellos ist die Verwendung eines Child-Themes der sicherste Weg, ein Theme zu ändern. Das Beste daran ist, dass Ihre Änderungen nicht gelöscht werden, selbst wenn Ihr übergeordnetes Theme aktualisiert wird. Wenn Sie Probleme beim Ändern eines untergeordneten Themas haben, können Sie es einfach löschen und zum übergeordneten Thema zurückkehren.
Einrichten eines WordPress-Unterthemas
Sie können WordPress Child-Themes manuell oder mit Hilfe von Plugins einrichten.
Eine Sache, die Sie beachten müssen, ist, dass es nicht funktioniert, bis Ihr übergeordnetes Thema auf der Seite Themen unter Erscheinungsbild erscheint.
Methode 1: Manuelles Erstellen eines Child-Themes
#1Zunächst müssen Sie einen neuen Ordner anlegen und ihn nach Ihren Wünschen benennen, z. B. “twentytwentyfour-child”.
#2:Als Nächstes müssen Sie eine Datei erstellen und sie “style.css” nennen. Beachten Sie, dass diese Datei existieren muss.
#3：Nun müssen Sie diese neu erstellte Datei öffnen und die folgenden Informationen darin eingeben.
/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://example.com/twentytwentyfour-child/
Description: This is a child theme for Twenty Twenty-Four, created by me.
Author: Your Name
Author URI: https://example.com
Template: twentytwentyfour
Version: 1.0.0
*/Erläuterung der wichtigsten Parameter.
Theme Name:.(erforderlich)Der Name Ihres Child-Themes.Template:.(erforderlich)dies istam kritischsteneiner Linie. Sie mussperfekte ÜbereinstimmungDer Verzeichnisname des übergeordneten Themas. Zum Beispiel ist das übergeordnete ThematwentytwentyfourFüllen Sie die Lücken hier aus.twentytwentyfourDas übergeordnete Thema istDiviFüllen Sie die Lücken hier aus.Divi.Fall muss konsistent sein。Description: Eine kurze Beschreibung des Unterthemas.AuthorIhr Name.Author URIIhre Website-Adresse.Version: Die Versionsnummer des Unterthemas.
Obwohl das CSS des Child-Themes automatisch geladen wird, ist dieEs erbt nicht automatisch alle Stile des übergeordneten Themas. Eine sehr gängige und empfohlene Praxis, um einen vollständigen und zuverlässigen Ausgangspunkt für Ihre Unterthemen zu haben, ist.Importieren Sie zunächst das vollständige Stylesheet des übergeordneten Themes。
Sie können ein benutzerdefiniertes CSS zu Ihremim VorfeldVerwenden Sie @import Regeln, um dies zu erreichen.
/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://www.likacloud.com/twentytwentyfour-child/
Description: This is a child theme for Twenty Twenty-Four, created by me.
Author: Your Name
Author URI: https://example.com
Template: twentytwentyfour
Version: 1.0.0
*/
/* 导入父主题的样式以确保设计基础一致 */
@import url("../twentytwentyfour/style.css");
/* 自定义样式从这里开始 */
/* 1. 更改文章标题颜色 */
.wp-block-post-title {
color: #1a4f6e;
font-weight: 700;
}
/* 2. 更改网站背景色 */
body {
background-color: #f8f9fa;
}
/* 3. 更改主内容区域的宽度 */
.wp-block-group.alignwide {
max-width: 1280px;
}
/* 4. 自定义链接颜色 */
a {
color: #d14545;
}
a:hover {
color: #a23434;
text-decoration: none;
}zur Kenntnis nehmen
auch wenn @import ist der einfachste Ansatz, der aber aus Leistungssicht nicht optimal ist (da er paralleles Laden verhindert). Ein fortschrittlicherer Ansatz ist die Verwendung von wp_enqueue_style() in der Funktion des Unterthemas functions.php Datei fügt das Stylesheet des übergeordneten Themas in die Warteschlange ein. Für den Anfang ist jedoch die Verwendung der @import Es ist absolut machbar und leicht zu verstehen.
Zum Beispiel so:
<?php
// 确保在正确的钩子上加载样式
add_action('wp_enqueue_scripts', 'enqueue_parent_and_child_styles');
function enqueue_parent_and_child_styles() {
// 加载父主题样式
wp_enqueue_style('parent-style', get_template_directory_uri() . 'https://www.likacloud.com/style.css');
// 加载子主题样式，并指定依赖于父主题样式
// 这样可以确保子主题样式在父主题样式之后加载，保证样式覆盖生效
wp_enqueue_style('child-style',
get_stylesheet_directory_uri() . 'https://www.likacloud.com/style.css',
array('parent-style'), // 依赖关系
wp_get_theme()->get('Version') // 版本号，可选
);
}Code-Erläuterung:
add_action('wp_enqueue_scripts', 'enqueue_parent_and_child_styles')Montage von benutzerdefinierten Funktionen in WordPress-ähnliche Ladehakenget_template_directory_uri()URL des übergeordneten Themenverzeichnisses abrufenget_stylesheet_directory_uri()URL des Verzeichnisses des Unterthemas abrufen (wenn das Unterthema aktiv ist)array('parent-style')Stile des untergeordneten Themes als abhängig von den Stilen des übergeordneten Themes deklarieren, um die korrekte Ladereihenfolge zu gewährleisten
Dieser Ansatz lässt sich gut vergleichen mit @import ist effizienter, weil es den Browsern erlaubt, Stylesheets parallel zu laden und Abhängigkeiten zwischen Styles besser zu verwalten.
Sie können diesen Code einfach in das Child-Theme einfügen functions.php Datei (oder erstellen Sie eine, wenn sie nicht existiert), während Sie das bereits vorhandene Child-Theme beibehalten style.css Kopfzeilen-Informationen sind ausreichend.
Alle anderen Details können nach Ihren Wünschen geändert werden.
Sobald Sie dies getan haben, sollten Sie zu Erscheinungsbild >> Themen gehen und überprüfen, ob Ihr Child-Theme erstellt wurde. Wenn ja, können Sie es aktivieren, um zu testen, ob es das Design des Elternthemas übernimmt.
Methode 2: Plugin zur Erstellung eines Child-Themes verwenden
Wenn Ihnen die manuelle Erstellung nicht zusagt, können Sie ein kostenloses WordPress-Plugin verwenden, das die Arbeit für Sie erledigt. Es gibt viele kostenlose Plugins, die Child-Themes für Sie erstellen können und Ihnen die manuelle Arbeit ersparen. Wir werden Folgendes verwendenKonfigurator für KinderthemenPlugins, aber es steht Ihnen frei, jedes der verfügbaren Plugins zu verwenden.
#1: Erstens müssen Sie Folgendes herunterladen Konfigurator für Kinderthemen Plug-ins.
#2: Melden Sie sich nun bei Ihrer Website an und rufen Sie Ihr Dashboard auf.
#3: Navigieren Sie zu Plugins und dann zur Option Neu hinzufügen.
#4:Nun müssen Sie das soeben heruntergeladene Plugin hochladen, indem Sie auf die Option “Plugin hochladen” klicken, und es dann aktivieren.
#5:Es ist wichtig, dass Sie das Thema, für das Sie ein untergeordnetes Thema erstellen möchten, aktivieren.
#6: Dazu navigieren Sie einfach zum Abschnitt Werkzeuge und klicken auf ein Unterthema.
#7: Klicken Sie nun auf die Schaltfläche Analysieren und erstellen Sie Ihr Child-Theme gemäß den im Plugin angegebenen Einstellungen.
#8: Nun müssen Sie auf die Option “Neues Child-Theme erstellen” klicken.
Andere Vorlagendateien bearbeiten
Sie müssen diese Funktion in das Child-Theme schreiben, wenn Sie ihm eigene Funktionen hinzufügen möchten. Sie können das untergeordnete Thema verwenden, um strukturelle oder Layout-Änderungen am übergeordneten Thema vorzunehmen.
Angenommen, Sie haben die twentytwentyfour Child-Theme, in dem Sie die Anzeige einzelner Seiten ändern möchten. Der Speicherort der Einzelseite ist twentytwentyfour-child/template-parts/content-single.php
#1:Erstellen Sie im Ordner des Child-Theme eine content-single.php. Sie müssen besonders vorsichtig mit dem Namen und der Struktur sein. Sie müssen mit denen des übergeordneten Themas übereinstimmen, damit sie überschrieben werden können.
#2: Als Nächstes müssen Sie einen neuen Ordner erstellen und diese Datei darin ablegen. Achten Sie aber auf den Pfad und stellen Sie sicher, dass er genau so aussieht wie der Pfad des übergeordneten Themas.
#3: Das war's. Alles, was Sie in diesem Schritt noch tun müssen, ist, Ihren Wunschcode in content-single.php zu schreiben, der die übergeordnete Datei überschreibt.
Vorsicht! Achten Sie darauf, dass der Dateiname und der Ordnerpfad übereinstimmen müssen.
Wir hoffen, dass Sie nun problemlos Child-Themes erstellen können. Wenn Sie irgendwelche Fragen haben, fügen Sie bitte hinzuQQ-Gruppe 1398231Diskussion.
Deutsch