Slik bruker du et child theme i WordPress uten å miste endringene dine

Har du noen gang endret litt på et WordPress-tema, for så å se alt forsvinne etter en oppdatering? Da er det på tide å bli venn med child theme. Det høres teknisk ut, men er i praksis en enkel forsikring for designet og tilpasningene dine.

I denne artikkelen ser vi på hva et child theme er, når du trenger det, og hvordan du setter det opp steg for steg. Målet er at du skal kunne gjøre trygge endringer uten frykt for neste temaoppdatering.

Hva er et child theme, helt konkret?

Et child theme er et “undertema” som arver alt fra hovedtemaet (parent theme), men der du kan legge inn egne endringer. WordPress laster inn child theme først, og fyller deretter på med det som mangler fra parent theme.

Poenget er at du lar originaltemaet være urørt. Når utvikleren oppdaterer parent theme, kan du installere oppdateringen som vanlig, mens tilpasningene dine trygt ligger i child theme.

Når er det lurt å bruke child theme?

Du trenger ikke child theme for alt. Enkle justeringer i blokker, globale stiler i moderne blokktemaer eller små endringer via Tilpasser kan ofte løses uten. Men så snart du endrer malfiler, PHP eller mer avansert CSS, bør du bruke child theme.

Typiske situasjoner der child theme er smart, er hvis du vil justere layouten på blogglisten, legge inn egne maler for enkeltsider, eller endre hvordan navigasjon eller footer er bygget opp.

Forberedelser: sikkerhetskopi og tilgang

Før du gjør strukturelle endringer i WordPress, er det fornuftig å ta sikkerhetskopi. Det gjelder også når du skal legge inn eller aktivere et child theme. Hvor ofte du tar kopi, bør tilpasses hvor viktig nettstedet er og hvor mye som skjer der.

Du trenger også tilgang til filene dine. Det kan være via webhotellets filbehandler, FTP/SFTP eller filhåndterer-plugin. Velg den løsningen du kjenner deg mest komfortabel med, og unngå å jobbe direkte på live-nettstedet hvis du allerede har en staging-installasjon tilgjengelig.

Slik lager du et enkelt child theme manuelt

Den mest robuste måten å forstå child theme på, er å lage et lite, enkelt oppsett selv. Eksempelet under tar utgangspunkt i et klassisk tema, men prinsippene er de samme for de fleste.

Følg denne grunnoppskriften:

• Finn mappen for parent theme, for eksempelwp-content/themes/twentytwentyfour.
• Lag en ny mappe ved siden av, for eksempeltwentytwentyfour-child.
• Opprett en filstyle.cssinne i child-mappen.
• Legg inn nødvendig tema-informasjon i toppen av style.css.

Eksempel på style.css i child theme

I style.css må WordPress få vite hvilket tema som er parent. Et enkelt minimumseksempel kan se slik ut:

/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Version: 1.0.0
*/

Her er detTemplate-feltet som er kritisk. Det må være nøyaktig lik mappenavnet til parent theme. Theme Name kan du kalle hva du vil, det er navnet du ser i admin-grensesnittet.

Last inn stilene fra parent theme riktig

I nyere WordPress-versjoner er anbefalt metode å laste inn CSS via functions.php, ikke ved å bruke @import i style.css. Det gir raskere og mer forutsigbar lasting av stilarkene.

Opprett en fil som heterfunctions.phpi child-mappen og legg inn noe tilsvarende:

<?php
function my_child_theme_styles() {
  wp_enqueue_style(
    ‘parent-style’,
    get_template_directory_uri() . ‘/style.css’
  );
}
add_action(‘wp_enqueue_scripts’, ‘my_child_theme_styles’);
?>

Aktiver child theme i WordPress

Når filene er på plass, går du tilUtseende > Temaeri WordPress. Der skal child theme dukke opp med navnet du satte i style.css. Aktiver det på vanlig måte.

Nettstedet vil nå se ut som før, fordi child theme arver alt fra parent theme. Forskjellen er at du nå kan begynne å gjøre justeringer i child-mappen, i stedet for å røre originaltemaet.

Hvordan overstyre maler trygt

En av de største fordelene med child theme er at du kan kopiere enkeltfiler fra parent inn i child, og så justere dem. WordPress bruker filen i child-temaet hvis den finnes, og faller tilbake til parent hvis ikke.

Eksempel: Hvis du vil endre visningen av enkeltsider, kopierer dusingle.phpfra parent til child, og gjør endringer i kopien. På den måten beholder du originalen urørt, og kan alltid sammenligne eller rulle tilbake.

Typiske feil du bør unngå

Noen feil går igjen når folk setter opp child theme. Mange glemmer korrekt Template-navn i style.css, eller skriver feil i functions.php slik at temaet krasjer. Andre blander egne modifikasjoner inn i parent theme samtidig, som gjør det uklart hvor ting faktisk ligger.

En god vane er å samle alle designendringer i child theme, og la parent være 100 prosent standard. Hvis noe slutter å fungere etter en oppdatering, kan du raskt teste ved å slå av child theme midlertidig for å se om feilen ligger i tilpasningene dine eller i selve temaet.

Child theme og moderne blokktemaer

Med de nyere blokkbaserte temaene i WordPress kan mye design styres via redigeringsverktøyet for hele nettstedet og via globale stiler. Mye av det som før krevde child theme, kan nå løses uten koding.

Likevel har child theme fortsatt en rolle når du trenger mer avansert logikk, spesielle maler eller egne blokker. Da er prinsippene de samme: la blokktemaet være parent, og legg koden din i child-temaet.

Slik jobber du videre uten å rote deg bort

For å holde oversikt over endringene dine bør du ha en enkel struktur i child theme. Skill mellom CSS, maler og eventuelle PHP-funksjoner, og kommenter kort i filene hva du har gjort, og hvorfor.

Vurder også å teste justeringer på en staging-side før du ruller dem ut til alle. Det gjør det tryggere å jobbe, spesielt hvis nettstedet har mye trafikk eller brukes av flere redaktører.

Oppsummert: en liten investering som gir mye kontroll

Et child theme er i praksis et tynt lag mellom deg og originaltemaet. Det krever litt innsats å sette opp første gang, men gir deg mye mer forutsigbarhet når du vil tilpasse design og funksjon.

Når du først har etablert rutinen, blir det naturlig å gjøre alle strukturelle endringer i child theme, ta jevnlige sikkerhetskopier og holde parent theme oppdatert. Det gir en roligere hverdag for både deg og nettstedet.