Så här skapar du enkelt en Staging Site för WordPress (steg för steg)

När det gäller att göra uppdateringar eller betydande ändringar på din WordPress-webbplats kan det vara riskabelt att göra det direkt. Det är här en staging-webbplats kommer in i bilden.

Det är en perfekt klon av din live-webbplats där du på ett säkert sätt kan testa ändringar, felsöka problem och förfina uppdateringar innan du distribuerar dem till din huvudwebbplats. Att skapa en staging-webbplats kan rädda dig från potentiella driftstopp, trasiga funktioner och andra komplikationer.

På WPBeginner använder vi staging-webbplatser för att testa webbplatsuppdateringar innan vi publicerar dem på våra live-webbplatser.

I den här Step-by-Step guiden visar vi hur du enkelt skapar en staging-miljö för din WordPress webbplats. Vi kommer att täcka flera olika metoder och de flesta av dem kräver bara några click.

Vad är en Staging Site?

En staging site är en klon av din live website som används för att testa ändringar innan de görs live. Staging sites hjälper dig att hitta error, så att du inte förstör din live website.

Förr i tiden var det mycket svårt att skapa en WordPress staging site, men nu har det ändrats så att även en icke-teknisk person kan göra det.

Många användare installerar WordPress lokalt på sina Windows- eller Mac-datorer för att testa ändringar. När de är klara med updatingen laddar de helt enkelt upp ändringarna från localhost till live-servern.

Det största problemet med detta tillvägagångssätt är vad som händer om något som fungerade på your localhost inte fungerar på live-servern?

Ofta körs de lokala webbplatserna och live WordPress webbhotell servrar inte i samma miljö.

Eftersom staging-webbplatsen lever på din webbhotell server, kan du enkelt förhindra alla dessa error eftersom den kör samma serverkonfiguration som din live site.

Med det sagt, låt oss ta en titt på hur du ställer in en staging site för WordPress.

Så här skapar du enkelt en WordPress Staging Site

Det finns flera sätt att skapa en staging site för WordPress. Det enklaste är att använda din hosting providers utvalda funktion för staging site.

Några av de bästa webbhotellen för WordPress erbjuder redan 1-click staging websites. Om din website är hosted hos ett av dem kan du enkelt skapa en staging site utan krångel.

Om du inte har någon av dessa populära hostinglösningar har vi också en lösning som hjälper dig att skapa en WordPress staging site med hjälp av ett plugin (och även manuellt).

För snabbare browsing kan du använda navigationen under för att hoppa till den section som är mest tillämplig för you:

Skapa en Staging Site på Bluehost

Bluehost är ett av de bästa företagen för webbhotell för WordPress. De erbjuder en snabb 1-click staging site-lösning med alla sina planer.

Först måste du gå över till din Bluehost-instrumentpanel och besöka avsnittet ”My Sites”.

Därefter växlar du till tabben ”Tillägg” och toggle omkopplaren bredvid alternativet ”Bluehost Plugin”.

Efter det, head över till din WordPress dashboard och besök Bluehost ” Staging page.

Gå nu vidare och klicka på knappen ”Create Staging Site”.

Bluehost kommer nu att förbereda staging-miljön för din website.

När det är gjort kommer det att visa en Staging Site ’section där du måste kontrollera rutan ”Ej för närvarande redigering”.

En prompt kommer nu att öppnas på din vy där du ombeds att byta till staging site.

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

När du har kopplat om kommer du att se en knapp på vyn som visar att du arbetar på staging website.

You can go ahead and work on your website without worrying about it affecting your live site.

Distribuera ändringar från Staging till Live Site på Bluehost

När du är redo att flytta ändringar från staging till live site går du helt enkelt till Bluehost ” Staging page från sidebaren i WordPress admin.

Härifrån ser du rullgardinsmenyn med alternativ för driftsättning bredvid din staging website. You can deploy only the files, only the database, or deploy all changes.

Om du ej är säker kan du klicka på knappen ”Deploy All Changes” för att fortsätta.

