Så här ändrar du ett WordPress Theme på rätt sätt (Ultimate Guide)

WordPress erbjuder ett användarvänligt gränssnitt för hantering av teman. Men att bara välja ett new theme och aktivera det är inte alltid så enkelt som det kan verka.

På WPBeginner har vi skrivit många WordPress Theme Tutorials under de senaste 16 åren och rekommenderar att du närmar dig temaförändringar strategiskt för att undvika potentiella issues.

Den här artikeln utforskar processen för att på ett säkert sätt byta ett WordPress theme. Vi kommer att adressera Läsare oro över att upprätthålla webbplatsens funktionalitet och trafik och ge en Step-by-Step checklista för att guida you genom en smidig övergång.

Varför ska man byta tema i WordPress?

Du kanske vill byta theme på din website i WordPress för att få den att bättre matcha din nisch.

Om du till exempel runar en blogg om mode kanske du vill byta till ett theme med samma stil som en professionell website för mode.

Att byta till ett annat theme kan också ge din website ett nytt utseende, förbättra användarupplevelsen och till och med förbättra din sites sökmotorsoptimering genom att göra det lättare för sökmotorer att crawla och indexera ditt content.

Dessutom kommer vissa WordPress teman med inbyggda funktioner som du kan behöva på din webbplats. Till instance, some themes include features for eCommerce, membership sites, and portfolios.

Med detta sagt, låt oss se hur man korrekt ändrar ett WordPress theme på din website. Här är en snabb översikt över vad du kommer att lära dig i den här artikeln:

Saker att göra innan du byter tema i WordPress

Även om du enkelt kan ändra ett theme med bara några clicks, måste du vidta några försiktighetsåtgärder innan du påbörjar denna process.

Vi rekommenderar att du går igenom följande checklista för att säkerställa att processen med att ändra din WordPress theme går smidigt och att du inte förlorar viktiga data.

1. Kopiera snippor från ditt nuvarande theme

Vissa avancerade WordPress-användare gillar att customize sin webbplats genom att lägga till code snippets direkt i temats functions.php-fil.

Eftersom dessa ändringar gjordes en gång glömmer folk vanligtvis bort dem.

Om du eller din webbutvecklare gjorde dessa ändringar, se då till att gå igenom filerna i ditt nuvarande theme och obs/observera all extra kod som du har addat tidigare. This will allow you to add these snippets later into your new theme’s functions.php file or a site-specific WordPress plugin.

För mer details, se vår guide om hur du lägger till customize-kod på rätt sätt i WordPress.

2. Tid för testets hämning

Innan du byter tema bör du kontrollera laddningstiden för din website. Detta kan hjälpa dig att enkelt jämföra skillnaderna i sidans laddningstid efter att du har gjort ändringar på din website.

Kom ihåg att WordPress hastighet är en viktig faktor för användarupplevelse och sökmotorsoptimering, så du måste se till att det nya temat är snabbare än ditt tidigare.

Du kan kontrollera hastigheten på din website med hjälp av ett hastighetstestverktyg för WordPress. För mer instruktioner, se vår guide om hur du runar ett hastighetstest för en site.

Se till att du testar laddningstiden för homepage och även några av dina inre pages.

3. Förlora inte någon spårningskod

Vissa användare add to sin analytics tracking code direkt till sina theme-filer. Vissa WordPress themes allow you to add AdSense or Analytics code in their settings panels.

Ett av de vanligaste misstagen som Beginnare gör är att förbise dessa code snippets.

Du måste se till att du kopierar alla spårningskod snippets så att du kan lägga till dem till din new site efter att ha ändrat temat.

För att framtidssäkra detta rekommenderar vi alltid användare att installera Google Analytics med hjälp av ett plugin som MonsterInsights. Med detta plugin kan du se analyserna och rapporterna direkt från din WordPress dashboard utan att lägga till någon tracking-kod i temafilerna.

Å andra sidan, för andra tracking-koder som gillar annonser, rekommenderar vi att du använder WPCode. För detaljerade instruktioner, se vår tutorial om hur du korrekt lägger till Google Adsense till WordPress.

4. Gör en fullständig backup

Det rekommenderas alltid att du säkerhetskopierar dina posts, images, plugins och database innan du byter theme.

Du kan använda ett WordPress backup plugin som gillar Duplicator för att skapa en backup av hela din site. Se till att du downloadar denna backup till din dator innan du går vidare.

Detta steg kommer att säkerställa att du enkelt kan återskapa din website om något går fel.

För mer information kan du se vår guide för nybörjare om hur du säkerhetskopierar din WordPress site.

5. Sidebarens content

Sidebars används för att lägga till olika widgetar, inklusive sociala links, annonser, prenumerations- eller kontaktformulär.

Gör en obs/observera dessa ändringar. Om det finns någon customize-kod som lagts till i ett widget, se till att du copy and paste denna kod på din dator så att du kan återanvända den i ditt new theme.

6. Håll din site i underhållsläge

Det är en bra idé att sätta din website i underhållsläge när du gör ändringar på den. Detta kan förhindra att användare ser en ofullständig website och säkerställa en smidig övergång till ett annat theme.

Vi rekommenderar att du använder SeedProd för detta ändamål.

Det är den bästa page buildern för WordPress på marknaden som allow you att enkelt skapa coming soon och maintenance mode pages för your site.

Först måste du installera och aktivera pluginet SeedProd. Om du behöver hjälp kan du följa vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Note: Du kan använda SeedProd’s gratis plan för att aktivera underhållsläget. Men om du uppgraderar till premium-versionen kommer du att låsa upp fler funktioner som gillar pre-built templates, avancerade customomize-funktioner och integrationer av verktyg för e-postmarknadsföring.

Därefter, head över till SeedProd ” Landing Pages vy från din WordPress dashboard och klicka på knappen ”Set up a Maintenance Mode Page”.

Efter det måste du välja en template för din maintenance mode page. Du kan också använda en tom template och skapa en page from scratch.

För att välja en template, hoverar du bara musen över en thumbnail och klickar sedan på ikonen för att kontrollera.

Du kan nu använda SeedProd drag-and-drop page builder för att customize din page. Lägg bara till nya block genom att dra dem från menyn till vänster.

SeedProd låter dig add standard block för text, images, knappar och headlines. Det erbjuder också avancerade block, inklusive kontaktformulär, giveaways, alternativ för social delning och mycket mer.

Glöm inte att spara dina ändringar genom att clicka på knappen ”Save” högst upp i högra hörnet.

Efter det, head över till ”Page Settings” tabs och ändra sidans status genom att toggle den till ”Publicera”.

När du har gjort det klickar du på ikonen ”X” högst upp till vänster på vyn för att lämna drag-and-drop-byggaren. Detta kommer att öppna en prompt på vyn som ber dig att aktivera underhållsläget.

Klicka sedan på knappen ”Yes, Activate” för att visa underhållsläget för de användare som besöker din website.

Om du behöver mer inspiration för att skapa en sida för underhållsläge kan du se vår lista över idéer för underhållssidor som du kan använda på din site i WordPress.

Så här installerar du ett WordPress Theme

Följ ovan försiktighetsåtgärder, nästa steg är att installera ett theme som du vill använda på din site.

När du har valt ett theme måste du installera det på din WordPress site. Du kan använda någon av följande 3 metoder för att installera ett WordPress theme:

• Använda alternativet WordPress theme search
• Uppladdning av ett theme från din WordPress dashboard
• Installera ett theme med hjälp av FTP

För mer information kan du kontrollera vår guide för nybörjare om hur du installerar ett WordPress theme.

Det finns tusentals gratis och betalda WordPress teman tillgängliga för dig att välja mellan. Det faktum att du läser den här artikeln innebär att du troligen har hittat ett bra theme för dina behov.

Men om du inte redan har valt ett theme kan vi varmt rekommendera följande themes för WordPress:

1. Divi

Divi är ett av de mest populära temana för WordPress på marknaden. Det drivs av drag and drop Divi Builder, som allow you att enkelt bygga alla typer av websites.

Den levereras med över 2000 pre-built layouts och 200 olika content-element. Du kan enkelt customize varje element på din site och se ändringarna i realtid.

Dessutom är Divi också super sökmotorsoptimering och kan hjälpa din webbplats att rankas högre i Google och andra search engines.

2. SeedProd

SeedProd är den bästa WordPress Theme Builder på marknaden, med över 1 miljon aktiva användare.

Vi har redan nämnt att du kan använda den för att skapa en page för underhållsläge. Men du kan också använda det för att skapa ett customize WordPress theme utan att skriva någon kod.

SeedProd levereras med en drag and drop-byggare och 300+ professionellt utformade templates för att du ska komma igång. Du kan enkelt customize ditt theme med färdiga block, smarta sections och WordPress template tags.

Den visar också en preview i realtid av alla ändringar på höger sida av vyn, så att you kan se hur din website kommer att se ut för användarna innan den ens har publicerats.

3. StudioPress Genesis

Genesis är det mest populära temat för WordPress och har byggts av StudioPress-teamet. Du kan skapa fantastiska websites med hjälp av Genesis-ramverket och andra StudioPress-themes.

Om du inte vet det är StudioPress en del av WP Engine, det mest populära hanterade webbhotellet för WordPress.

Det bästa är att du får 35+ StudioPress themes gratis om du registrerar dig för något WP Engine webbhotell plan.

4. Astra

Astra är ett lättviktigt och hastighetsoptimerat WordPress-tema som är kompatibelt med populära tillägg för page builders som SeedProd, Beaver Builder, Divi och Visual Builder.

Det är ett översättnings- och RTL-färdigt theme. Det allow you att starta din website på vilket språk som helst och till och med skapa en flerspråkig website.

Astra kan också integreras med WooCommerce plugin, så att du enkelt kan skapa en online store utan mycket krångel. Du kan även customize header, footer, layout och mer med hjälp av WordPress Theme Customizer.

Det vi gillar bäst med Astra är alla templates för startwebbplatser som medföljer. Den har mer än 250 alternativ för alla typer av nischer, inklusive företagswebbplatser, onlinebutiker och personliga bloggar.

5. OceanWP

OceanWP är ett responsivt och mångsidigt WordPress theme. Det erbjuder flera templates för demo som har byggts med olika yrken och företag i åtanke.

Det är kompatibelt med de stora page builders-tilläggen. Du kan också använda olika utökningar för att ta din site till nästa nivå.

Hur man ändrar WordPress Theme utan att gå Live

När du har installerat ditt new theme är du redo att byta themes.

Det är dock alltid rekommenderat att testa ett theme innan du byter till det på din live website.

På så sätt kan du kontrollera att det nya temat är kompatibelt med dina befintliga tillägg och se till att allt fungerar som det ska.

Det finns tre sätt som du kan ändra ditt WordPress theme utan att gå live.

1. Alternativ för Live Preview

Som standard tillåter WordPress dig att previewa ett theme på din website utan att ändra det.

För att göra det, head över till sidan Appearance ” Themes från WordPress admin sidebar.

På den här page ser du alla teman som är installerade på din site. Gå vidare och hovera musen över det theme du vill förhandsgranska och klicka på knappen ”Live Preview”.

Detta öppnar ditt new theme i WordPress Theme Customize.

You can now test your new theme och se till att allt fungerar som det ska.

2. Theme Switcha tillägg

Ett annat alternativ är att använda Theme Switcha plugin. Det allow you to preview your new theme without activating it.

Först måste du installera och aktivera det här gratis pluginet. Detaljerade instruktioner finns i vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Efter aktivering, besök Settings ” Theme Switcha page från WordPress dashboard och kontrollera boxen bredvid alternativet ”Aktivera temabyte”.

När du har gjort det rullar du längst ner på sidan för att klicka på knappen ”Save Changes”.

Detta plugin kommer nu att visa alla dina installerade teman längst ner på denna page.

Därefter klickar du bara på ditt nya theme för att få en preview i en ny tabs i web browsern.

3. Testa ditt theme på en Staging Site

You can also test your WordPress theme without making it live by creating a staging site. Denna website är en klon av din live-webbplats och används för att testa eventuella ändringar.

Du kan enkelt göra detta genom att använda din hosting providers utvalda funktion för staging site. För denna tutorial kommer vi att använda Bluehost.

Först måste du besöka din Bluehost cPanel och klicka på knappen ”My Sites”. När du har gjort det, växla till fliken ”Tillägg” och aktivera The Bluehost Plugin.

Gå sedan till din WordPress dashboard och head till Bluehost ” Staging page.

Klicka sedan på knappen ”Create Staging Site” för att fortsätta.

