Child theme

Et childtheme bliver ikke overskrevet, når du opdaterer parentthemet. Med et childtheme kan du køre en WP som altid er opdateret.

Hvis du får brug for at redigere filer i temaets mappe, så skal du bruge et childtheme til formålet. Nogen vælger så at lade være med at installere sikkerhedsopdateringer. Det er mildt sagt en udforsigtig beslutning. Hvis du kender lidt til webprogrammerin, så kan du selv lave et childtheme.

Et childtheme er nemt at bruge: kopier de filer, som skal ændres fra parent-theme mappen til childtheme mappen. Det er vigtigt, at filerne skal ligger i mapper med præcis som parent themet.

Du skal bruge et child theme, hvis du f.eks. vil ændre:

• functions.php
• style.css
• theme.json
• screenshot.png
• eller andre filer i temaet

Child themes kan laves ved hjælp af plugins, som “Create Block Theme“; men det er lettere at kode det selv.

Filerne i et Childtheme

Her er en kort oversigt over de filer, der minimum bør være i et childtheme. Klik på filnavnet for at se koden.

Fil	Formål
style.css	Kommentarfeltet øverst har de informationer, som WP bruger, når themet skal vises i Kontrolpanelet. Her kan du evt. tilføje ekstra CSS; men stylingen af blokbaserede temaer sker nu i theme.json eller variationer. Mere om det senere.
screenshot.png	Er det billede, som viser noget, hvordan dit tema ser ud i kontrolpanelet.
functions.php	Her bør du tilføje stylesheets fra parenttheme og childtheme. Du kan også tilføje JavaScripts og andre CSS’er. Læs mere om mulighederne med functions.php her.
index.php	En tom fil, der blokerer uønsket browsen rundt i filerne. Derfor citatet fra Dantes “Inferno”.
Github repo	Se her.

I de følgende afsnit bygger vi et childtheme og styler det med theme.json og bygger style variations.

I denne øvelse bygger vi et childtheme med editoren Visual Studio Code. Du lærer, hvordan du kan tilføje farver, fonte og stilvarianter til kontrolpanelet.

• Parent theme: Twenty twenty-five
• Child theme: som du selv giver et navn

Både parent og child theme skal være til stede på serveren, hvor det er childthemet, der er aktiveret.

Koden

Begynd med at downloade Twenty twenty-five fra WordPress.org. Pak filerne ud i mappen themes.

Derefter får du brug for koden, som laver dit childtheme. Knappen linker til den kode du har brug for. Download eller klon dette repository:

Nu bør din mappestruktur se sådan ud: