Hallo @mucpeter und willkommen im Forum,
die Komprimierung des Stylesheets erfolgt, um den Nutzer zu ärgern und aus Performance-Gründen. Die fehlenden Leerzeilen sparen besonders bei umfangreichen Stylesheets schnell ein paar Kilobyte an Daten. Das wird vom Theme-Entwickler von Hueman auch in der style.css (in der eigentlich die Stylesheet-Anweisungen stehen sollten) ausdrücklich erwähnt:
* The main reason why the main stylesheet of the Hueman theme has been moved to another place is minification.
* Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.
Oft wird bei der Erstellung des Themes eine CSS-Sprache wie SASS verwendet, bei der mit Variablen und Verschachtelungen gearbeitet werden kann. Bei der Kompilierung der Anweisungen können auch verschiedene CSS-Teile zusammengefasst und dann automatisch mit Grunt, Gulp oder einer Anwendung wie Codekit2 komprimiert werden. Diesen Code sieht sich der Entwickler dann gar nicht mehr an, er ist das fertige Ergebnis. Die CSS-Parts und unkomprimierten Stylesheets kannst du dir übrigens in Github anschauen.
Übrigens: Wenn du in den Entwicklertools deines Browsers CSS-Code anschaust, der komprimiert ist, wird unter dem Code ein Icon {} eingeblendet, mit dem du den Code statt in einem einzigen Block in einem lesbaren Format anzeigen kannst.
Noch ein Hinweis: Ein Child Theme soll immer eine Ergänzung des Parent Themes sein. Es ist also nicht sinnvoll, die 7000 Zeilen CSS-Code in das Child Theme zu übernehmen, um hier einen Schriftschnitt und dort eine Margin zu ändern. Dazu reicht es, wenn du die mit den Entwicklertools ermittelte CSS-Regel im Child Theme überschreibst. Wenn das Theme also z.B. a { text-decoration: none; } vorgibt und du nur das ändern möchtest, brauchst du nur a { text-decoration: underline; } in das Child-Theme zu übernehmen, nicht aber die restlichen 6.999 Zeilen. Und eigentlich braucht es dafür nicht einmal ein Child Theme, sondern es reicht schon die Regel im Customizer unter Zusätzliches CSS einzutragen.
Hallo @pixolin,
vielen Dank für die schnelle und ausführliche Antwort.
Dass die Vereinfachung aus Performance Gründen gewählt wurde und auch dass es gute Gründe dafür gibt, dass die style.css im Child Theme nicht den selben Umfang hat wie die im main Thema, habe ich mir schon gedacht.
Der Hinweis auf die Entwickler-Tools des Browsers und den dortigen Style Editor ist klasse.
Endlich eine Möglichkeit die Datei einigermaßen vernünftig einzusehen. Jetzt habe ich auch sofort meine Änderungen wiedergefunden.
Vielen Dank noch einmal für den tollen Support!
Viele Grüße
Peter
Gern geschehen. Ich markiere den Thread mal als „gelöst“, aber wenn noch Fragen sind, meldest du dich bitte wieder. Viel Erfolg!
