Skapa ett child theme i WordPress

Om du vill göra ändringar i koden i din WordPressajts tema, kan det vara klokt att göra det i ett så kallat child theme. Ett child theme – eller barntema – är ett tema som ”ärver” alla funktioner och inställningar från ett föräldratema.

Anledningen till att du bör göra förändringar i ett barntema, och inte i vanligt originaltema, är att alla ändringar som du gör i ett originaltema raderas nästa gång du uppdaterar det till en nyare version. Det vill du naturligtvis undvika.

Gör du istället förändringarna i ditt barntema kommer du att behålla alla ändringar du gjort, samtidigt som uppdateringarna i föräldratemat ärvs av ditt barntema*.

Du kan naturligtvis göra justeringarna i ditt originaltema, och sedan helt låta bli att uppdatera det – men eftersom uppdateringar ofta innebär förbättrad säkerhet och funktionalitet är inte det ett alternativ att föredra.

Child theme

När du skapar och aktiverar ditt barntema kommer din webbplats se likadan ut som när du hade föräldratemat aktiverat. Ditt barntema ärver alla inställningar och alla funktioner.

Child theme

Nu är det fritt fram att ändra i koden, och du kommer se förändringarna på din sajt.

Child theme

Nästa gång du uppdaterar ditt föräldratema kommer uppdateringen ärvas av ditt barntema, samtidigt som det behåller de förändringar du gjort tidigare.

Skapa barntema enkelt med One-Click Child Theme

Att skapa ett barntema är enkelt. Börja med att installera tillägget One-Click Child Theme och aktivera det på din sajt. När tillägget är aktiverat hittar du det under Utseende i din adminpanel.

Följ instruktionerna för att skapa ett barntema baserat på det tema du för tillfället har aktiverat på din sajt. När temat är skapat aktiveras det automatiskt.

Om du går in under Utseende > Redigerare kommer du nu se att ditt barntema endast består av en fil som heter style.css. Den filen innehåller i sin tur bara en kort kodsnutt som anger att det är ett barntema till det föräldratema du valde tidigare.

Om du bara är ute efter att göra förändringar i din .css kan du göra det i den nyskapade style.css. Du skriver helt enkelt in koden under den text som redan ligger där. Vill du exempelvis ändra dina H1 kan du göra det på följande vis.

/*
Theme Name:     Namnet på ditt tema.
Description:    Beskrivningen av ditt tema.
Author:         Ditt grymma hackernamn
Template:       Namnet på ditt föräldratema

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url(”../föräldratemat/style.css”);

h1 {
font-size: 30px;
line-height: 32px;
font-weight: normal;
}

Mer avancerade ändringar kräver tillgång till ftp-servern

Är du ute efter att göra mer avancerade förändringar i ditt tema kräver det att du har tillgång till din sajts ftp-server via en ftp-klient. Har du ingen installerad kan jag rekommendera Filezilla, den är gratis och finns till de flesta plattformar.

Väl inne i din ftp-server hittar du alla WordPress-teman som du har installerade på din sajt. Så här ser det exempelvis ut för min sajt. Dark-Chili är här ett barntema till GreenChili.

filezilla

Nu kopierar du de filerna du vill göra ändringar i, från ditt föräldratema till ditt barntema. När jag exempelvis vill göra justeringar i min index.php går jag in i mappen GreenChili, kopierar filen och klistrar sedan in den i barntemat Dark-Chili.

Alla ändringar som jag gör i min index.php i Dark-Chili kommer nu att behållas, även om jag uppdaterar GreenChili.

Möjliga problem med barnteman

Har du tur stöter du inte på några större problem när du skapar ditt barntema. Det enda strulet jag snubblat över hittills har varit att mina menyer och widgets har nollställts, vilket är ganska lätt åtgärdat – när man väl kommer på vad det är som gått fel.

Jag har även stött på teman som mer eller mindre vägrar yngla av sig i form av ett fungerande barntema. Om du stöter på sådana problem är tyvärr inte jag rätt man att förklara varför det blir så ibland – jag kan inte annat än beklaga och föreslå att du väljer ett annat tema som är mer samarbetsvilligt.

*Det förutsätter naturligtvis att du inte har gjort allt för omfattande ändringar i ditt tema, men om du vet hur man gör den typen av ändringar har du troligtvis redan koll på hur barnteman fungerar.
Gillade du inlägget? Dela det gärna så fler får läsa!
    8 kommentarer
    1. 5 år ago
      • 5 år ago
    2. 4 år ago
    3. 4 år ago
      • 4 år ago
    4. 4 år ago
    5. 4 år ago
    6. 4 år ago

    Kommentera

    E-postadressen publiceras inte. Obligatoriska fält är märkta *