Child Theme-Stylesheet wird nicht genutzt

Ludwig_Erhardt · 14. August 2014

Hallo,

ich wollte ein Child Theme für BoldR Lite anlegen, weil ich vor allem die Farben geändert habe und bei einem Update nicht alles verlieren will.
Geändert habe ich eigentlich nur die Datei boldr-lite/css/boldr.min.css .

Also habe ich unter themes/boldr-lite-child/ ein Child Theme angelegt mit einer Datei style.css, die wie folgt aussieht:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
Dann habe ich unter themes/boldr-lite-child/css/ mein modifiziertes Stylesheet boldr.min.css abgelegt.

Jetzt wird in Wordpress selbst als Vorschau der richtige Style angezeigt, aber wenn ich ihn publiziere erscheint der Style aus dem original Stylesheet.

Was mache ich falsch?

gericoach · 14. August 2014

wo rufst du z.B. die original style.css auf? Und wo die geänderte Datei?

@import url("../boldr-lite/style.css");
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Ludwig_Erhardt · 14. August 2014

Im original style.css steht nix drin, außer den Theme-Informationen. Ich hab das

@import url("../boldr-lite/style.css");
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

anfangs in meiner style.css drin gehabt, aber das hat (glaub ich) nichts bewirkt.

Die geänderte Datei liegt einfach in themes/boldr-lite-child/css/boldr.min.css
Ich dachte, die wird als erstes geladen und wird deshalb beim Template übersprungen. Oder nicht?

SirEctor · 14. August 2014

Wenn ich mich nicht irre, braucht ein Child-Theme eine style.css im Child-Verzeichnis.

Ludwig_Erhardt · 14. August 2014

Zitat von SirEctor: ↑

Wenn ich mich nicht irre, braucht ein Child-Theme eine style.css im Child-Verzeichnis.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Hab ich doch

Zitat von Ludwig_Erhardt: ↑

Also habe ich unter themes/boldr-lite-child/ ein Child Theme angelegt mit einer Datei style.css, die wie folgt aussieht: [...]
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Mein Dateibaum schaut so aus:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
[/I]

SirEctor · 14. August 2014

Die geänderte Datei liegt einfach in themes/boldr-lite-child/css/boldr.min.css
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Sorry, dann habe ich es falsch verstanden.
Nutzt Du ein Cache-Plugin?

gericoach · 14. August 2014

und nochmal: in Deiner child style.css muss die Original ringebettet werden, siehe Code. Das hast Du aber nicht gemacht.

Ludwig_Erhardt · 14. August 2014

Zitat von SirEctor: ↑

Nutzt Du ein Cache-Plugin?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Ja, das hab ich. Ich hab Quick Cache mal deaktiviert und voilla, es geht. Nach dem Reaktivieren bleibt auch alles an Ort und Stelle.

Danke!

SirEctor · 14. August 2014

Zitat von Ludwig_Erhardt: ↑

ach dem Reaktivieren bleibt auch alles an Ort und Stelle.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Aber bei weiteren Änderungen musst Du es wieder deaktivieren, bevor Du diese siehst.

Und gericoach hat Recht. Du solltest die Original-CSS einbinden. Sonst musst Du Deine CSS komplett neu schreiben, was Du sicherlich nicht willst. Da schreibt man ja nur Änderungen rein.

Ludwig_Erhardt · 14. August 2014

Das versteh ich nicht ganz. Die style.css im root-Verzeichnis des Themes hab ich jetzt mal eingebunden.

@import url("../boldr-lite/style.css");
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Wenn ich aber

@import url("../boldr-lite/css/boldr.min.css");
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

auch einbinde, dann überschreibt mir das ja meine Änderungen.

SirEctor · 14. August 2014

Du machst den Import als erstes und danach Deine Änderungen. Dann gelten Deine Änderungen, weil die später kommen.

gericoach · 14. August 2014

Das Prinzip ist: wp schaut auf Dein Theme und die Child. Dann wird z.B. die style.css abgearbeitet via @Import. Darunter packst Du alle Änderungen, Bsp. einer Child style.css:

/*
Theme Name: bolt-lite dingenskirchen
Theme URI:
Description: hier steht was für eine tolle Sache Du da machst
Author: Daten-Boss
Author URI:
Template: twentytwelve
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentytwelve/style.css");

/* == Ab hier kommt Dein eigener Kram, die Änderungen ==
--------------------------------------------*/

.entry-header .entry-title {
display: none;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

So machst Du es auch mit anderen Dateien, die Du dann in den Child POrdner packst. Natürlich muss der Aufruf(Pfad) dann zumeist angepasst werden.

WPDE.org

Child Theme-Stylesheet wird nicht genutzt

Ludwig_Erhardt Member

gericoach Well-Known Member

Ludwig_Erhardt Member

SirEctor Well-Known Member
Ehrenmitglied

Ludwig_Erhardt Member

SirEctor Well-Known Member
Ehrenmitglied

gericoach Well-Known Member

Ludwig_Erhardt Member

SirEctor Well-Known Member
Ehrenmitglied

Ludwig_Erhardt Member

SirEctor Well-Known Member
Ehrenmitglied

gericoach Well-Known Member

Nützliche Suchen

Child Theme-Stylesheet wird nicht genutzt

Ludwig_Erhardt Member

gericoach Well-Known Member

Ludwig_Erhardt Member

SirEctor Well-Known Member Ehrenmitglied

Ludwig_Erhardt Member

SirEctor Well-Known Member Ehrenmitglied

gericoach Well-Known Member

Ludwig_Erhardt Member

SirEctor Well-Known Member Ehrenmitglied

Ludwig_Erhardt Member

SirEctor Well-Known Member Ehrenmitglied

gericoach Well-Known Member

SirEctor Well-Known Member
Ehrenmitglied

SirEctor Well-Known Member
Ehrenmitglied

SirEctor Well-Known Member
Ehrenmitglied

SirEctor Well-Known Member
Ehrenmitglied