Så uppdaterar du ett WordPress-tema – Din säkra och djupgående guide

Ditt WordPress-tema är en av de viktigaste aspekterna av din WordPress-webbplats. Det styr hur din webbplats ser ut, hur ditt innehåll visas och gör att din webbplats ser modern och professionell ut och att ditt varumärke bevaras.

Därför är det viktigt att hålla ditt tema uppdaterat och se till att det alltid fungerar som det ska.

Men ibland är det inte helt enkelt. Om du har anpassat ett WordPress-tema innebär en uppdatering att du riskerar att förlora ditt arbete. Om pluginsen på din webbplats inte är kompatibla med en ny version av ett tema måste du bestämma vilken kod som ska uppdateras och vilken som inte ska det. Och om du driver en WooCommerce-butik med ett tema som du har anpassat, måste du se till att detta fungerar efter uppdateringen.

Kolla in denna videoguide om att uppdatera ett WordPress-tema

I det här inlägget kommer jag att gå igenom processen för hur man uppdaterar ett WordPress-tema. Jag kommer att ta upp:

Redo? Nu sätter vi igång!

Varför Du Bör Hålla WordPress-teman Uppdaterade

Att hålla koden i din WordPress-webbplats uppdaterad är mycket viktigt. Nya versioner av plugins, teman och själva WordPress släpps av goda skäl. Att inte dra nytta av en uppdatering kan äventyra din webbplats. Låt oss ta en titt på de tre anledningarna till att du alltid bör hålla din webbplats uppdaterad: säkerhet, kompatibilitet och funktioner.

#1 Säkerhet

Den viktigaste anledningen till att koden på din webbplats alltid är uppdaterad är säkerhet.

En betydande del av uppdateringarna till teman, plugins och WordPress-kärnan handlar om säkerhet; mindre släpp som görs för att övervinna eventuella säkerhetsproblem.

Eftersom WordPress är ett öppen källkod-system, med en aktiv gemenskap som övervakar programvaran för säkerhetsfrågor och andra problem, kommer eventuella svagheter att diskuteras offentligt och en fix kommer att göras för dem så snart som möjligt.

Detta är en av fördelarna med WordPress: denna aktiva gemenskap säkerställer att sårbarheter kan identifieras och fixas mycket snabbt.

Men det finns en nackdel: den offentliga karaktären av allt detta innebär att alla som vill attackera din webbplats kommer att känna till problemen med en viss version av ett tema, till exempel. Och de kan göra webbplatser med den versionen av temat till sina måltavlor.

Så du måste uppdatera teman, plugins och WordPress-kärnan så snart uppdateringar släpps, för att undvika att bli en måltavla.

Om du installerar ett bra säkerhetsplugin, kommer du att varnas när det finns en ny version av ett tema, så du har ingen ursäkt för att inte installera uppdateringen. Nedan visar jag hur du gör det på ett säkert sätt så att din webbplats fortfarande fungerar smidigt under och efter uppdateringen.

Men nu borde du vara övertygad: att hålla din webbplats uppdaterad kommer att förbättra säkerheten.

#2 Kompatibilitet

Teman uppdateras också för att säkerställa att kompatibilitet med den senaste versionen av WordPress. Detta kommer antingen att hända så snart den nya WordPress-utgåvan kommer ut eller en kort tid därefter. En bra temautvecklare kommer att testa sina teman mot nya versioner av WordPress (och mot utvecklingsversionen medan den skapas) och göra de ändringar som behövs för kompatibilitet.

Med tiden kommer dock nya versioner av WordPress att släppas och ditt tema kan få kompatibilitetsproblem. Enligt min erfarenhet är det mycket mindre vanligt att teman blir inkompatibla än plugins, men det är fortfarande något du behöver vara medveten om.

När du uppdaterar ditt tema bör du alltid se till att du kör den senaste versionen av WordPress först.

#3 Funktioner

Den tredje anledningen till att hålla ditt tema uppdaterat är att få ut det mesta av alla nya funktioner som utvecklaren kan ha lagt till.

Då och då uppdateras teman med nya funktioner, antingen för att användarna har begärt extra funktioner, eller för att temat kan dra nytta av nya aspekter av WordPress själv (ja, det är dig jag pratar om, Gutenberg) och lägga till extra funktioner till temat som använder dem.

