So erstellst du ein Child-Theme für das WordPress-Theme Twenty Twenty-Four

Ein Child-Theme ist eine sichere und effektive Möglichkeit, Anpassungen an deinem WordPress-Theme vorzunehmen, ohne die ursprünglichen Dateien des Parent-Themes zu verändern. In dieser Anleitung zeigen wir dir Schritt für Schritt, wie du ein Child-Theme für das Twenty Twenty-Four-Theme erstellst.

1. Erstelle einen neuen Ordner für dein Child-Theme

• Gehe zu deinem WordPress-Verzeichnis: Navigiere zu wp-content/themes/.
• Erstelle einen neuen Ordner: Benenne ihn zum Beispiel twentytwentyfour-child.

2. Füge die style.css Datei hinzu

1. Erstelle eine neue Datei: Öffne einen Texteditor und erstelle eine Datei namens style.css.

2. Füge den folgenden Code in die style.css Datei ein:

/*
 Theme Name: Walid Alghanim
 Template:   twentytwentyfour
 Description: Child Theme of Twenty Twenty-Four
 Version: 1.0.0
 */

• Theme Name: Der Name deines Child-Themes.
• Template: Der Verzeichnisname des Parent-Themes, hier twentytwentyfour.
• Description: Eine kurze Beschreibung deines Child-Themes.
• Version: Die Version deines Child-Themes

3. Speichere die Datei: Lege sie im Ordner twentytwentyfour-child ab.

3. Füge die functions.php Datei hinzu

1. Erstelle eine neue Datei: Öffne einen Texteditor und erstelle eine Datei namens functions.php.
2. Füge den folgenden Code in die functions.php Datei ein:

<?php
// Theme-Setup-Funktion
function theme_slug_setup() {
    // Unterstützung für Block-Stile aktivieren
    add_theme_support( 'wp-block-styles' );
}
add_action( 'after_setup_theme', 'theme_slug_setup' );

// Stylesheets des Parent-Themes einbinden
function walid_ghanim_enqueue_styles() {
    wp_enqueue_style( 
        'walid-ghanime-style', 
        get_parent_theme_file_uri( 'style.css' )
    );
}
add_action( 'wp_enqueue_scripts', 'walid_ghanim_enqueue_styles' );

• theme_slug_setup: Diese Funktion aktiviert die Unterstützung für Block-Stile.
• walid_ghanim_enqueue_styles: Diese Funktion bindet das Stylesheet des Parent-Themes in dein Child-Theme ein.

3. Speichere die Datei: Lege sie im Ordner twentytwentyfour-child ab.

4. Aktiviere das Child-Theme

• Gehe zu deinem WordPress-Adminbereich: Melde dich bei deinem WordPress-Backend an.
• Navigiere zu “Design” > “Themes”: Hier siehst du eine Liste aller verfügbaren Themes.
• Aktiviere dein Child-Theme: Finde das “Walid Alghanim” Child-Theme und klicke auf “Aktivieren”.

5. Teste dein Child-Theme

• Überprüfe deine Website: Stelle sicher, dass das Child-Theme korrekt aktiviert ist und dass das Stylesheet des Parent-Themes geladen wird.
• Passe das Child-Theme an: Du kannst jetzt Anpassungen an deinem Child-Theme vornehmen, ohne die Dateien des Parent-Themes zu verändern.