Ein Kadence Child Theme erstellen

VonSabine

Du möchtest Änderungen an einer Kadence-Datei wie beispielsweise der style.css oder functions.php vornehmen und diese nach einem Theme-Update nicht verlieren? Dann könnte ein Child-Theme das Richtige für dich sein.

Alles was du brauchst, um ein Kadence-Child-Theme zu erstellen

Um ein Child-Theme zu erstellen benötigst du drei Dinge:

  1. einen Ordner
  2. eine Datei style.css
  3. eine Datei functions.php
  4. optional: ein screenshot.png (das ist das Vorschau-Bild)

Es geht los

  • erstelle einen Ordner und nenne ihn kadence-child.
    Dieser Ordner wird das Hauptverzeichnis deines Child-Themes sein
  • erstelle eine neue Datei namens style.css und öffne sie in einem Texteditor. Füge den folgenden Code ein:

/*
Theme Name: Kadence Child
Theme URL: https://DEINE DOMAIN HIER
Template: kadence
Author: DEIN NAME HIER
Description: Ein Kadence Child Theme.
Version: 1.0
*/

  • ersetze die Platzhalter „DEINE DOMAIN HIER“ und „DEIN NAME HIER“ mit deinen eigenen Daten
  • erstelle dann eine neue Datei namens functions.php und öffne sie in einem Texteditor. Füge dann den folgenden Code unverändert ein:

<?php
function child_theme_styles() {
wp_enqueue_style( ‚parent-style‘, get_template_directory_uri() . ‚/style.css‘ );
wp_enqueue_style( ‚child-theme-css‘, get_stylesheet_directory_uri() .’/style.css‘ , array(‚parent-style‘));
}
add_action( ‚wp_enqueue_scripts‘, ‚child_theme_styles‘ );?>

  • verschiebe deine soeben erstellten Dateien style.css und functions.php in deinen Ordner kadence-child
  • optional: wenn du ein Vorschaubild für dein Child-Theme erstellen möchtest, erstelle ein Bild mit den Maßen 1200×900 Pixel und speichere es als screenshot.png im Ordner kadence-child
  • zippe den Ordner kadence-child, um so ein Archiv zu erstellen
  • gehe in deinem WordPress-Dashboard zu „Design“
  • klicke auf „Themes“
  • klicke im rechten Fenster weiter oben auf „Theme hinzufügen“
  • klicke auf „Theme hochladen“
  • wähle das zuvor erstellte ZIP-Archiv aus und klicke auf „Installieren“
  • nach der Installation musst du nur noch das Child-Theme aktivieren

WICHTIG: Damit das Child-Theme funktioniert, muss das Haupt-Theme (in diesem Fall Kadence), ebenfalls installiert sein. Zur Erklärung: Das Child-Theme erbt die Funktionalitäten des Haupt-Themes und ermöglicht es dir, Anpassungen vorzunehmen, ohne die Originaldateien des Haupt-Themes zu ändern.

Jetzt hast du dein eigenes Kadence Child-Theme erstellt und kannst Dateien nach Belieben anpassen, ohne Gefahr zu laufen, deine Änderungen bei einem Theme-Update zu verlieren.

Brauchst du überhaupt ein Child-Theme?

Nein!

Für geringfügige Style-Änderungen benötigst du KEIN Child-Theme. Diese Anpassungen kannst du besser direkt und dazu noch völlig unkompliziert im Customizer vornehmen:

  • gehe zum Dashboard und klicke auf „Design“
  • klicke hier auf „Customizer“
  • in dem sich öffnenden Fenster findest du weiter unten „Zusätzliches CSS“
  • dort kannst du deinen CSS-Code einfügen und so deine gewünschten Anpassungen vornehmen

Für Anpassungen an der Datei functions.php gibt es ebenfalls eine bessere Lösung als ein Child-Theme: die Verwendung eines sogenannten Code-Snippets-Plugins. Diese Plugins sind vielseitig und dadurch wahre Gamechanger!