Lag et child theme for WordPress-temaet ditt

Endrer du filene i et tema direkte, forsvinner arbeidet ditt ved neste oppdatering av temaet. Et child theme hindrer det. Det er et lite tema som arver alt fra et annet tema, foreldretemaet, bortsett fra det du selv legger inn. Foreldretemaet oppdaterer du som vanlig. Her leser du når du trenger et child theme, og hvordan du lager et med File Manager i DirectAdmin.

Trenger du det?

Bruker du et blokktema? Prøv først i nettstedsredigeringen. Vil du lagre tilpasningene fra nettstedsredigeringen i filer, kan den offisielle pluginen Create Block Theme lage et child theme for deg.

Trinn 1: finn mappen til foreldretemaet

1. Åpne File Manager i DirectAdmin. Se Åpne File Manager: mappene i pakken din.
2. Gå til domains/example.com/public_html/wp-content/themes.
3. Noter det nøyaktige navnet på mappen til temaet ditt, for eksempel hoofdthema. Det er mappenavnet som gjelder, ikke navnet du ser i WordPress.

Trinn 2: lag mappen og style.css

1. Klikk på New Folder i mappen themes og lag for eksempel hoofdthema-child.
2. Åpne mappen, klikk på New File og lag style.css.
3. Høyreklikk på filen, velg Edit, lim inn toppteksten nedenfor og klikk på Save.

/*
Theme Name:   Hoofdthema Child
Template:     hoofdthema
Description:  Eigen aanpassingen voor example.com
Version:      1.0.0
*/

/* Je eigen CSS komt hieronder. */

Linjen Template: er den viktigste. Der må mappenavnet til foreldretemaet stå nøyaktig, med samme store bokstaver og bindestreker. Stemmer det ikke, melder WordPress at foreldretemaet mangler.

Trinn 3: functions.php eller theme.json

Klassisk tema: lag en functions.php i samme mappe som laster stilarket ditt:

<?php
add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_style(
        'hoofdthema-child',
        get_stylesheet_uri(),
        array(),
        wp_get_theme()->get( 'Version' )
    );
} );

Om foreldretemaet laster sitt eget stilark selv, varierer fra tema til tema. Sjekk dokumentasjonen til temaet ditt. Ser nettstedet nakent ut etter aktivering, må du også laste stilarket til foreldretemaet, med get_template_directory_uri() . '/style.css'. Child-temaets functions.php erstatter ikke foreldretemaets: begge lastes, child-temaets først. Kopier derfor aldri funksjoner fra foreldretemaets functions.php, for doble funksjonsnavn gir en kritisk feil.

Blokktema: en functions.php trengs som regel ikke. Vil du for eksempel ha en annen fargepalett, lager du en egen theme.json. WordPress slår den sammen med foreldretemaets, så du legger bare inn det du vil endre.

Vil du tilpasse en mal, kopierer du bare den ene filen fra foreldretemaet til samme sted i child-temaet og endrer kopien. WordPress ser først i child-temaet og deretter i foreldretemaet. Ikke kopier alt, ellers får du ikke lenger forbedringene fra foreldretemaet.

Trinn 4: aktiver

1. Gå til Utseende > Temaer i WordPress. Child-temaet ditt står i listen. Klikk på Aktiver.
2. Se over nettstedet: topptekst, menyer, widgeter og farger. Sett menyer og innstillinger i Tilpass på nytt ved behov.
3. La foreldretemaet stå og hold det oppdatert. Uten foreldretemaet virker ikke child-temaet.

Lager du heller child-temaet på din egen datamaskin? Pakk mappen som zip og last den opp i WordPress under Utseende > Temaer med knappen Legg til nytt tema og deretter Last opp tema. Eller last opp mappen med File Manager eller SFTP til wp-content/themes, se Last opp og last ned filer.

Tilbake til det gamle temaet

Aktiver foreldretemaet igjen under Utseende > Temaer. Kommer du ikke inn i administrasjonen på grunn av en feil i child-temaet, gir du mappen til child-temaet et nytt navn i File Manager, for eksempel hoofdthema-child-uit. WordPress faller da tilbake på et standardtema, hvis et slikt fortsatt er installert. Les mer i Feil 500 eller "kritisk feil" på nettstedet ditt (også etter en WordPress-oppdatering).

Les mer

• Child themes på developer.wordpress.org (engelsk)

Vil du lære mer? Ta det gratis WordPress-kurset, leksjon 5.2 Lag et child theme.