Support » Allgemeine Fragen » child-theme

  • Gelöst seso2018

    (@seso2018)


    Hallo,
    ich stehe momentan vollkommen auf dem Schlauch.
    Im Rahmen einer einfachen Testumgebung (noch keine Website) wollte ich das Erstellen eines child-themes ausprobieren.
    Dazu habe ich auf gleicher Ebene auf der es den Ordner tiny-framework gibt, einen Ordner angelegt mit dem Namen tiny-framework-child.
    In dem neuen Ordner habe ich 2 Dateien angelegt: functions.php und styles.css.
    In der php-Datei seht folgender Code:

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

    In der css-Datei steht zum Test recht einfacher CSS-Code:

    /*
     Theme Name:  tiny-framework-child
     Description:   	 CSS-Aenderungen 
     Author:	 S.B.
     Author URI:	 http://wordpress.p440484.webspaceconfig.de
     Template: 	 tiny-framework
     Version:	1.0
    */
    h1 {font-size: 20px; color: red; }
    h2 {font-size: 25px; color: green; }
    h3 {font-size: 28px;  color: blue; }
    h4 {font-size: 12px;  color: magenta; }
    

    Passiert ist allerdings gar nicht.
    Mir ist auch vollkommen unklar was parent-style und child-style eigentlich ist.
    Auch frage ich mich, wie wordpress überhaupt auf die Idee kommen soll, diese Dateien zu lesen.

    Ich habe danach, um den den css-code zu testen, die 4 Zeilen einfach am Ende der regulären styles.css eingetragen. Ergebnis: noch nicht einmal das funktioniert. Lediglich h1 wird angenommen. :-((

    Für jeden Tpip bedanke ich mich vielmals im Voraus.

    Moderationshinweis: Bitte nutze beim Erstellen von Beiträgen auch die Formatierungs-Buttons, besonders bei Code. Das verbessert die Lesbarkeit deines Codes. Danke, Bego

    • Dieses Thema wurde geändert vor 6 Jahren, 1 Monat von Bego Mario Garde. Grund: Code-Auszeichnung korrigiert

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Child Themes sind Ergänzungen zu einem vorhandenen Theme, dem Parent Theme. Sie müssen im WordPress-Backend unter Design Themes aktiviert werden und das Parent Theme muss weiterhin installiert sein.

    Die Funktion, die du in der functions.php des Child Themes eingetragen hast, sorgt dafür, dass sowohl das Cascading Style Sheet des Parent Theme wie auch ein Style Sheet des Child Themes geladen werden.

    Wenn du allerdings außer Ergänzungen im Style Sheet sonst keine weiteren Anpassungen an Templates vornimmst, ist ein Child Theme eigentlich etwas zu viel des Guten; dazu reichen auch Style-Regeln im Customizer unter Zusätzliches CSS.

    Thread-Starter seso2018

    (@seso2018)

    Hallo Bego und danke für dein feedback.

    Die Probleme mit dem CSS habe ich inzwischen weitestgehenst geklärt.
    Der Code ist natürlich richtig. Das Problem taucht bei anderen Themes nicht auf. Dass ich den Code auch unter Zusätzliches CSS eintragen kann, weiß ich.

    Die erforderliche Aktivierung unter Design Themes hatte ich überlesen.
    Nun gibt es noch folgede Probleme:
    Hier steht:

    Beschädigte Themes
    „tiny-framework-child Es fehlt ein Stylesheet.“

    Was fehlt an meinem Code?

    Und noch einmal die Frage:
    Was bedeuten in der php-Datei ‚parent-style‘ und ‚child-style‘?
    Sind dies absolut frei vergebene Namen? Ist der php-Code richtig?

    Danke nocheinmal im Voraus.

    Das Stylesheet muss style.css heißen, nicht styles.css.

    parent-style ist einfach nur ein Bezeichner, der als Dependency für das Stylesheet des Child-Themes verwendet wird, damit die Reihenfolge stimmt. Die Bezeichner kannst du frei wählen.

    Thread-Starter seso2018

    (@seso2018)

    Danke Bego,

    hat geklappt.

    Wenn auch nicht grad beim ersten Theme. Aber beim dritten. ;-))

    LG
    Sabine

    Ich habe nicht versagt. Ich habe nur 10.000 Wege gefunden, die nicht funktionieren.

    Thomas A. Edison

    😉

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „child-theme“ ist für neue Antworten geschlossen.