Child Theme - Farben

  • Hallo zusammen,
    das Thema "Child Theme" wurde hier schon sehr oft diskutiert.
    Ich habe eins erstellt und es klappt auch soweit. Die style.css arbeitet hervorragend.
    In dem Original-Thema ist noch ein Ordner Color/red.css.
    Auch diese Struktur habe ich im Child-Theme übernommen und dort ein paar Farben verändert.
    Leider wirk sich diese red.css NICHT auf das Thema aus. Sondern es wird nach wie vor die Original-CSS Datei geladen.
    Wo ist mein Denkfehler?
    Zurzeit überschreibe ich einfach die Original-Datei im Original-Thema und es funktioniert. Allerdings muss ich diesen Schritt bei jedem Update erneut machen.
    Gibt es eine ordentliche Lösung oder soll ich einfach den Inhalt der red.css in die style.css im Child-Theme kopieren?

    Vielen Dank im Voraus. Ich stehe nämlich auf dem Schlauch :-D
    Viele Grüße
    Dee

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Schau mal beim Aurufen des Quellcode, ob der Pfad zur red.css noch genauso lautet? Wahrscheinlich wird automatisch die orginal Style.css genutzt und sollte eben die red.css nicht gefunden werden, bleiben eben die Formatierung auf Standard.

  • Hallo misaf,
    danke für Deine schnelle Antwort.
    Ich habe nachgeschaut. Auf der Webseite wird tatsächlich der Pfad auf das Original Thema gelinkt und nicht auf das Child-Theme. So lädt er die Datei aus dem Ordner "Originalthema/color/red.css" und nicht aus "Child-Theme/color/red.css".
    Kann ich das irgendwie ändern?
    Danke im Voraus !!!

  • Wenn es einzelnen Angaben sind setze einmal ein !important hinter die Angaben in deiner Child CSS Datei.

    Beispiel: body {color: green !important;}

    Nein, dem habe ich nichts hinzuzufügen :-)
    [HR][/HR]

  • Die red.css ist entweder in der header.php oder in der functions.php des Themes eingebunden.

    Falls Sie in der header.php eingebunden ist einfach die Header.php ins child kopieren und evtl. Pfad anpassen

    Falls das Stylesheet in der functions.php eingebunden wird:
    [COLOR=#000000][COLOR=#0000BB]wp_deregister_style[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]$handle[/COLOR][COLOR=#007700])

    [/COLOR][COLOR=#0000BB][/COLOR][/COLOR]danach die Kopie vom Stylesheet registrieren.

  • Hallo zusammen,
    vielen DANK für Eure Antworten. Also es ist tatsächlich so, dass es in der functions.php eingebunden wird:

    </style>
    <link rel='stylesheet' id='parent-theme-css-css' href='http://www.....de/wp-content/the…e.css?ver=4.2.3' type='text/css' media='all' />
    <link rel='stylesheet' id='catchbox-style-css' href='http://www.....de/wp-content/the…e.css?ver=4.2.3' type='text/css' media='all' />
    <link rel='stylesheet' id='genericons-css' href='http://www.....de/wp-content/plu…ons.css?ver=3.1' type='text/css' media='all' />
    <link rel='stylesheet' id='red-css' href='http://www.....de/wp-content/themes/catch-box/colors/red.css' type='text/css' media='all' />
    <link rel='stylesheet' id='slb_core-css' href='http://www.....de/wp-content/plu…p.css?ver=2.4.1' type='text/css' media='all' />
    <link rel='stylesheet' id='jetpack_css-css' href='http://www.....de/wp-content/plu…k.css?ver=3.6.1' type='text/css' media='all' />

    Die style.css wird erst aufgerufen und danach die style.css aus dem Child Theme.
    Nur die red.css wird aus dem Original-Theme abgerufen.

    In meiner functions.php des Child-Theme steht folgendes:

    <?php
    add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' );
    function my_child_theme_scripts() {
    wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' );
    wp_deregister_style($handle);
    wp_enqueue_style( 'catchbox-style', get_stylesheet_uri() . '/colors/red.css' );
    }
    ?>

    Ich habe NDDT's Idee aufgegriffen. Aber es klappt nicht. Habe das auch noch nie so programmiert und keinerlei Erfahrung.
    Habe ich die red.css falsch registriert?

    Jemand eine Idee?
    Vielen DANK im Voraus.
    Gruß
    Dee

    P.S: Die HP befindet sich zur Zeit offline, daher kann ich keinen Link schicken :-(

  • Hallo zusammen. Vielen Dank für die Antworten. Sehr cool.
    Hab vor 2 Stunden eine längere Antwort mit Code geschrieben die aber irgendwie noch geprüft werden muss. Wie lange das dauert weiß ich nicht. Komisch.
    Auf jeden Fall ist die Red.css in der functions.php verlinkt. Nur wie ich das in meine Version einbinde weiß ich leider nicht wirklich.
    Mal warten bis meine Antwort vom Moderator hier frei geschaltet wurde.

  • Danke.
    Bin trotzdem noch irgendwie überfragt.
    Ich hatte dort dann mal

    wp_dequeue_style( 'red' ); wp_deregister_style( 'red' );


    wp_register_style( 'red', get_stylesheet_directory_uri() . '/colors/red.css' );
    wp_enqueue_style( 'red' );

    eingegeben aber so 100% hat es nicht geklappt. Daher habe ich es wieder aus der functions.php gelöscht. Hatte mal deregister ... gegoogelt.

    Die Homepage ist auch jetzt Online unter http://www.derekandtheclaptones.de

    Wenn ich nur [COLOR=#333333]wp_deregister_style($red); eingebe, fehlt ja noch etwas.[/COLOR]
    [COLOR=#333333]:-([/COLOR]

    [COLOR=#333333]Falls mir noch jemand helfen kann, bin ich dankbar.

    [/COLOR]

  • Danke, gelöst

    Habe noch einmal bisschen experimentiert und gelesen:

    wp_deregister_style( 'red');
    wp_enqueue_style( 'childtheme-red', get_stylesheet_directory_uri().'/colors/red.css', array('red') );

    Hiermit klappt es.
    VIELEN DANK an ALLE !!!
    Gruß
    Dee

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!