Därefter klickar du på knappen ”Deploy Site” bredvid dropdown-menyn.

Detta kommer att visa en popup där du ombeds bekräfta att du vill distribuera staging site till produktionssiten. Klicka på knappen ”Deploy” för att fortsätta.

Bluehost kommer nu att börja distribuera din staging site till live site. Beroende på storleken på din website kan detta ta en stund.

You can now switch back to your live website to see your changes in action by clicking on the Radio button under the Production site alternative.

Kloning av Production Site till Staging

Nu när you byter tillbaka till produktionswebbplatsen synkroniseras inte de ändringar som du gör där automatiskt till din staging website.

Om du i framtiden vill testa fler saker på din staging-webbplats måste du duplicera din website.

För att göra detta måste du besöka Bluehost ” Staging page och klicka på knappen ’Clone to staging’.

Bluehost kommer sedan att klona de senaste ändringarna på din Live website till din Staging website. Efter det kan du byta till staging website för testning och utvecklare.

Skapa en Staging Site på SiteGround

SiteGround är ett annat högst upp WordPress webbhotell som erbjuder en 1-click staging funktion med deras GrowBig och GoGeek planer.

Om din website är hosted med SiteGround, då är det så här du skulle ställa in en staging-webbplats.

Först måste du logga in på din SiteGround dashboard och växla till fliken Websites. Härifrån måste du välja Site Tools under din website.

På nästa vy måste du klicka på WordPress ” Staging menyn från den vänstra kolumnen.

From Name väljer du din website och anger sedan ett namn för din staging-kopia.

Klicka på knappen ”Create” för att fortsätta och Siteground kommer att skapa en staging-kopia av din website.

Efter det måste du klicka på knappen ”Go to protected URLs” så att du kan skydda din staging website med password och hålla den privat.

På nästa vy kommer Siteground automatiskt att fylla i URL och sökväg för din staging website.

You have to enter the username and password that you want to use to protect your staging site.

Click on the ”Protect” button to save your settings.

Du kan nu gå tillbaka till WordPress ” Staging page och klicka på knappen ” Logga in på adminpanelen” bredvid din staging website.

SiteGround kommer nu att öppna WordPress admin area på din staging website. Du kan testa dina ändringar på denna staging website.

Distribuera Changed tillbaka till din Live website

När du har provat dina ändringar på staging-webbplatsen kanske du vill slå samman dem med din live-webbplats.

SiteGround gör det också enkelt.

Klicka bara på menyn WordPress ” St aging i den vänstra columnen. Klicka sedan på menyn med tre punkter bredvid din staging site under sektionen ”Manage Staging Copies”.

Menyn visar dig två alternativ för driftsättning. You can either choose the ”Full Deploy” or ”Custom Deploy” alternative.

Alternativet ”Full Deploy” sammanfogar allt från staging-webbplatsen till din live website. ”Customize deploy” allow you to select which files or data you want to merge.

Om du är osäker väljer du alternativet ”Full Deploy”.

SiteGround kommer sedan att kopiera staging site till din live website.

Sammanfoga Live till din Staging website

Changeds som du gör på din live website kopieras inte automatiskt till din staging website.

Varje gång du behöver arbeta med din staging website upprepar du processen ovan för att skapa en ny staging website.

Skapa en Staging Site på WP Engine

WP Engine är det bästa webbhotellet i världen som hanterar WordPress. Hanterad WordPress-hosting är en conciergetjänst för din WordPress site där hosting provider tar hand om updates, backups, säkerhet och prestanda.

WP Engine erbjuder en one-click staging-lösning med alla sina planer. Om du använder WP Engine för att servera din website, då är det så här du skulle ställa in en staging-miljö för din site.

Först måste du logga in på din WP Engine dashboard. Gå sedan till sidan ”Sites” och select your website genom att clicka på den.

Detta kommer att ta dig till din website dashboard.

Nu måste du klicka på länken ”Add Staging” i den vänstra colonnen eller välja den under namnet på din site högst upp.

