Skapa ett child theme för ditt WordPress-tema

Om du ändrar filerna i ett tema direkt försvinner ditt arbete vid nästa uppdatering av temat. Ett barntema (child theme) förhindrar det. Det är ett litet tema som tar över allt från ett annat tema, huvudtemat (parent theme), utom det du själv lägger i det. Huvudtemat kan du fortsätta uppdatera som vanligt. Här får du veta när du behöver ett barntema och hur du skapar ett med Filhanteraren i DirectAdmin.

Behöver du det?

Använder du ett blocktema? Prova då först i webbplatsredigeraren. Vill du spara dina ändringar från webbplatsredigeraren i filer kan det officiella tillägget Create Block Theme skapa ett barntema åt dig.

Steg 1: hitta mappen för ditt huvudtema

1. Öppna Filhanteraren i DirectAdmin. Se Öppna Filhanteraren: mapparna i ditt paket.
2. Gå till domains/example.com/public_html/wp-content/themes.
3. Anteckna det exakta namnet på temats mapp, till exempel hoofdthema. Det är mappnamnet som gäller, inte namnet du ser i WordPress.

Steg 2: skapa mappen och style.css

1. Klicka på Ny mapp i mappen themes och skapa till exempel hoofdthema-child.
2. Öppna mappen, klicka på Ny fil och skapa style.css.
3. Högerklicka på filen, välj Redigera, klistra in huvudet nedan och klicka på Spara.

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

/* Je eigen CSS komt hieronder. */

Raden Template: är den viktigaste. Där måste exakt mappnamnet för huvudtemat stå, med samma versaler och bindestreck. Stämmer det inte meddelar WordPress att huvudtemat saknas.

Steg 3: functions.php eller theme.json

Klassiskt tema: skapa en functions.php i samma mapp som laddar din stilmall:

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

Om huvudtemat själv laddar sin egen stilmall varierar mellan teman. Titta i temats dokumentation. Ser din webbplats kal ut efter aktiveringen behöver du även ladda huvudtemats stilmall, med get_template_directory_uri() . '/style.css'. Barntemats functions.php ersätter inte huvudtemats: båda laddas, barntemat först. Kopiera därför aldrig funktioner från huvudtemats functions.php, eftersom dubbla funktionsnamn ger ett kritiskt fel.

Blocktema: en functions.php behövs oftast inte. Vill du till exempel ändra färgpaletten skapar du en egen theme.json. WordPress slår ihop den med huvudtemats, så du lägger bara in det du vill ändra.

Vill du ändra en mall kopierar du bara just den filen från huvudtemat till samma plats i ditt barntema och ändrar kopian. WordPress tittar först i barntemat och sedan i huvudtemat. Kopiera inte allt, annars får du inte längre förbättringarna i huvudtemat.

Steg 4: aktivera

1. Gå till Utseende > Teman i WordPress. Ditt barntema finns med i listan. Klicka på Aktivera.
2. Titta på din webbplats: sidhuvud, menyer, widgets och färger. Ställ vid behov in menyer och inställningar i Anpassaren igen.
3. Låt huvudtemat ligga kvar och håll det uppdaterat. Utan huvudtemat fungerar inte barntemat.

Vill du hellre skapa barntemat på din egen dator? Packa då mappen som zip och ladda upp den i WordPress under Utseende > Teman med knappen Lägg till tema och sedan Ladda upp tema. Eller ladda upp mappen med Filhanteraren eller SFTP till wp-content/themes, se Ladda upp och ladda ner filer.

Tillbaka till det gamla temat

Aktivera huvudtemat igen under Utseende > Teman. Kommer du inte längre in i adminpanelen på grund av ett fel i barntemat byter du namn på barntemats mapp i Filhanteraren, till exempel till hoofdthema-child-uit. WordPress faller då tillbaka på ett standardtema, om ett sådant fortfarande är installerat. Läs mer i Fel 500 eller "kritiskt fel" på din webbplats (även efter en WordPress-uppdatering).

Läs mer

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

Vill du lära dig mer? Gå den kostnadsfria WordPress-kursen, lektion 5.2 Skapa ett barntema.