Erstellen und passen Sie ein untergeordnetes WordPress-Theme an

Wie funktionieren WordPress Child Themes?

Ein Child-Theme wird in einem separaten Verzeichnis vom Parent-Theme gespeichert. Jedes Mal hat seine eigenen style.css- und functions.php-Dateien. Während Sie mindestens zwei Dateien im untergeordneten Themenverzeichnis haben müssen, können Sie auch andere Dateien hinzufügen, damit es ordnungsgemäß funktioniert. Die beiden absoluten Mindestdateien können Ihnen dabei helfen, Styling, Codierung und Skripte sowie Layoutparameter zu ändern. Wenn ein Benutzer Ihre Website besucht, lädt WordPress das untergeordnete Thema und füllt dann fehlende Stile und Funktionen mit einem Teil des übergeordneten Themas. Auf diese Weise können Sie das Beste aus Ihrem untergeordneten Thema herausholen und es anpassen, ohne die Kernfunktionalität des übergeordneten Themas zu opfern.

So erstellen Sie ein Child-Theme

Es gibt mehrere Möglichkeiten, ein Child-Theme zu erstellen. Sie können dies manuell tun, indem Sie einen FTP-Client oder ein Dateiverzeichnis verwenden, oder Sie können ein untergeordnetes Thema mithilfe eines Plugins oder eines Online-Generators erstellen.

Manuell

Um ein untergeordnetes Design manuell zu erstellen, müssen Sie einen FTP-Client oder einen Dateimanager verwenden. Beachten Sie auch, dass wir hier eine style.css-Datei basierend auf dem Design Twenty Seventeen erstellen.

• Greife über einen FTP-Client oder einen Dateimanager auf deinen Ordner public_html > wp-content > themes zu
• Hier sollten Sie einen neuen Ordner erstellen. Konventionen besagen, dass Sie diesen Ordner mit dem Namen des übergeordneten Designs benennen sollten, aber -child als Suffix hinzufügen sollten. Hier lautet der Name des neuen Ordners Twentyseventeen-Child.
• Erstellen Sie eine style.css-Datei im Ordner und fügen Sie diesen Code hinzu:

 /* Theme Name: Twenty Twenty Child Theme URL: http://yourdomain.com Description: Twenty Twenty Child Theme Author: Your Name Author URL: http://yourdomain.com Template: twentytwenty Version: 1.0.0 Text Domain: twentytwenty-child */

• Passen Sie die Werte nach Bedarf an. Achten Sie besonders auf die Template-Zeile, da sie WordPress mitteilt, mit welchem ​​Parent-Theme Ihr Child-Theme verwandt ist. Wenn Sie fertig sind, speichern Sie Ihre Änderungen und schließen Sie.
• Erstellen Sie mit einem Texteditor eine weitere Datei namens functions.php, aber kopieren Sie nicht den Code aus dem übergeordneten Design. Kopieren Sie diesen Code und fügen Sie ihn dort in die leere Datei ein:

 <?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); } ?>

• Nachdem Sie diese Datei gespeichert und geschlossen haben, besuchen Sie Ihre Website und gehen Sie zu Aussehen > Design. Aktivieren Sie das untergeordnete Thema, und Sie werden feststellen, dass es genauso aussieht wie sein übergeordnetes Thema.

Verwenden eines Child-Theme-Plugins

Die Verwendung eines Child-Theme-Plugins könnte einfacher und intuitiver sein. Hier sind einige der Plugins, die Sie beispielsweise verwenden können: Child Theme Generator, Child Theme Configurator oder Child Theme Wizard. Denken Sie daran, dass die Verwendung von Plugins auch einige Kenntnisse erfordert. Beispielsweise müssen Sie möglicherweise ein Plugin deaktivieren, ohne auf Ihren Admin-Bereich zuzugreifen, da Sie möglicherweise irgendwann keinen Zugriff mehr darauf haben. Und dafür braucht es etwas Geschick. Insgesamt ist es jedoch normalerweise einfach, mit Plugins zu arbeiten, also haben Sie keine Angst, sie zu verwenden.

Verwendung eines Online-Generators

Die Verwendung eines Online-Child-Theme-Generators macht diesen Prozess noch einfacher. Sie müssen nur zu https://childtheme-generator.com gehen und den Schritten folgen. Wenn Sie das Design erstellen und herunterladen, gehen Sie zu Aussehen > Design und laden Sie Ihr untergeordnetes Design hoch und aktivieren Sie es.

So passen Sie das Child-Theme an

Um Ihr untergeordnetes Thema anzupassen, müssen Sie wissen, wie Elemente auf der Webseite überprüft werden, und die grundlegenden CSS-Regeln verstehen. Um Ihr Child-Theme zu personalisieren, gehen Sie vom aktiven Child-Theme zu Anpassen>Zusätzliches CSS.

Hintergrundfarbe ändern

Der richtige Hintergrund spielt beim Erscheinungsbild der Website eine wichtige Rolle. Während Sie in WordPress ein Hintergrundbild hinzufügen können, sprechen wir hier nur über das Ändern der Hintergrundfarbe Ihres untergeordneten Designs. Fügen Sie dazu diese CSS-Regel hinzu:

Ändern Sie die Farbe der Seitenleiste

Dies ist die CSS-Regel, die Sie einfügen sollten, um die Farbe der Seitenleiste zu ändern:

Um die Schriftart, -größe und -farbe Ihres untergeordneten WordPress-Themes zu ändern, fügen Sie den folgenden Code ein. Beachten Sie, dass das p-Tag den Absatztext darstellt.