Då kommer du till vyn ”Add Environment”.

You’ll be asked to choose how you wish to proceed with your staging environment.

Här är vad vart och ett av dessa alternativ gör:

• ”Starta med en ny tom site” skapar en ny tom site.
• ”Start with a guided experience” skapar en new site med en guidad upplevelse och demo-content.
• ”Copy an existing environment to this site” kopierar din produktions- eller utvecklingsmiljö till den här webbplatsen (t.ex. kopierar din live-webbplats till den här miljön).
• ”Flytta en befintlig miljö” flyttar en miljö till den här webbplatsen (t.ex. flytta utvecklingsmiljön till Staging)
• ”Starta med en WooCommerce-webbplats” skapar en new WordPress site med WooCommerce förinstallerat.

Eftersom du vill skapa en staging-kopia av vår live-webbplats måste du klicka på alternativet ”Kopiera en befintlig miljö till den här webbplatsen”.

När du har valt en miljö väljer du den senaste backupen som du vill kopiera från och klickar sedan på knappen ”Next” för att fortsätta.

Nu måste du ange ett namn för din staging site. Detta namn kommer att användas i URL:en för din staging site. Därefter väljer du STG (staging) som din miljötyp.

Klicka på knappen ”Skapa miljö” för att fortsätta.

WP Engine kommer nu att skapa en staging site åt dig. Efter det kommer du att redirectas till din dashboard för Staging-miljön.

Därefter måste du klicka på knappen Padlock för att aktivera skydd med password för din staging site.

Efter det måste du byta till tabben ”Utilities” för att kopiera användarnamn och password för din staging site.

Du kan nu klicka på knappen ”WP Admin” högst upp för att logga in på din staging website.

Du kan gratis göra ändringar och prova utvalda funktioner på staging-webbplatsen precis som du skulle göra på en vanlig WordPress-webbplats som du installerar någon annanstans.

Distribuera Changed från Staging till Live website på WP Engine

Vill du slå samman ändringar som du har gjort på staging-webbplatsen till din live website?

Klicka bara på knappen ”Kopiera miljö” för att påbörja distributionen.

Då kommer du till sidan med valfria alternativ. From here, you need to choose your source and destination environments for the copy.

Här väljer du din staging website som källmiljö och din produktions- eller live website som destinationsmiljö.

Du kan välja vad du vill kopiera. Instance, you can copy all database tables and files, specific files and database tables, or only the file system.

Därefter klickar du på knappen ”Review and Confirm” för att påbörja distributionen. Det kommer att ta ett tag att kopiera allt till din live website.

Du kommer att få ett email notification när processen är completed.

Skapa en Staging Site med hjälp av tillägget WordPress

Om ditt WordPress webbhotell inte tillhandahåller en funktion för staging site kan du fortfarande skapa en staging website med hjälp av ett WordPress plugin.

Det finns vissa nackdelar med att använda denna metod.

För det första kommer ett plugin att ha begränsad control över din server på webbhotellet. Det är därför det kanske inte alltid ger de bästa resultaten.

För det andra kommer det plugin vi kommer att använda att lagra din staging site på sina egna servrar. Om du är orolig för integritet och dataskydd kanske detta inte är idealiskt för dig.

Slutligen har pluginet flera kända inkompatibiliteter. Vänligen kontrollera deras inkompatibilitets page för att se till att din website är kompatibel.

Med detta sagt, låt oss se hur man skapar en staging WordPress site med hjälp av ett WordPress plugin.

Det första du behöver göra är att installera och aktivera WP Stagecoach plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Vid aktivering kommer pluginet att lägga till ett nytt menu-item märkt WP Stagecoach till din admin bar. Om du klickar på det kommer du till plugins page för inställningar.

Du måste enter ditt WP Stagecoach användarnamn och API key, som du kan hitta i ditt account på plugin-webbplatsen.

Efter det måste du besöka WP Stagecoach ” WP St agecoach page och välja ett namn för din staging site. Detta namn kommer också att användas som subdomain för din WordPress staging website.

