Du har ägnat timmar åt att finslipa ditt tema: justerat typsnitt, designat om sidhuvudet, lagt till anpassad stil för produktkort. Sajten ser ut precis som du ville. Sedan dyker notisen "temauppdatering tillgänglig" upp, och efter ett enda klick försvinner alla dina ändringar.

Låter det bekant? Denna smärta förföljer alla som någonsin har redigerat ett WordPress-tema direkt utan att tänka på uppdateringsskydd. Den goda nyheten: problemet är helt lösbart, och du behöver inte vara utvecklare för att göra det.

Nedan följer en steg-för-steg-guide som fungerar för alla WordPress-teman. Från att skapa ett barntema till att säkert testa uppdateringar på en aktiv sajt.

💡 Snabb översikt:

• Lär dig varför temaanpassningar försvinner vid uppdateringar och hur WordPress lagrar ändringar
• Skapa ett barntema på 5 minuter, från grunden eller via ett tillägg
• Överför befintliga redigeringar till barntemat utan att förlora något
• Sätt upp säkerhetskopior och testa uppdateringar utan att riskera din sajt

Varför temainställningar försvinner vid uppdateringar

WordPress är enkelt uppbyggt: varje tema ligger i sin egen mapp inuti /wp-content/themes/. När du klickar på "uppdatera" ersätter WordPress helt temafilerna med nya versioner från arkivet. Allt du redigerade i style.css eller functions.php i den gamla versionen skrivs över permanent.

Detta beteende är ingen bugg utan en funktion. Det säkerställer att du efter uppdateringen får en ren, konsekvent version av temat utan ackumulerat "skräp" från tidigare redigeringar. Enda problemet är att WordPress inte vet vilka ändringar du gjorde jämfört med vad som fanns i temat från början.

Därav huvudregeln för temaanpassning: redigera aldrig föräldratemats filer direkt. Lägg i stället alla ändringar i en separat enhet som kallas barntema.

Barnteman: hur de fungerar

Ett barntema är ett lättviktigt lager ovanpå föräldratemat. Det ärver all funktionalitet och stil från originalet men låter dig åsidosätta bara det du behöver ändra. När föräldratemat uppdateras förblir barntemat orört, och dina redigeringar finns kvar.

Principen liknar lager i Photoshop: grundlagret är föräldratemat, och ovanpå det ligger ett genomskinligt barntemalager. Du ritar på det övre lagret, och när det undre byts ut bevaras det övre.

Vad du kan lägga i ett barntema:

• CSS-regler (typsnitt, färger, avstånd, responsivitet)
• Sidmallar och enskilda block: header.php, footer.php och single.php
• Funktionsändringar via functions.php (registrera widgetar, anpassade inläggstyper, kortkoder)
• Översättningar och textsträngar

Ett barntema täcker i princip de allra flesta typer av anpassningar som annars skulle få dig att gräva i föräldratemats filer.

Skapa ett barntema: steg-för-steg-guide

Processen tar högst fem minuter och kräver bara tillgång till sajtens filer via FTP eller din webbhotells filhanterare.

Steg 1: skapa mappen

Skapa en ny mapp i katalogen wp-content/themes/. Namnge den som föräldratemat med suffixet -child. För temat twentytwentyfour skulle mappen till exempel heta twentytwentyfour-child. Denna namnkonvention är inget strikt krav men en allmänt accepterad praxis som omedelbart klargör vilket tema barnet är kopplat till.

Steg 2: koppla stilar med style.css

Skapa en style.css-fil inuti mappen med detta sidhuvud:

1
/*
2
Theme Name: Twenty Twenty-Four Child
3
Template: twentytwentyfour
4
*/

Endast två fält är obligatoriska: Theme Name (valfritt unikt namn) och Template (föräldratemats mappnamn, exakt som på disken, skiftlägeskänsligt). Ett misstag i Template och barntemat dyker inte upp i listan över tillgängliga teman i adminpanelen.

Steg 3: ärv förälderns stilar med functions.php

Skapa en functions.php-fil med följande kod:

1
<?php
2
function child_enqueue_parent_styles() {
3
    $theme = wp_get_theme();
4
    $version = $theme->parent() ? $theme->parent()->get('Version') : '1.0';
5
 
6
    wp_enqueue_style(
7
        'parent-style',
8
        get_template_directory_uri() . '/style.css',
9
        array(),
10
        $version
11
    );
12
}
13
add_action('wp_enqueue_scripts', 'child_enqueue_parent_styles');