Bluehost kommer nu att förbereda staging-miljön åt you.

Efter det kommer den att visa ”Staging Site” -sektionen där du måste kontrollera rutan ”Ej för närvarande redigering”.

Detta kommer att öppna en prompt på vyn där du ombeds att byta till din staging site.

Här klickar du på knappen ”Switch”.

När du har gjort det kan du heada till sidan Appearance ” Themes från dashpanelen och aktivera alla teman som du vill testa utan att oroa dig för att det påverkar din live site.

Sedan, när du är nöjd med temat, kan du bara trycka på ändringarna live.

För mer detaljer kan du se vår guide för nybörjare om hur du enkelt skapar en staging-miljö för en WordPress site.

Så här ändrar du WordPress Theme på en Live Site

När du har testat ditt new theme är det dags att börja byta theme på din WordPress site.

För att göra detta, besök sidan Appearance ” Themes från WordPress admin sidebar.

När du väl är där, hoverar du bara muspekaren över det tema du vill använda och klickar sedan på knappen ”Activate” för att ändra WordPress Theme.

Nu kan you besöka homepage på your website för att se det new theme i action.

Så här ändrar du WordPress Theme manuellt

Ibland kan ett error göra ditt WordPress admin area otillgängligt. I så fall kommer du inte att kunna ändra temat med metoden ovan.

För att återskapa din website måste du återställa den från backup eller troubleshoota det WordPress error som orsakar problemet.

Men om du inte har en backup kan du ändra temat manuellt med hjälp av phpMyAdmin.

Med den här metoden allow you att tala om för WordPress vilket theme som ska användas genom att ändra informationen i databasen.

Först måste du ansluta till din website med hjälp av en FTP-klient och gå till /wp-content/themes/ folder.

Here, you’ll be able to see all the themes that are currently installed on your website. Du kan också installera ett WordPress theme via FTP om du inte ser det.

Därefter vill du skriva ner namnet på mappen för det theme du vill använda eftersom du kommer att behöva det senare.

Efter det, heada över till cPanel på ditt WordPress webbhotell konto. För denna tutorial kommer vi att använda Bluehost. Din cPanel kan dock se annorlunda ut beroende på vilken tjänst på webbhotellet som du använder.

På denna page rullar du ner till phpMyAdmin section och klickar på knappen ”Hantera” bredvid den.

När du är i phpMyAdmin ser du en lista över databaser på vänster sida av vyn. Härifrån klickar du på den database som du använder för din WordPress site.

Detta öppnar alla Database tables i den högra Column på vyn. Gå nu vidare och klicka på wp_options-tabellen för att öppna den.

Note: Som standard använder WordPress wp_ som prefix för tabellnamnen. Det är dock möjligt att ha ett annat database-prefix, som visas i image.

Detta öppnar en lista över andra filer som har lagrats i tabellen wp_options.

Härifrån måste du leta reda på raderna för template och stylesheet i den högra panelen.

När du har gjort det klickar du på länken ”Edit” i templates row för att öppna editorn.

Här måste du ändra värdet i fältet option_value till det temanamn som du vill använda.

Det är vanligtvis samma som namnet på mappen i mappen /wp-content/themes/ som du kopierade tidigare.

När du är klar klickar du på knappen ”Go” för att save ändringarna. Gå sedan vidare och upprepa samma process för stylesheet row.

När du har gjort ändringar i båda row kan du gå till din website för att se det new theme i action.

Saker att göra efter att du har bytt theme

När du har ändrat temat på din website måste du ta hand om vissa saker innan du stänger av underhållsläget.

Du kan kontrollera följande checklista över saker att göra efter att ha bytt ditt WordPress theme.

1. Testa din website

Först måste du se till att alla funktioner, tillägg och widgetar fungerar som de ska på din site.

You should invest some time to test your website and check out different things including the posts, comment section, images, and contact form.

När du är nöjd med hur din website ser ut och fungerar kan du gå vidare till nästa steg.

2. Kompatibilitet mellan webbläsare

Webbläsare har en tendens att visa vissa saker på olika sätt.

För att vara säker på att din website ser bra ut i alla större webbläsare bör du testa din site i olika web browsers, bland annat Google Chrome, Firefox, Safari och Internet Explorer.

3. Add Tracking Code