Glöm inte att kontrollera boxen bredvid alternativet ”Password protect the staging site”. Det kommer att skydda din staging website från offentlig view och search engines.

Klicka på knappen ”Ride the Stagecoach” för att fortsätta.

Pluginet kommer nu att skapa en backup av din WordPress filer och databas för att exportera dem till din staging site.

Det kan ta en stund beroende på storleken på din website i WordPress.

När du har slutfört kommer du att se länken till din staging site och dess admin area.

You can click the link to visit your staging site and start working on it.

You’ll notice a bright orange message in the admin bar at the top indicating that you are working on your staging site.

Distribuera Staging Site till Live med hjälp av WP Stagecoach

När du är redo att importera ändringar till din live site, head över till WP Stagecoach ” Import Changes page och klicka på knappen check for changes.

Pluginet kommer nu att kontrollera om det finns ändringar på din staging site och sedan visa dig alternativ för att importera dem.

You can choose from all changes, file changes, or database changes.

Pluginet visar hur importen fortskrider och meddelar you när den är klar.

You kan nu testa din live site för att se om alla ändringar importerades utan problem.

Skapa en Staging Site för WordPress manuellt

Med den här metoden lär du dig att manuellt skapa en staging site för din install av WordPress. Den är avsedd för avancerade användare och är obligatorisk jämfört med de metoder som beskrivs ovan.

En annan nackdel med den här metoden är att your website kommer att vara tillfälligt otillgänglig när ändringar distribueras tillbaka från staging till live-servern.

Med detta sagt, låt oss se hur du manuellt skapar en staging-miljö för din WordPress site.

Först måste du skapa en subdomain för din staging website. Om du använder Bluehost, gå till dashboarden för ditt webbhotell account och växla till tabben ”Advanced”.

Klicka sedan på knappen ”Hantera” bredvid alternativet ”cPanel”.

Detta kommer att öppna cPanel i en new tab där du måste rulla ner till ”Domain” section.

Härifrån klickar du på alternativet ”Domäner”.

Detta öppnar en lista över alla domäner på ditt webbhotell konto. Här måste du klicka på knappen ”Create a New Domain”.

Följaktligen kommer en new page att öppnas på vyn där du måste skriva din subdomain följt av domain name under fältet ’Domain’ gillar detta:

subdomain.example.com

Efter det klickar du bara på knappen ”Submit” för att store dina settings.

Note : Vi använder Bluehost i våra exempel screenshots, så din skärm kan se annorlunda ut.

Din webbhotell control panel kommer nu att add to din subdomain, som du kan använda för att importera din live WordPress site.

Därefter måste du installera och aktivera det kostnadsfria pluginet Duplicator på din live-webbplats. Om du behöver fullständiga funktioner kan du få premiumversionen av Duplicator här.

Efter aktivering måste du klicka på menyn Duplicator i din WordPress admin sidofält och klicka på knappen ”Skapa ny” under Säkerhetskopior.

Därefter kan du ange ett namn för din säkerhetskopia och klicka på knappen ”Next” för att fortsätta.

Efter det kommer Duplicator nu att köra guiden för webbplatsduplikator.

Först kommer den att runna några tester för att se om allt är i order. Om alla objekt är markerade med ”Bra” klickar du på knappen ”Bygg”.

Plugin kommer nu att börja skapa ett Duplicator-backuppaket för din WordPress-webbplats. Denna process kan ta några minuter beroende på storleken på din webbplats.

När du är slutförd ser du alternativ för download av Installer- och Archive-paketet. You need to click on the ”Download Both Files” button to download both files on your computer.

Du måste uploada båda dessa filer till filkatalogen för den subdomain som du just har skapat. För detaljer, se vår guide om hur du använder FTP för att uploada filer till din WordPress website.

Därefter kommer din nya staging site WordPress att behöva en new database. Låt oss skapa en.

Head över till kontrollpanelen på ditt WordPress webbhotell account och växla till ”Advanced” tabs.