Denna kod gör två saker: den laddar föräldratemats stilmall och knyter den till versionsnumret. Knytningen till versionen är avgörande: när föräldratemat uppdateras ändras också versionsnumret i stil-URL:en. Webbläsare och CDN:er ser den nya URL:en och rensar cachen, så du slipper "trasig" CSS för att webbläsaren fortsätter hämta en gammal cachad version.

Steg 4: aktivera

Gå till WordPress admin → "Utseende" → "Teman". Hitta barntemat du just skapade via namnet du angav i Theme Name och klicka på "Aktivera".

Efter aktivering börjar WordPress använda barntemat. Sajten ser exakt likadan ut som med föräldratemat eftersom barntemat inte åsidosätter något ännu.

Överföra befintliga redigeringar till barntemat

Om du redan har redigerat föräldratemat direkt, få inte panik. Överföring av redigeringar till barntemat görs manuellt, men det är en engångsoperation.

Så här gör du:

• Gör en lista över alla föräldratemafiler du ändrat. Vanligtvis är det style.css och functions.php, mer sällan mallfiler.
• Kopiera endast de modifierade kodavsnitten till motsvarande barntemafiler. Kopiera inte hela filen eftersom det skulle skriva över framtida föräldratemauppdateringar med gammal kod. Ta bara det du lade till eller ändrade.
• Efter att ha överfört alla redigeringar, återställ de ursprungliga föräldratemafilerna från arkivet (installera helt enkelt om temat eller ladda ner en ny kopia).

Om du har samlat på dig många ändringar och inte är säker på exakt vad du modifierade, här är ett tips: installera tillägget One Click Child Theme (det skapar ett barntema med ett klick), jämför sedan manuellt föräldratemafiler med originalet från arkivet med hjälp av ett diff-verktyg eller en jämförelsetjänst online. På så sätt ser du exakt vilka rader du lade till.

Alternativa tillvägagångssätt: ramverk och tillägg

Ett barntema är den primära och mest flexibla metoden, men andra verktyg finns för säker anpassning.

Temaramverk

Om du just ska välja ett tema och planerar seriösa modifieringar, överväg ramverk. Det mest kända exemplet är Genesis Framework från StudioPress. Tanken är att ramverket fungerar som ett "evigt" föräldratema, och du arbetar i ett barntema från dag ett. Genesis uppdateras inte kaotiskt; dess uppdateringar är utformade för att inte förstöra barnteman. Kostnaden är $60 per år, men för dem som tjänar pengar på webbplatser är det en motiverad investering.

Ett annat alternativ är ramverket Total, som kommer med ett inbyggt fält för anpassad CSS i adminpanelen. För små stiljusteringar kan detta räcka utan att skapa ett barntema överhuvudtaget.

Tillägg

Om du helst slipper pill med temafiler kan vissa uppgifter överlåtas till tillägg:

• WP Template Overrides låter dig selektivt åsidosätta mallar utan att skapa ett barntema. Användbart när du behöver fixa en specifik mall och det känns överdrivet att skapa ett barntema.
• Tillägget One Click Child Theme skapar ett barntema direkt från adminpanelen, ingen FTP behövs. Perfekt för din första erfarenhet av barnteman: klicka på en knapp så är strukturen klar.

Det är viktigt att förstå begränsningarna: tillägg täcker smala scenarier. För systematiskt anpassningsarbete är ett barntema fortfarande mer tillförlitligt eftersom det inte är beroende av tredjepartstilläggs uppdateringar och fungerar även när du byter aktiva tillägg.

Säkerhetskopior: försäkring före uppdatering

Oavsett vilken metod du använder, gör en säkerhetskopia av din sajt före varje temauppdatering. Det tar ett par minuter men räddar dina nerver om något inte går enligt plan.

Tre nivåer av säkerhetskopiering, från enkel till robust:

• Manuell säkerhetskopia via FTP. Ladda ner temamappen och exportera databasen via phpMyAdmin eller WP-CLI (wp db export). Gratis men kräver disciplin; lätt att glömma före uppdatering.
• Automatisk säkerhetskopia med tillägg. Gratisalternativ från WordPress-katalogen hanterar daglig kopiering av filer och databas. Bland premiumlösningar utmärker sig Jetpack VaultPress Backup (realtidskopior i molnet) och Solid Backups (tidigare BackupBuddy, återställning med ett klick).
• Säkerhetskopia på webbhotellsnivå. De flesta hanterade WordPress-hotell gör dagliga kopior automatiskt. Kontrollera med din leverantör hur snabbt du kan återställa från en sådan kopia.

Regeln är enkel: ju närmare uppdateringen, desto färskare bör din säkerhetskopia vara. Gör en säkerhetskopia → uppdatera temat → kontrollera sajten. Om den kraschar, rulla tillbaka på en minut.

Testa en uppdatering säkert

WordPress behandlar olika versioner av samma tema som två separata teman. Om mapparna mytheme (v1) och mytheme-new (v1.1) båda finns i /wp-content/themes/ visar adminpanelen dem som två distinkta objekt.

Du kan använda detta beteende för säker testning:

• Kopiera det aktuella temat till en mapp med ett annat namn (till exempel mytheme-old).
• Installera den nya temaversionen på vanligt sätt.
• Aktivera den nya versionen och kontrollera sajten.
• Om något går sönder, byt tillbaka till den gamla versionen med ett klick.

Detta ersätter inte ett barntema men ger dig manöverutrymme medan du överför inställningar från den gamla versionen till den nya. Det hjälper särskilt när temautvecklaren radikalt ändrat mallstrukturen i en stor uppdatering.

Videon ovan ger en visuell demonstration av att skapa ett barntema från start till aktivering. Om frågor kvarstår efter textinstruktionerna kommer detta 7-minutersklipp att klargöra allt.

⁉️🤔 Vanliga frågor

Måste jag skapa ett barntema om jag bara redigerade CSS via "Anpassa" → "Extra CSS"?

Nej. Extra stilar via anpassaren lagras i WordPress-databasen, inte i temafiler. De försvinner inte vid uppdateringar. Men om du lade till CSS via temats style.css-fil krävs ett barntema.

Kan jag skapa ett barntema om sajten redan är live och har tillägg installerade?

Ja, att skapa ett barntema påverkar inte tillägg. Processen är helt oberoende: du skapar en mapp och två filer, aktiverar barntemat, och sajten fortsätter fungera som om inget hänt. En varning: om du använde anpassarfunktioner (till exempel ställde in en logotyp eller favicon) måste du konfigurera om dem efter att ha aktiverat barntemat eftersom dessa inställningar är knutna till det specifika aktiva temat.

Vad ska jag göra om utvecklaren övergav föräldratemat?

Barntemat fortsätter att fungera, men säkerhet och kompatibilitet med nya WordPress-versioner blir tveksamma. Om föräldratemat inte har uppdaterats på över ett år bör du överväga att migrera till ett annat tema. På kort sikt, fortsätt använda barntemat som vanligt men planera för en övergång.

Varför är Genesis Framework bättre än ett vanligt föräldratema?

Genesis skapades specifikt för att vara ett föräldratema. Det ändrar inte design drastiskt mellan versioner, tillhandahåller ett rent API med hooks och filter för barnteman, och uppdateras med bakåtkompatibilitet i åtanke. Ett vanligt tema kan när som helst göra om sin mallstruktur, och ditt barntema kan sluta fungera. Med Genesis är den risken minimal.

Kan jag uppdatera temat automatiskt om jag har ett barntema aktivt?

Ja, det är precis vad ett barntema är till för. Föräldratemat uppdateras automatiskt (eller manuellt), och barntemat förblir helt orört. Alla dina redigeringar ligger kvar.

Att uppdatera eller inte uppdatera: vad du ska göra just nu

Om du bara tar med dig en enda sak från hela denna artikel, låt det vara denna enkla regel: redigera inte temafiler direkt; skapa ett barntema. Det tar fem minuter, och besparingen mäts i timmar av återställning efter varje uppdatering.

För nybörjare är vägen denna: installera One Click Child Theme → klicka på en knapp → aktivera barntemat → och börja först därefter anpassa. För dem som redan har gjort ändringar i föräldratemat, överför dem till barntemat enligt instruktionerna ovan, återställ originalen och uppdatera med sinnesro.

Har du ett annat upplägg för att skydda inställningar vid temauppdateringar? Dela med dig i kommentarerna, så utökar vi guiden.