Aus unserem WordPress Lexikon:

Child Theme

Ein „Child Theme“ in WordPress ist eine Art von WordPress-Theme, das die Funktionalität eines anderen Themes, des sogenannten „Parent Themes“ (Eltern-Themes), erbt und erweitert. Child Themes sind eine sichere und empfohlene Methode, um Änderungen an einem bestehenden Theme vorzunehmen, ohne das ursprüngliche Theme selbst zu verändern. Dies ermöglicht es Benutzern, Anpassungen vorzunehmen, ohne die Möglichkeit zu verlieren, das Parent Theme zu aktualisieren.

Child Themes sind ein wesentlicher Bestandteil der WordPress-Theme-Entwicklung und -Anpassung. Sie bieten eine sichere und update-freundliche Methode, um Änderungen an einem Theme vorzunehmen, ohne das Risiko einzugehen, diese Änderungen bei einem Update zu verlieren. Durch die Verwendung eines Child Themes können Sie die volle Kontrolle über das Design und die Funktionalität Ihrer Website behalten, während Sie gleichzeitig von den Updates und der Sicherheit des Parent Themes profitieren.

Warum Child Themes verwenden?

  1. Sicherheit bei Updates: Wenn Sie direkt Änderungen an einem Parent Theme vornehmen und das Theme später aktualisiert wird, gehen Ihre Änderungen verloren. Mit einem Child Theme bleiben Ihre Anpassungen erhalten, auch wenn das Parent Theme aktualisiert wird.
  2. Einfache Anpassungen: Child Themes ermöglichen es Ihnen, das Design und die Funktionalität des Parent Themes zu ändern, ohne tief in den Code eingreifen zu müssen.
  3. Fehlervermeidung: Da das Parent Theme unverändert bleibt, verringert sich das Risiko, dass Ihre Änderungen zu Fehlern im Theme führen.

Erstellen eines Child Themes

Um ein Child Theme zu erstellen, müssen Sie:

  1. Ein neues Theme-Verzeichnis erstellen: Erstellen Sie im Verzeichnis /wp-content/themes/ einen neuen Ordner für Ihr Child Theme.
  2. Eine style.css-Datei erstellen: Diese Datei ist erforderlich und muss Informationen über das Child Theme enthalten, einschließlich des Namens des Parent Themes. Hier ist ein Beispiel für den Kopfbereich der Datei:
    css
    *
    Theme Name: Twenty Twenty-One Child
    Theme URI: http://example.com/twenty-twenty-one-child/
    Description: Twenty Twenty-One Child Theme
    Author: John Doe
    Author URI: http://example.com
    Template: twentytwentyone
    Version: 1.0.0
    */

    Template: ist der wichtigste Teil, da er den Ordner des Parent Themes angibt.

  3. Eine functions.php-Datei erstellen: Diese Datei wird verwendet, um Funktionen von Ihrem Child Theme hinzuzufügen oder zu überschreiben. Um die Styles des Parent Themes zu erben, fügen Sie einen Code hinzu, der die style.css des Parent Themes einbindet:
    php
    <?php
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
    function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }
  4. Aktivieren Sie das Child Theme: Gehen Sie in Ihrem WordPress-Dashboard zu „Design“ > „Themes“ und aktivieren Sie Ihr Child Theme.

Anpassungen im Child Theme

  • CSS-Änderungen: Sie können CSS-Regeln in der style.css-Datei des Child Themes hinzufügen, um das Aussehen des Themes anzupassen.
  • PHP-Änderungen: Um Template-Dateien zu ändern, kopieren Sie sie aus dem Parent Theme-Verzeichnis in das Child Theme-Verzeichnis und nehmen Sie Ihre Änderungen vor. WordPress wird diese Dateien anstelle der Dateien im Parent Theme verwenden.
  • Funktionsänderungen: Sie können neue Funktionen hinzufügen oder bestehende Funktionen des Parent Themes in der functions.php-Datei des Child Themes überschreiben.

Hinterlassen Sie einen Kommentar