Support » CSS / opmaak vragen » Opmaak van een child theme stylesheet?

  • Alwin

    (@wp-opti)


    IK ben bezig met het bouwen van mijn eerste WordPress websites en maak daarbij gebruik van een Child Theme, dus met een “eigen gemaakt” style.css bestand.

    Ik heb nu zo’n 8 aanpassingen aan de website gemaakt, welke zijn opgeslagen in het style.css bestand in het Child Theme. Na het uploaden van het aangepaste style.css bestand blijkt alles prima te werken.

    Toch heb ik hierover 2 vragen:

    1 – De aanpassingen die ik doe aan de website, en welke worden opgeslagen in het syle.css bestand van het Child Theme, zijn in willekeurige volgorde in het syle.css bestand geplaatst. Ik ben dus bijvoorbeeld bezig het mobil.nav menu aan te passen en als dat klaar is (ik dat dat mbv van webdeveloper tools in de browser) dan plak ik dat stukje code onderin het style.css bestand. Van elke wijzinging die ik in het vervolg maak plak ik de gewijzigde code steeds weer onderaan in het syle.css bestand. Dat betekent dus dat allerlei codes die normaal gsproken in het originele style.css bestand in een bepaalde volgorde staan nu in mijn Child Theme styule.css door elkaar staan. Ik vraag mij af in hoeverre dat een probleem is? Alles lijkt welliswaar goed te werken maar misschien is het toch beter een bepaalde volgorde aan te houden, bijvoorbeeld ook vanwege de snelheid (laadtijd) van de website?

    2 – Wanneer ik een aanpassing maak in bijvoorbeeld de footer, dan kopieer en plak ik alleen het aangepaste stukje code in de Child Theme style.css en dus niet het gehele gedeelte dat betrekking heeft op de footer. Is dat verstandig, of is het beter dan het hele footer gedeelte over te nemen in het Child Theme?

    Bedankt alvast voor jullie hulp!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • De bedoeling van het child theme is dat je alleen je eigen wijzigingen daarin plakt.

    Dus als er staat border:solid 1px; in het “origineel” hoef jij dit niet te gebruiken in je style.css

    alleen wanneer je er bijv border:solid 2px; van maakt is het nodig.

    Verder maakt het helemaal niet uit in welke volgorde je het neerzet in de stylesheet. wel raad ik je aan om je vanaf het begin aan te leren om dit op de voor jouw juiste volgorde te doen.

    een header staat bovenaan op een site, een footer staat onderaan.
    hou dit in je stylesheet ook zo.

    indien je een keer een heel groot project hebt afgerond en je zoekt een jaar later iets in de stylesheet, dat levert onnodig veel tijd verlies op. uiteraard verteld google developer op welke regel je moet wezen, maar als je het al enigszins kan voorspellen werkt dit alleen maar prettiger.

    Alwin

    (@wp-opti)

    Bedankt Arjen, duidelijk zo!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Opmaak van een child theme stylesheet?’ is gesloten voor nieuwe reacties.