När du har testat funktionerna och kompatibiliteten mellan webbläsare bör du add to din analytics och AdSense tracking code till din site.

Du kan använda pluginet MonsterInsights för att add to spårningskoden för Google Analytics. Detta kommer att allow you to properly set up analytics and view detailed website stats right inside your WordPress dashboard.

För mer detaljer, se vår guide om hur du installerar Google Analytics i WordPress.

För att lägga till Google AdSense tracking-kod, kan du läsa vår guide om hur du korrekt lägger till Google AdSense till din WordPress webbplats.

4. Stäng av underhållsläget

Du kan nu inaktivera underhållsläget på din site för att få den att gå live.

Om du använder pluginet SeedProd, besök bara SeedProd ” Landing Pages vyn från din WordPress dashboard och klicka på toggle till ’Inaktiverad’ för att stänga av underhållsläget.

5. Tid för att hämta provet

När du har ändrat ditt theme rekommenderar vi att du använder IsItWP Website SpeedTest Tool igen för att testa hämtartiden för din homepage.

Jämför sedan med laddningstiden när ditt gamla theme installerades. Om du ser några större skillnader kan du följa vår guide för att förbättra WordPress hastighet.

6. Övervaka studsfrekvensen

När du har bytt themes bör du övervaka avvisningsfrekvensen på din site.

Om ditt new theme ej är användarvänligt och svårt att navigera i, kan det öka avvisningsfrekvensen och driva bort visitorerna från din website.

You can add related posts, popular posts widgetar, and breadcrumbs to reduce the bounce rate and increase page views.

7. Be om återkoppling

You can also ask your users for feedback and suggestions on how to improve your site design. Du kan använda formulär för undersökningar eller omröstningar online för att samla in synpunkter från användarna.

Du kan till exempel använda återkoppling från användare för att add to en undersökning med två frågor på din website. Detaljerade instruktioner finns i vår tutorial om hur du skapar en undersökning i WordPress.

Du kan dela den nya designen med dina prenumeranter med hjälp av en tjänst för e-postmarknadsföring och be dem om deras förslag. På så sätt kan du få idéer om vad de gillar att se förbättras.

Bonus: Update ett WordPress Theme utan att förlora customize

När du har bytt till ett annat tema och customize det enligt ditt gillar, kommer du att vilja hålla det temat regelbundet uppdaterat till de nyare versionerna.

När du uppdaterar ett theme kan du dock förlora några av inställningarna för customize. Du kommer till exempel att förlora all kod som du har addat till temats functions.php-fil, stylesheet eller templates.

Du kan dock enkelt updating ett WordPress tema utan att förlora all din customize genom att skapa ett barntema.

Detta tema kommer att ärva huvudtemats funktionalitet, funktioner och stil. Du kan sedan customize barntemat utan att göra några ändringar i det ursprungliga.

Därefter måste du identifiera alla ändringar du gjort i ditt tema och kopiera över dem till barntemat. Det enklaste sättet att göra detta är genom att jämföra dina gamla och nya theme-filer med hjälp av programvara som gillar WinMerge eller Kaleidoscope.

När du har gjort ändringarna exporterar du helt enkelt customizer-inställningarna från huvudtemat och importerar dem till barntemat.

När du har gjort det kan du previewa dina ändringar i customizern och klicka på knappen ”Save & Publicera” för att göra ändringarna live.

För mer detaljerade instruktioner, se vår tutorial om hur du uppdaterar ett WordPress theme utan att förlora customize.

Ett annat sätt att updating ditt theme utan att förlora någon customomize är att alltid add to din custom code med WPCode. Det är det bästa WordPress code snippet plugin på marknaden som gör det superenkelt och säkert att lägga till custom code till din website.

När du använder detta plugin behöver du inte oroa dig för att förlora den anpassade koden i din functions.php-fil, stylesheets eller templates när du uppdaterar ditt theme.

Detta beror på att koden kommer att sparas i WPCode och kommer automatiskt att köras på din site. För detaljer, se vår kompletta WPCode review.

Vi hoppas att denna Step-by-Step guide hjälpte dig att ändra ditt WordPress theme på rätt sätt. Du kanske också vill se vår guide för nybörjare om hur man använder WordPress theme customize och våra toppval för de permanentaktiverade tillägg till WordPress för företagswebbplatser.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.