Support » Allgemeine Fragen » style.css eine Zeile mit 70000 Zeichen

  • Gel├Âst mucpeter

    (@mucpeter)


    Ich bin in WordPress noch relativ neu und hoffe, ich bin in diesem Forum richtig und blamiere mich nicht ­čÖé .
    Ich habe ├╝ber ein plugin vom Hueman Theme ein Child Thema erstellt. Die style.css in diesem Child Thema hat im nodepad++ eine einzige Zeile mit ├╝ber 70000 Zeichen. Ich habe darin schon Einstellungen bzgl. des Aussehens der Seite vorgenommen, die ich nicht wiederfinde, da es einfach nur unpraktisch ist in dieser 70000-Zeichen-Zeile hin und her zu scrollen. Besteht irgendeine M├Âglichkeit die einzeilge style.css automatisiert oder manuell zu formatieren?
    Ich k├Ânnte auch die mehrzeilige originale css im Child Thema verwenden, doch da fehlen mir dann die ├änderungen die ich in der einen Zeile nicht wiederfinde.
    Die Zeile f├Ąngt wie folgt an:
    .sharrre .share,a{text-decoration:none}.clear,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canv……
    Vielen Dank im Voraus.
    Peter

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • 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.

    Thread-Starter mucpeter

    (@mucpeter)

    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!

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema ÔÇ×style.css eine Zeile mit 70000 ZeichenÔÇť ist f├╝r neue Antworten geschlossen.