Frage zum Child Theme und Ordnern vom Parent-Theme

Kurier

Hallo,

folgender Sachverhalt:

ich möchte gern das Catch-Box-Theme verwenden. Das Erstellen eines Childthemes mit der style.css ist an sich klar.
Nur ist es bei dem Theme so, dass die Farbe des Menues sich in einer anderen css-Datei befindet (theme/catch-box/colors/blue.css).

Dort habe ich auch die Zeile gefunden, welche ich ändern kann (über Firebug getestet). Wie kann ich dies aber nun mit dem Child-Theme gewährleisten? Muss ich da auch eine blue.css mit dieser Ordnerhierachie anlegen?

Danke.

Werbepost

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

gericoach

kopiere die entsprechenden Zeilen aus der blue.css raus und setze sie in die style.css des childs. Das child wird als letztes gelesen und überschreibt entsprechende vorherige Anweisungen.

Kurier

Hallo,

das funktioniert leider nicht! Habe z.B. den gesamten Inhalt der blue.css eingefügt und div. Farben geändert - leider ohne Erfolg.

mensmaximus

Versuche einmal eine Regel mit !important zu finalisieren.

gericoach

der aufbau sollte in etwa so aussehen (beachte die Reihenfolge):

Code

@charset "UTF-8";


/**
 * Theme Name:     NamedesOriginalsplus child erweiterung wie z.B. twentytenchild
 * Theme URI:      http://...
 * Description:    Child theme for the Twenty Ten theme. 
 * Author:         Hans Wurst
 * Author URI:     http://hw.de/
 * Template:       twentyten
 * Version:        0.1.0
 */


@import url('../twentyten/style.css');
@import url('../twentyten/Ordner-in-dem-blue-liegt/blue.css');


und ab hier deine persönlichen Änderungen rein;

Alles anzeigen

mensmaximus

Anmerkung:

Zitat von gericoach

Code

@import url('../twentyten/style.css');
@import url('../twentyten/blue.css');

Import ist nicht mehr die empfohlene Vorgehensweise. Die CSS Definitionen sollen per wp_enqueue_scripts geladen werden.

gericoach

mm: yep, hab ich auch gerade gelesen, muss mich auch erst umgewöhnen :)

Kurier

Vielen Dank für die Rückmeldungen.

War mit das mit dem Import eigentlich noch klar, verstehe ich aber die Vorgehensweise mit !important leider nicht - ist mir neu. Befürchte das mir als Gelegenheitswordpresser da wohl die Grenzen aufgezeigt werden. Kann das ggf. von Euch jemand näher erläutern?

Nebenbei: ich habe bei den Themeoptionen herumgespielt und bei "benutzerdefinierter CSS-Stil" einmal einen Codeschnipsel hinterlegt. Das scheint zu funktionieren, bin aber nicht sicher ob dies jetzt die korrekte Vorgehensweise ist, bzw. bei einem Update nicht wieder verloren geht.

mensmaximus

Mit !important wird eine Regel als endgültig definiert und kann nicht mehr überschrieben werden. Beispiel:

#myid { color: #000000 !important; }

In diesem Fall kann keine nachfolgende Regel die Textfarbe des Tags mit der ID myid ändern. Der Text bleibt immer schwarz.

Wenn Dein Theme ein Custom CSS Feld hat, kannst Du es verwenden. Allerdings sollte man dort nur wenige Regeln einsetzen, da diese aus der Datenbank gelesen werden, was zusätzlich Zeit kostet. Außerdem werden solche Regeln meistens als Inline CSS in die Seite geschrieben, was vermieden werden sollte (Stichwörter: PageSpeed, Minify). Updates überleben solche Einträge immer (sofern der Entwickler keinen Mist baut ;-))

gericoach

diese custom.css wird bei updates nicht berührt, das ist die Idee dahinter...

Kurier

dann werde ich wohl weiter in die Richtung versuchen, oder, auch wenn es nicht mehr aktuell ist, trotzdem mit import probieren. Zu der neueren Vorgehensweise finde ich noch keine deutschsprachigen Tutorials.
Und leider hat mein Theme ja mehrere css-Dateien.

Was ich noch gefunden habe wäre ein Plugin: https://wordpress.org/plugins/child-theme-configurator/. Ist aber auch Einarbeitung erforderlich.

Noch etwas OT: ich verwende ja Firebug. Wie kann ich das so einstellen, dass der Code nicht immer verschwindet, wenn ich mit der Maus z.B. bei "hover" wieder verlasse?

Kurier

Ich bräuchte jetzt doch noch Unterstützung. Wo finde ich diesen Wert lt. Screenshot, es gibt hier nur einen Verweis auf "inline" und keine css, etc

Aufgrund dieses Wertes ist das Wort, wenn man mit der Maus darüberfährt, nicht mehr lesbar (Schriftfarbe und dieser Eintrag eine Farbe). Generell bräuchte ich diesen Eintrag nicht.

gericoach

Zitat

Wo finde ich diesen Wert lt. Screenshot

wo ist der link zum problem?

Kurier

Kann nur auf den o.g. Screenshot verweisen, .... die Installation läuft derzeit noch lokal mit xampp. I.d.R. steht doch da die css-Datei mit der Zeilennr. Jetzt aber nur "Inline", k.A. wo ich diesen Wert ändern kann.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Frage zum Child Theme und Ordnern vom Parent-Theme

Jetzt mitmachen!