Därefter rullar du ner till sektionen ”Databases” och klickar på knappen ”Manage” bredvid den.

Om du ej använder Bluehost kan din WordPress webbhotellmiljö se lite annorlunda ut. Oroa dig inte, utan leta bara efter Section Databases.

Detta tar dig till sidan ”MySQL Databases” där du kan börja med att ange ett namn för din database.

Klicka sedan på knappen ”Create Database” (Skapa databas).

Därefter måste du skapa en MySQL-användare för din database.

Rulla ner till MySQL Users section och ange ett användarnamn och password för din nya användare av databasen.

Nu måste du ge den här användaren behörighet att komma åt och ändra databasen som du skapade tidigare.

Rulla bara ner till ”Add user to database” section och select your database och den användare you just skapat.

Därefter klickar du på knappen ”Add” för att fortsätta.

You will be asked to select privileges for the user. Gå vidare och välj checkboxen ”All Privileges” och klicka sedan på knappen ”Make changes”.

Nu är din database redo att användas för din staging website.

Därefter måste du öppna en ny webbläsare tabs och enter subdomain av din staging site gillar detta:

https://yoursubdomain.example.com/installer.php

Glöm inte att ersätta yoursubdomain it med den faktiska subdomänen och example.com med ditt eget domain name.

Detta startar Wizard för installation av Duplicator.

Under ”Setup” section kommer installatören att be you att enter your WordPress database information.

Din server kommer troligen att vara localhost. Efter det kommer du att enter details för den database som du skapade för ditt new domain name i det tidigare steget.

Klicka på knappen ”Validate” för att se till att Duplicator kan ansluta till din database.

När du är klar klickar du på knappen ”Next” för att fortsätta.

Duplicator kommer nu att packa upp din WordPress database och filer och importera dem till din staging site.

När den är slutförd kommer du att se ett success message.

Du kan clicka på knappen ”Admin Login” för att enter WordPress admin area på din website på den new staging site.

Nu har du konfigurerat din staging site. You can protect it by adding password protection to the subdomain.

Head över till ditt webbhotell kontos dashboard och växla till fliken ”Avancerat”.

Därefter rullar du ner till section ”cPanel” och klickar på knappen ”Hantera” bredvid den.

Detta öppnar cPanel i ett new fönster där du måste rulla ner till sectionen ”Files”.

Klicka sedan på ikonen ”Directory Privacy”.

Därefter måste du välja din subdomain folder och sedan välja alternativet till ”password protect this directory” checkbox.

Du kommer att bli ombedd att ange ett namn för denna inställning och sedan klicka på knappen ”Save”.

Din staging site kommer nu att vara dold bakom ett password, vilket håller den borta från search engines och Offentligs ögon.

You can now work on your staging site and make any changes to it.

Manuellt distribuera Staging Site till Live

När du är redo att distribuera ändringar från din staging site till live-servern följer du samma steg som beskrivs ovan.

Skapa helt enkelt ett new Duplicator-paket på din staging site och download install- och archive-filerna till din dator (se instruktionerna ovan).

Därefter måste du heada över till din live site och skapa en komplett WordPress backup (du kan använda Duplicator för att skapa en komplett backup också).

När du är klar måste du ta bort alla WordPress-filer och -folders från din live website. Detta innebär att din WordPress site kommer att vara nere ett tag.

Följ slutligen instruktionerna ovan för att runna installationsguiden för Duplicator för att importera staging site till live-servern.

Som du kan se är den sista metoden inte alls den bästa metoden. Det finns många saker under processen som kan skada din site.

Vi föreslår att du undviker den här metoden till varje pris om du inte har något annat val. Vi rekommenderar att du använder en tillförlitlig hosting provider som Bluehost, SiteGround eller WP Engine med built-in staging site funktioner.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt skapar en staging-miljö för din WordPress-webbplats. Om du runar på några issues, kontrollera vår ultimata guide till att fixa de vanligaste WordPress-felen. Du kanske också vill lära dig hur du använder WordPress Playground i din webbläsare för testning.

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.