Sådan fungerer et child theme
Et child theme fungerer som et lag af tilpasninger oven på et eksisterende WordPress-tema. Det oprindelige tema kaldes et parent theme, eller forældertema, og leverer grundlaget for hjemmesidens design og funktionalitet.
De to temaer ligger i hver sin mappe. Du aktiverer dit child theme i WordPress, men forældertemaet skal stadig være installeret, fordi dit child theme er afhængigt af det.
Du behøver ikke kopiere hele forældertemaet. Dit child theme indeholder kun de filer og ændringer, du har brug for. Det kan eksempelvis være CSS, som styrer farver og typografi, eller en tilpasset skabelon, som bestemmer, hvordan en bestemt sidetype vises.
Når dit child theme indeholder en skabelon, der erstatter en tilsvarende skabelon i forældertemaet, bruger WordPress din version. Resten hentes fortsat fra forældertemaet.
Hvorfor bruge et child theme?
Den væsentligste grund er, at dine tilpasninger holdes adskilt fra temaets originalfiler.
Retter du direkte i et temas filer, kan ændringerne blive overskrevet, næste gang temaet opdateres. Med et child theme ligger tilpasningerne i en separat mappe, som opdateringen af forældertemaet ikke overskriver.
Det giver mulighed for at modtage rettelser og forbedringer til forældertemaet uden at skulle genindføre alle dine egne ændringer bagefter.
Et child theme er især relevant, når du vil:
- Ændre designet med egen CSS.
- Tilpasse sidens top eller bund, også kaldet header og footer.
- Ændre skabeloner for bestemte sider eller indholdstyper.
- Tilføje mindre funktionelle tilpasninger til temaet.
Forestil dig en webshop, der bruger et færdigt WordPress-tema. Webshoppen vil have andre knapfarver, en ændret header og et særligt layout på produktsiderne. Disse tilpasninger kan placeres i et child theme, mens forældertemaet fortsat leverer resten af designet og funktionaliteten.
Sådan opretter og aktiverer du et child theme
Den konkrete opsætning afhænger af forældertemaet, men grundforløbet er:
- Opret en separat temamappe i
wp-content/themes. - Tilføj filen
style.cssmed de nødvendige temaoplysninger. FeltetTemplateskal angive forældertemaets præcise mappenavn, så WordPress kan forbinde de to temaer. - Sørg for korrekt indlæsning af CSS. Afhængigt af forældertemaets opsætning kan det kræve en
functions.php-fil, der indlæser stylesheets med WordPress-funktionenwp_enqueue_style(). - Aktivér dit child theme under Udseende → Temaer i WordPress.
- Tilføj og test dine tilpasninger, så du kan kontrollere, at design og funktioner virker som forventet.
En tom mappe er altså ikke nok. WordPress skal kunne identificere temaet og dets forbindelse til forældertemaet.
Følg forældertemaets dokumentation, når du opsætter indlæsning af CSS. Ældre vejledninger bruger ofte CSS-reglen @import, men den anbefalede tilgang er at bruge WordPress’ system til indlæsning af stylesheets.
Tilpasningerne bevares, men skal stadig vedligeholdes
Et child theme beskytter mod, at forældertemaets opdateringer overskriver dine filer. Det er ikke en garanti for, at ændringerne altid fungerer efter en opdatering.
Hvis forældertemaet ændrer sin struktur eller funktionalitet markant, kan dine tilpasninger kræve justeringer. Derfor bør du kontrollere hjemmesiden efter opdateringer.
Kopiér også kun de skabeloner, du faktisk skal ændre. En skabelon i dit child theme erstatter forældertemaets version og får derfor ikke automatisk de rettelser, der senere kommer i den oprindelige fil. Jo flere skabeloner du overtager, desto mere skal du selv holde øje med.
Endelig er et child theme ikke et selvstændigt tema. Fjerner du forældertemaet, mangler det sit grundlag. WordPress understøtter heller ikke et child theme oven på et andet child theme: Det skal referere direkte til et forældertema.