Om ditt tema har nya funktioner som kan förbättra din webbplats, varför inte dra nytta av dem?

Så här uppdaterar du säkert ett WordPress-Tema

Att uppdatera ditt tema i WordPress har förenklats för dig ganska mycket. Gå bara till Panelen > Uppdateringar och välj ditt tema och klicka sedan på knappen Uppdatera teman.

Men vänta! Du kanske tror att allt du behöver göra är att klicka på knappen Uppdatera och sen är du klar, eller hur? Visst, detta kommer att uppdatera ditt tema. Men det kommer inte att göra det på ett säkert sätt.

Varje gång du uppdaterar någon del av en WordPress-webbplats (teman, plugins, eller WordPress-kärnan) bör du göra en säkerhetskopia av din webbplats och testa den uppdaterade programvaran för att kontrollera att allt fungerar. För att göra detta utan att röra din aktuella WordPress-webbplats, bör du köra uppdateringen på en WordPress staging-version av din webbplats först.

Låt oss titta på hur du gör det i lite mer detalj.

Säkerhetskopiera först

Stop! Innan du kör en uppdatering på din webbplats måste du alltid ta en säkerhetskopia. Detta är så att du har något att återställa din webbplats från om uppdateringen bryter din webbplats.

Om du följer råden nedan och alltid testar på en staging-server först är det högst osannolikt att du kommer att stöta på några problem: trots allt har du redan testat saker och ting. Det är bättre att ta det säkra före det osäkra.

Med Kinsta-hosting kan du få tillgång till dagliga automatiska säkerhetskopior av din webbplats. Men du kan också ta en manuell säkerhetskopiering precis innan du uppdaterar. Det här är något jag rekommenderar, eftersom det kan ha skett ändringar på din webbplats sedan den senaste automatiska säkerhetskopieringen.

För att ta en manuell säkerhetskopiering, gå till din webbplats i din Kinsta-panel, välj alternativet Säkerhetskopior i menyn och välj sedan fliken Manuell. Härifrån kan du ta upp till fem manuella säkerhetskopior, som var och en kommer att sparas i 14 dagar.

Om något går fel under uppdateringen och du behöver återställa din webbplats, kan du återställa din säkerhetskopia med ett klick.

Besök fliken Säkerhetskopiering i Kinsta-panelen, välj säkerhetskopian och klicka på knappen Återställ till. Du har möjlighet att återställa till din staging- eller live-webbplats. Se till att du gör det snabbt eftersom du inte vill förlora några ändringar som görs på din webbplats efter att ha tagit säkerhetskopian (till exempel om en annan användare lägger till innehåll).

Om du inte är kund hos Kinsta och ditt webbhotell inte ger enkla säkerhetskopior av din webbplats, måste du använda ett säkerhetskopieringsplugin. Gratispluginet Updraft Plus låter dig ta automatiska och manuella säkerhetskopior, och gör återställningen relativt enkel. Men om du är kund hos Kinsta behöver du inte ett säkerhetskopieringsplugin eftersom alla Kinsta-planer inkluderar automatiska säkerhetskopior.

När du bör göra uppdateringar

Först och främst är det värt att identifiera den bästa tiden att göra en uppdatering. Du vill minimera eventuella driftstopp eller störningar för dina besökare, vilket innebär att det är smart att göra uppdateringar vid en tidpunkt på dagen (eller på en dag i veckan) när ditt besökarantal är som lägst.

Anta inte att detta är den tid dagen när du själv är minst sannolikt att använda din webbplats: om du har ett stort antal besökare från utlandet, kan siffrorna vara som högst när du sover.

Använd ett verktyg som Google Analytics för att identifiera när din webbplats får minst antal besök och schemalägg uppdateringar därefter.

När du har den här informationen kan du schemalägga webbplatsuppdateringar på den tiden på dagen eller dagen i veckan. Du behöver inte göra din testning på staging-platsen vid denna tidpunkt: du kan göra det när det är bekvämt för dig. Men uppdateringen till live-webbplatsen kommer att orsaka lite driftstopp, så schemalägg det på en tid då det kommer störa så lite som möjligt.

Premium-versionen av pluginet Easy Updates Manager låter dig automatisera uppdateringar eller schemalägga dem manuellt.

Att använda en Staging-webbplats för uppdateringar

Innan du gör en uppdatering till ditt tema bör du alltid testa att uppdateringen fungerar som den ska, inte krockar med någon annan kod på din webbplats och att webbplatsen fortfarande fungerar efter uppdateringen.

För att göra detta behöver du en kopia av din webbplats som är osynlig för allmänheten och som du säkert kan råka förstöra utan några onödiga konsekvenser.

Det bästa stället att testa är på en staging-webbplats. Detta beror på att en staging-webbplats finns på samma server som din live-webbplats, och det är en exakt kopia av den. Det innebär att det som fungerar på din staging-webbplats också fungerar på din live-webbplats.

Kinsta tillhandahåller en iscensättningsmiljö för var och en av dina webbplatser, och du kan lägga till upp till fem extra Premium-iscensättningsmiljöer om du behöver fler. Innan du testar din temauppdatering måste du uppdatera din staging-webbplats. Du gör detta genom att ta bort den befintliga och skapa en ny. Alternativt kan du använda den säkerhetskopian du nyss tog av din live-webbplats och återställa den till din staging-webbplats istället.

När du har en kopia av din live-webbplats i staging måste du använda webbadressen https://staging-sitename.kinsta.cloud, där sitename är namnet på din webbplats. Detta tar dig till staging-webbplatsen, som du kan logga in på, uppdatera och testa.

När du har testat uppdateringen på staging-webbplatsen (mer om det inom kort) kan du gå tillbaka till staging-miljön i MyKinsta-panelen och klicka på Flytta Staging till Live-knappen. Detta kommer att kopiera alla ändringar som du gjort till din staging-webbplats över till din live-webbplats. Glöm inte att köra slutliga kontroller på din live-webbplats för att vara 100% säker på att allt fungerar.

Testa uppdateringen

Så du har skapat din staging-webbplats, du är redo att installera temauppdateringen och du vill testa den. Vad händer nu?

Följ dessa steg:

1. Kontrollera att temat är kompatibelt med din version av WordPress. Om inte, kan du behöva uppdatera WordPress (som alltid har högre prioritet). Följ den här testprocessen för den uppdateringen, med hjälp av din staging-webbplats för att testa uppdateringen och sedan flytta den till live.
2. Uppdatera temat från Teman-fliken i WordPress-admin, antingen genom att klicka på länken Uppdatera under temats namn eller genom att ladda upp den nya versionen om du köpte temat från en tredjepartsleverantör.
3. Testa att staging-versionen av webbplatsen fungerar. Testa olika innehållstyper (startsida, enskilda inlägg och sidor, arkivsidor, anpassade posttyper eller taxonomier). Kontrollera att det inte finns några problem med widgets eller menyer. Testa processer som formulärinlämning eller inköp. Exakt vad du behöver testa beror på din webbplats, men det är viktigt att vara noggrann; om du skummar genom din webbplats snabbt och inte testar alla innehållstyper och processer, kan du upptäcka att dina användare kommer hitta eventuella problem innan du gör, kanske när de gör ett köp eller fyller i ett formulär.
4. Om temauppdateringen har brutit webbplatsen, kontrollera supportforum för temat för att se om det finns några kända problem. Du kan komma åt detta genom att öppna fliken Teman i din adminpanel och klicka på temat för att få tillgång till information om det. Klicka på länken för information om den här versionen och i det högra sidofältet hittar du en Visa supportforum-knapp. Kontrollera detta för att se om någon annan har haft ett problem.
5. Om du har ett problem och ingen annan har rapporterat det, rapportera det till temautvecklaren. Detta hjälper dem att fixa det. Sedan måste du upprepa denna process när de släpper en efterföljande version av temat, förhoppningsvis med en fix.
6. Om allt fungerar som det ska, kan du flytta staging-sajten till live, och känna dig trygg i vetskapen om att du har testat den grundligt.

Så här uppdaterar du ett anpassat WordPress-tema

Men vad händer om du redan har redigerat temat och vill uppdatera det utan att förlora dina ändringar?

Det är lite svårare att hantera men inte omöjligt, så länge du kan komma ihåg vad ändringarna var, eller mer specifikt vilka filer du redigerade.

Att använda ett barntema för att undvika problem när du uppdaterar ditt anpassade WordPress-tema

Det säkraste sättet att uppdatera ett anpassat WordPress-tema är att skapa ett barntema och lägga till dina anpassningar där. Om du inte är säker på om din webbplats använder ett barntema kan du inspektera din webbplats med vårt temadetektorverktyg för WordPress för att ta reda på om så är fallet.

För att göra detta måste du skapa ett barntema, också kallat ett underordnat tema, med de temafiler som du har redigerat. Följ dessa steg i din staging-webbplats (för om du inte får till det 100% rätt, kan du bryta din live-webbplats).

1. Gör en säkerhetskopia av föräldratemat, eller det överordnade temat, och kopiera det till din lokala maskin. Detta innebär att du har en kopia av din ändrade version av temat om du skulle missa något och måste göra ändringar efter uppdatering av temat.
2. Skapa ett barntema för ditt befintliga tema. Lägg till stilmallen med detaljer för föräldratemat (se ovan) och en functions-fil som hämtar formateringen från föräldratemat.
3. Identifiera eventuella ändringar du gjort i föräldratemas functions-fil. Kopiera dina nya funktioner till barntemats functions-fil.
4. Identifiera eventuella ändringar du gjort i föräldratemats stilmall. Kopiera den här koden till barntemats stilmall. Detta åsidosätter formatering på samma element, klasser eller ID i föräldratemat.
5. Identifiera eventuella mallfiler eller inkludera filer som du har redigerat. Kopiera dessa till barntemat och se till att du använder samma filstruktur om några filer finns i underkataloger.
6. Aktivera barntemat istället för föräldratemat.
7. Testa din webbplats. Kontrollera alla anpassningar du gjort till temat och i synnerhet, kontrollera sidor som visas med hjälp av mallfilerna som du redigerade och kopierade över.
8. Dubbelkolla dina filer för att vara säker på att du inte har missat några filer som du redigerade.
9. Uppdatera föräldratemat på din staging-webbplats, antingen via Temaskärmen eller genom att ladda upp temat om du inte hämtade det från temakatalogen.
10. Testa webbplatsen igen. Se till att alla mallfiler som du redigerade fortfarande fungerar som de ska. Om något saknas, se över din säkerhetskopia av den redigerade versionen av föräldratemat och kopiera över till ditt barntema om det är något du behöver.
11. Testa igen. När du är nöjd med att din staging-webbplats fungerar, kan du flytta dina staging-förändringar till live (se till att du tar en säkerhetskopia av din live-webbplats först). Testa din live-webbplats och sedan är du klar.

När du har gjort detta behöver du inte upprepa det nästa gång du uppdaterar föräldratemat. Men kom ihåg: om du behöver göra fler förändringar i framtiden, gör dessa till barntemat och inte föräldratemat. Ta säkerhetskopior av ditt barntema innan du gör några ändringar, testa allt på din staging-webbplats och vara mycket noggrann, använd ett versionskontrollsystem som Github.

Uppdatera ett föräldratema: Göra ändringar till barntemat

Ibland kan du upptäcka att du uppdaterar ett föräldratema och det förstör din webbplats på grund av ändringar du gjort till ett barntema.

Kanske lade du till en funktion till en krok i föräldratemat som har ändrats eller till och med tagits bort. Kanske ditt barntemas mallfil inte överensstämmer med föräldratemats mallfiler längre, vilket innebär att de sidor som genereras av ditt barntema inte stämmer med resten av webbplatsen.

Om detta händer måste du göra en av två saker:

• Sluta använda de relevanta filerna från barntemat genom att ta bort dem från barntemat. Ibland innebär en uppdatering av föräldratemat att det fungerar på ett sätt som du föredrar mer än vad du gjort i ditt barntema, så du behöver inte längre den filen. När du tar bort filen från barntemat kommer WordPress att använda en från föräldratemat.
• Redigera filerna i ditt barntema så att de överensstämmer med föräldratemat.

Om du väljer det första av dessa alternativ, se till att du testar på din staging-webbplats och att du har en säkerhetskopia av ditt barntema innan du redigerar det. Återigen kan Github hjälpa dig att hålla koll på dina ändringar.

Om du behöver använda den andra metoden och redigera dina barntemafiler måste du identifiera exakt vilka ändringar du har gjort, vad ändringarna innebär för föräldratemat och hur de interagerar. Det lönar sig att jämföra koden från tidigare och nya versioner av föräldratemat, och även från barntemat. På så sätt kan du se var några problem uppstår och fixa dem.

Läs dokumentationen för den här utgåvan av föräldratemat: versionsanteckningarna i Temakatalogen eller mer detaljerad dokumentation på utvecklarens webbplats. Detta kommer att hjälpa dig att identifiera eventuella ändringar i temat som påverkar ditt barntema.

Och återigen, se till att du tar säkerhetskopior och testar noggrant.

Så här anpassar du ett WordPress-tema så att du säkert kan uppdatera det i framtiden

Om du ännu inte har anpassat ett tema, men planerar att göra det, kan du göra det enklare för dig själv genom att lägga till dina anpassningar till ett barntema från början.

Om du direkt redigerar ett tema från temakatalogen eller från en temaleverantör, kommer eventuella ändringar du gör till temat att gå förlorade när du uppdaterar temat. De nya temafilerna kommer att åsidosätta dina redigerade filer och allt ditt arbete kommer att vara borta.

Det är därför du aldrig direkt bör redigera ett tredjepartstema. Det rätta sättet att redigera ett tredjepartstema är genom att skapa ett barntema från detta tema och lägga till dina ändringar där.

Låt oss titta mer i detalj på barnteman: hur de fungerar och hur du använder ett för att säkert uppdatera (och redigera) din anpassade WordPresstema.

Att använda ett barntema för att undvika problem när du uppdaterar ditt tema

Ett barntema är ett tema som fungerar tillsammans med ditt föräldratema för att driva din webbplats. Det lägger till extra funktioner till föräldratemat som designelement och funktionalitet, utan att åsidosätta föräldratemat. Istället skapar du specifika filer i barntemat som åsidosätter de specifika filerna som har samma namn i föräldratemat. Detta kombineras med WordPress-mallhierarkin för att tala om för WordPress vilken temamallfil den ska använda för att visa en viss sida på din webbplats.

Om du inte vet något om temamallfiler och du känner dig förvirrad, låt mig illustrera med ett exempel.

Ditt befintliga tema har tre filer för att visa arkivsidor:

• category.php-filen, som kommer att visa arkivsidor för kategorier.
• archive.php-filen, som kommer att visa alla arkivtyper om inte en mer specifik fil finns (t.ex. category.php). Det betyder att den här filen kommer att användas för taggarkiv (till exempel) men inte kategoriarkiv.
• php-filen, som är en reservfil för alla innehållstyper som inte har en mer specifik fil. I det här fallet, eftersom det finns en archive.php-fil, kommer inga arkivsidor att använda index.php-filen.

När du visar ett arkiv på din webbplats går WordPress genom denna hierarki och väljer filen som den kommer till först. När det gäller kategoriarkiv kommer det att vara category.php. När det gäller taggarkiv kommer det att vara archive.php, eftersom temat inte har en tag.php-fil.

Men om du skapar ett barntema, kommer WordPress alltid att välja den högsta filen i hierarkin som finns i barntemat, istället för en i föräldratemat.

Det betyder att om du skapade ett barntema med en archive.php-fil, skulle följande hända:

• För kategorier skulle WordPress använda category.php från föräldratemat, eftersom det är högre i hierarkin.
• För taggar skulle det använda archive.php från barntemat, eftersom en fil med samma namn i ett barntema åsidosätter en fil med det namnet i föräldratemat.

Det betyder att om du vill redigera en fil i ditt tema skapar du ett barntema, kopierar filen från föräldratemat till barntemat och redigerar den istället. De ursprungliga filerna från föräldratemat är orörda, så när du uppdaterar temat kommer du inte att förlora något arbete. Och det betyder också att även efter en uppdatering, kommer archive.php-filen från ditt barntema att användas av WordPress istället för den uppdaterade archive.php-filen från föräldratemat.

Detta har två konsekvenser för att uppdatera teman:

• Att skapa ett barntema innebär att du kan uppdatera ditt föräldratema utan att förlora dina ändringar.
• När du uppdaterar föräldratemat måste du kontrollera eventuella ändringar i koden som strider mot ditt barntema.

Vi kommer snart till andra punkten. Men hur använder du ett barntema för att spara eventuella ändringar som du kanske vill göra till ditt tema? Låt oss ta en titt.

1. Skapa ditt barntema, som behöver en stilmall och en functions-fil från vilken du hämtar stilar från föräldratemat.
2. Identifiera vilka filer i föräldratemat du vill redigera.
3. Om filerna du vill redigera är functions-filen eller stilmallen, kopiera dem inte, utan lägg istället till din nya kod i stilmallen och functions-filen som du redan har skapat i barntemat.
4. Om de teman du vill redigera är mallfiler eller inkludera filer, gör en kopia av dessa filer i barntemat, kopiera dem exakt från föräldratemat. Kopiera dem med samma filstruktur, så om till exempel loop-filen är på parent-theme-folder/includes/loop.php, kopiera den till child-theme-folder/includes/loop.php.
5. Redigera filerna i barntemat.
6. Aktivera barntemat i din WordPress-adminpanel istället för föräldratemat.

Och det var allt! Det enda extra arbetet är att skapa barntemat, vilket är snabbt och enkelt. När du behöver göra ändringar i temat, redigerar du nu helt enkelt barntemat istället. När du uppdaterar föräldratemat kommer du på så sätt inte att förlora ditt arbete.

Så här uppdaterar du ett WordPress-tema på en WooCommerce-webbplats

Om du använder WooCommerce kan du ha redigerat ditt tema för att göra det kompatibelt med WooCommerce.

Detta är endast nödvändigt om du använder en version av WooCommerce före version 3.3. Råd från teamet på WooCommerce är att uppgradera pluginet och då upptäcker du att du inte behöver den extra koden i ditt tema för att säkerställa kompatibilitet.

Men om du av någon anledning inte kan uppdatera till den aktuella versionen av WooCommerce (något jag inte rekommenderar), måste du kopiera de ändringar du gjort till ditt tema till ett barntema innan du kan uppdatera temat.

Du kan göra detta på ett av två sätt:

• Om du har lagt till funktionen woocommerce_content() till en woocommerce.php-fil som du skapade i ditt tema, kopiera bara den filen över till ett barntema, med det aktuella temat som föräldratema.
• Om du använde WooCommerce-krokar kopierar du koden från temats functions-fil till functions-filen i ditt barntema. Kopiera inte hela filen, bara den koden.

Ett vanligare scenario är om du har lagt till extra mallfiler till ditt tema för att åsidosätta WooCommerces mallfiler. Detta är relevant för alla versioner av WooCommerce.

Om du har gjort detta måste du skapa ett barntema och sedan kopiera mallfilerna till ditt barntema. Se till att du använder samma filstruktur som i det ursprungliga temat. Aktivera sedan barntemat som i instruktionerna ovan, testa och uppdatera föräldratemat.

När du har gjort detta, måste du utföra lite mer noggrann testning än för en webbplats utan en butik. Förutom att testa din webbplats mer allmänt (se ovan), bör du testa hur din butik fungerar. Testa huvudbutiksidan, produktkategorisidorna, de enskilda produktsidorna och kassan. Se till att allt fungerar som det ska innan du tar dina ändringar live.

Sammanfattning

Du vet nu varför det är viktigt att hålla ditt WordPress-tema uppdaterat och, viktigast av allt, hur man uppdaterar det baserat på olika scenarier. Ett uppdaterat tema kommer att vara säkrare, kommer att vara kompatibel med WordPress-kärnan och kommer att kunna dra nytta av alla nya funktioner.

Men det är viktigt att uppdatera ordentligt. Ta alltid en säkerhetskopia innan du kör en uppdatering (du behöver inte oroa dig för det här om du hostar med Kinsta), testa på din staging-plats först, och först då kan du flytta ändringar till live.

Om du har gjort några ändringar i ditt tema, kommer det att behövas extra arbete. Skapa ett barntema först och lägg till eventuella ändringar du har gjort eller behöver göra till det. På så sätt kommer dina ändringar inte att gå förlorade när du uppdaterar föräldratemat.

Rachel McCollin

Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.