Handledningar

Hur man skapar scenmiljö för en WordPress-webbplats

Hur man skapar scenmiljö för en WordPress-webbplats / Handledningar

Som WordPress nybörjare utvecklas i sin karriär växer deras webbplats också. När du kör stabila och professionella webbplatser är det inte det bästa alternativet att redigera allt. Flera av våra användare bad oss ​​om en handledning som förklarar processen att skapa en scenmiljö. I den här artikeln visar vi hur du skapar en scenmiljö för din WordPress-webbplats.

Notera: Den här artikeln är mer lämplig för användare som vill flytta från nybörjarenivå WordPress-utveckling till lite mer avancerad utveckling. Denna artikel hjälper dig från ko-pojkodning och lär dig bästa praxis. Det här är vad du ska lära dig i slutet av den här artikeln.

  • Skapa en scenplats
  • Använda Git och BitBucket
  • Pushing ändringar från Local Server till BitBucket
  • Implementera ändringar från BitBucket till Staging Site

Vad är en scenmiljö?

För att arbeta på en WordPress-webbplats rekommenderar vi att våra användare installerar WordPress lokalt på sina Windows- eller Mac-datorer. När du är klar och nöjd med din webbplats kan du ladda upp den från localhost till live server.

Det finns ett problem med detta tillvägagångssätt. Vad händer om något som fungerade på ditt lokala värd inte fungerar på live-servern? Detta skulle orsaka fel som kan vara ett problem för etablerade webbplatser eftersom det kan påverka rankningen av sökmotorer, försäljning, första intryck på användare osv.

Istället för att ladda upp dina ändringar till den levande webbplatsen kan du ladda upp dem till en stationsplats på samma server. En scenplats är ett separat utvecklingsområde på din webbplats (vanligtvis en deldomän) med begränsad tillgång. Här kan du testa dina ändringar eller använda den för hela din utveckling. När du väl har testat din webbplats noggrant kan du ladda upp den till din levande webbplats.

Om du är nybörjare och inte vill lära dig den komplicerade processen som lyfts fram i artikeln nedan rekommenderar vi att du väljer en hanterad WordPress-värdleverantör som WPEngine som erbjuder inbyggd installationsfunktion. Våra vänner på SiteGround erbjuder även uppläggningsfunktionerna i deras grow-geek-plan vilket är mycket billigare.

Ställa in scenmiljö med cPanel

Det första du behöver göra är att skapa en underdomän på din huvuddomän. En underdomän låter dig köra din webbplats i en separat mapp, som inte påverkar din huvuddatabas, filer eller uppladdningar.

För att göra detta, logga in på din cPanel (andra kontrollpanelens liknar, leta efter domäner eller domäner), Under domäner sektioner måste du klicka på underdomäner.

På nästa skärm anger du namnet du vill använda för din underdomän (vanligtvis iscensättning eller dev) och välj sedan din huvuddomän från rullgardinsmenyn.

I cPanel ska detta automatiskt fylla i Dokumentrota textrutan med en plats baserat på namnet på din underdomän. Du kan ändra det här om du vill, men vanligtvis kommer det att vara bra (public_html / staging).

Nu behöver du bara klicka Skapa när du är klar. Det ska bekräfta, och visa underdomänen i tabellen nedan.

Du kan verifiera att din underdomän har upprättats genom att besöka den i din webbläsare. Det borde visa något liknande det här:

Nu behöver du skapa ett separat FTP-konto för din scenmiljö. Ett dedikerat FTP-konto har bara tillgång till din staging katalog för att förhindra oavsiktliga förändringar i din levande miljö.

I cPanel, navigera till FTP-konto sektion. Fyll i fälten i Lägg till FTP-konto sektion.

De Directory bör matcha den katalog du angav när du skapade din underdomän. Klick Skapa FTP-konto för att skapa ditt nya konto. Det här kontot kommer bara att ha åtkomst till den katalog du angav inte hela servern.

Kopiera data från Live Site till Staging Environment

Nu när du har inställt din underdomän, är nästa steg att kopiera data från din levande webbplats till din stationsplats. Detta gör att du kan testa förändringar i din scenmiljö med samma data utan att påverka din levande webbplats.

Det enklaste sättet att göra detta är genom phpMyAdmin. Logga in phpMyAdmin via cPanel, och välj din nuvarande levande databas. När du väl har valt din levande databas klickar du på Operationer fliken i menyraden.

Här måste du leta efter Kopiera databas till låda. I textrutan anger du namnet på din databas (om du inte har skapat det ännu, se till SKAPA DATABASE innan du kopierar är markerad och ge det ett namn som example_staging). Du måste kopiera både struktur och data samt se till att du håller de återstående inställningarna som standard. Klick Gå att köra kopian. Kom ihåg för större databaser kan det ta lite tid.

När din databas har kopierats måste du välja den från sidofältet till vänster. phpMyAdmin öppnar nu din nykopierade databas. Du måste klicka på SQL fliken i menyraden på phpMyAdmin.

Nu ska vi ersätta alla referenser av vår levande webbplats till platsplatsen för att se till att allt fungerar bra när vi använder denna databas för staging. För att göra det måste du köra följande SQL-frågor. 

 UPPDATERA wp_options SET option_value = REPLACE (option_value, 'ORIGINAL_URL', 'NEW_URL'); UPPDATERA wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); UPPDATERA wp_posts SET guid = REPLACE (guid, "ORIGINAL_URL", "NEW_URL"); UPPDATERA wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL');

Ange ovanstående frågor i SQL-frågefältet och ersätt följande värden:

  • ORIGINAL_URL - din ursprungliga webbadress, t.ex. http://example.com. Du hittar det här i din WordPress-administratör under Inställningar> Allmänt> WordPress-adress (URL)
  • NEW_URL - ange din nya webbadress, det här är den plats du skapade tidigare skapad (var noga med att inkludera http: // - t ex http://staging.example.com)
  • wp_ - Om din webbplats har ett anpassat prefix på databastabellerna, se till att du ersätter wp_ med det.

Klick Gå att köra frågorna. Ett bekräftelsemeddelande visas när detta är klart.

Efter att ha kopierat din databas måste du kopiera dina WordPress-filer, plugins, teman och uppladdningar. Först hämta en ny kopia av WordPress från WordPress.org. Ladda upp innehållet i WordPress till din scenplats. Notera, kör inte WordPress-installationen än.

När du har laddat upp WordPress, är nästa sak du behöver kopiera mediefiler, plugins och teman. Följande mappar måste kopieras:

  • / Wp-content / uppladdningar
  • / wp-content / teman
  • wp-content / plugins

Om de är små kan du ladda ner dem från din live-sida via din FTP-klient och ladda dem till din staging-mapp. Men för större mappar kan det ofta vara tidskrävande. cPanels filhanterare gör att du kan kopiera mappar direkt på servern vilket gör processen mycket snabbare.

Logga in på din cPanel dashboard och klicka på Filhanterare under filer avsnittet.

cPanel startar filhanteraren. Du måste navigera till din levande webbplats wp-innehåll katalog (typiskt / public_html / wp-innehåll) där du skulle kunna se dina teman, plugins och överför mappar.

För varje mapp måste du högerklicka och välja Kopia. Detta kommer att hämta en dialogruta, välj den plats där du vill att mappen ska kopieras. Vi vill kopiera den till katalogen som vi har skapat för underliggande domänen. Det är också katalogen där du laddade upp WordPress i föregående steg. / Public_html / iscensättning / wp-innehåll /

Detta kommer att kopiera varje mapp till din staging wp-innehåll katalog.

Du måste upprepa detta här för var och en av de ovannämnda katalogerna (plugins, teman och uppladdningar).

Notera: I vissa WordPress-värdmiljöer kanske du inte kan använda en filhanterare, i så fall måste du manuellt hämta dessa kataloger till din dator och sedan ladda upp dem till staging-webbplatsen eller använda SSH.

När du har kopierat dessa kataloger är du redo att ansluta din installationsinstallation av Wordpress till databasen du kopierade tidigare.

Öppna din scenplats, via den underdomän som vi tidigare skapat. Om din staging katalog inte innehåller a wp-config.php fil, Wordpress kommer att försöka skapa en som frågar efter dina databasanslutningsuppgifter. Om det har en wp-config.php-fil, se till att du redigerar den för att använda dina nya databasinformation om databasinformation.

En gång Wordpress har anslutit till din databas, bör det upptäcka att WordPress har installerats och uppmanas att logga in. Din inloggningsinformation kommer att vara densamma som på din nuvarande levande webbplats.

Eventuella förändringar du gör i din scenmiljö kommer nu att vara oberoende av din levande miljö. Det betyder att du kan ändra inställningar, installera nya plugins, redigera temafiler och mer utan att påverka upplevelsen för dina kunder.

Konfigurera och felsöka din scenmiljö

När du har loggat in på din scen Wordpress installation, det finns ett antal inställningar som bör konfigureras innan de fortsätter.

Se till att din domän är korrekt

Titta på webbadressen till din administratörsskärm. Om det är din underdomän, har den upptäckt den nya konfigurationen. Om inte, då SQL-frågorna som körs tidigare kommer det inte att ha ändrat webbplatsens webbadress i databasen. Leta efter SITEURL och Hem option_name finns inom wp_options-tabellen.

Se till att din media har kopierats

Besök mediasektionen i din WordPress-administration och kontrollera om dina bilder / videoklipp / etc. är på plats. Om så är fallet kommer din uppladdningskatalog att ha kopierats korrekt. Om inte, se till att katalogerna för uppladdning är på rätt plats (vanligtvis / public_html / staging / wp-innehåll / uppladdningar).

Inaktivera XML Sitemaps i WordPress SEO

Om du kör WP SEO måste du se till att alternativet XML Sitemaps är inaktiverat. Detta kommer att bidra till att sökmotorer inte indexerar din scenmiljö.

Begränsad platsåtkomst

För att förhindra att användare av misstag besöker din platsplats måste du installera och aktivera, Begränsa webbplatsåtkomst. Vid installationen, gå till Inställningar> Läsning för att konfigurera plugin.

Du vill också gå in i Inställningar »Läsning avsnitt och se till att inaktivera indexering av denna webbplats med sökmotorer. Du vill försäkra dig om att du gör detta för att förhindra duplikat innehåll.

Du kan också lösenordsskydda hela katalogen med htpassword. Metoden som visas i handledningen är för / wp-admin / men du kan ändra den för en webbplatskarta.

Uppdatera Permalinks

Besök Inställningar> Permalinks och klicka på Spara för att säkerställa att din permalinkstruktur är uppdaterad. Om du får 404 fel på din scenplats, så är det ofta orsaken.

Pushing Ändringar till Staging från GitHub eller BitBucket

De flesta professionella utvecklare gillar att använda ett versionsstyrningssystem som SVN eller Git för att spåra deras utvecklingsframsteg. Med hjälp av ett versionsstyrningssystem kan du gå tillbaka i tiden om något går fel eftersom all din kodhistorik lagras på en central plats. Det gör också samarbetet enklare eftersom alla ändringar lagras på en central plats, utvecklare har tillgång till alla ändringar som gjorts i ett projekt.

GitHub eller BitBucket, vilken du ska använda

Både, GitHub och BitBucket är projekt hosting service och båda låter dig använda Git för dina projekt. GitHub är mer populärt bland utvecklare av open source-projekt och har ett större community av utvecklare. Om projektet du arbetar på är ett WordPress-plugin med öppen källkod eller ett tema, kan du vara värd för det på GitHub. Ditt projekt kommer att vara offentligt synligt och andra användare kan se din källkod. För att skapa ett privat förvar på GitHub behöver du uppgradera till sin betalade plan.

Å andra sidan tillåter BitBucket dig att skapa privata arkiv gratis. Om du arbetar på en kunds webbplats eller din egen personliga webbplats, skulle du förmodligen vilja hålla ditt arbete privat. BitBucket gör det lättare för dig att göra det.

Komma igång med BitBucket

Steg 1. Installera Git

Första sak du behöver göra är att ladda ner och installera Git på Windows (eller Mac).

Steg 2. Skapa ditt första arkiv

Nu när du har installerat Git, är nästa steg att registrera dig för ett gratis BitBucket-konto. När du har anmält dig kommer du att ange BitBucket instrumentpanel där du måste klicka på Skapa nytt förråd knapp.

Ange ett namn och en beskrivning för ditt förråd något som hjälper dig att identifiera ditt projekt. För att göra ditt förråd privat måste du markera rutan bredvid Åtkomstnivå. Slutligen, se till att Git är markerad som din repositortyp. Du kan lämna resten av alternativen oförändrad och klicka på Skapa arkivknappen för att fortsätta. BitBucket skapar nu ett tomt arkiv för dig.

Eftersom du kommer att arbeta med din lokala WordPress-installation, klicka på Jag har ett befintligt projekt för att driva upp.

Steg 3. Lägg till lokal katalog till Git

Du är redo att trycka på ditt lokala WordPress-projekt till BitBucket. Starta Git Bash på din dator. Ja, det är ett kommandoradsverktyg och du måste skriva kommandon, men oroa dig inte, det är super lätt.

Om du inte vill använda kommandoraden kan du använda GUI-gränssnitt som Github for Windows (som också fungerar för Bitbucket) och / eller TortoiseGit.

Först måste du lägga till din lokala WordPress-projektmapp som ett förråd i Git. Kom ihåg att du inte behöver lägga till hela din WordPress-katalog till projektet. Om du arbetar på ett tema kan du bara lägga till den temakatalog som ett Git-arkiv.

I Git Bash flyttar du först till projektkatalogen genom att skriva sökvägen till projektkatalogen och sedan lägga till den i Git: 

 cd / c / xampp / htdocs / wordpress / wp-innehåll / teman / myawesometheme git init

Nu när du har lagt till ditt projekt till Git, är nästa steg att lägga till alla filer i den. 

 git lägg till .

När du har lagt till alla dina filer är nästa steg att göra ditt första engagemang. 

 git commit -m "Lägga till alla projektfiler som den första commit"

Steg 4. Synkronisera ändringar med ditt Bitbucket-arkiv.

Nu är det sista steget att synkronisera dina lokala filer med ditt BitBucket-arkiv. Skriv in den här raden i Git Bash för att ansluta ditt lokala arkiv till ditt BitBucket-arkiv. 

 git remote add origin https: //[email protected]/bitbucketusername/repositoryname.git

Skjut alla dina filer till BitBucket-arkivet. 

 git push -u ursprung - all # pushar upp repo och dess refs för första gången

Grattis, du har lyckats synkronisera dina lokala WordPress-filer med ditt BitBucket-arkiv. Nu kan vi göra några ändringar i filer i ditt lokala arkiv. När du är klar med att göra ändringar måste du begå dessa ändringar till Git. 

 git lägg till. git commit -m "Added new features" git push -u-ursprung --all

Använda ändringar från BitBucket till Staging Site

Nu när du har lärt dig hur du använder Git med BitBucket, är det dags att distribuera ändringar från ditt BitBucket-arkiv till din installationsplats. På så sätt kan du arbeta på din webbplats lokalt och testa dina ändringar på din stationsplats utan att påverka din levande webbplats.

För att göra det rekommenderar vi att du använder Ftploy. Med det grundläggande fria kontot kan du konfigurera ett projekt. Den övervakar ändringar som gjorts i ditt BitBucket-arkiv och sedan distribuerar dem till din webbserver. Först måste du registrera dig för ett konto på Ftploy. Därefter måste du lägga till dina serveruppgifter.

Om du vill konfigurera en ny server väljer du Servrar »Ny server från navigeringen längst upp.

Fyll i lämpliga fält med de inställningar du skapade när du konfigurerade ditt FTP-konto tidigare.

Klick Testanslutning för att säkerställa att FTPloy kan ansluta till din server och klicka sedan på Spara server.

För att skapa ett projekt, välj Projekt »Nytt projekt från navigeringsmenyn, välj GitHub eller BitBucket där så är lämpligt.

Om du tidigare har definierat din server kan du välja den från rullgardinsmenyn (annars anger du informationen i de fält som är lämpliga). I fältet Server path anger du sökvägen till din teman katalog (det här ändras beroende på repoens struktur, men / wp-innehåll / tema / ditt-tema kommer att vara lämpligt om ditt repo bara innehåller ditt tema).

När du trycker på en ändring till det BitBucket-arkivet kommer FTPloy att hämta de ändrade filerna och trycka dem på din valda server.

Pushing Changes to Live

Om du använder FTPloy för att distribuera dina ändringar från ett repository till din installationsserver, kan du skapa en liknande process för din live-server. Om felaktig eller felaktig kod sköts till ditt förråd, skulle det dock gå ut till din levande webbplats automatiskt.

Det rekommenderas att köra ett automatiserat installationssystem som FTPloy för en installationsserver och sedan manuellt kopiera de önskade filerna till din levande webbplats när du är nöjd med ändringarna och testat dem noggrant på din nya scenmiljö.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar scenmiljö för dina WordPress-webbplatser. För felsökning, kolla in vår guide till de vanligaste WordPress-felen och hur du åtgärdar dem. För feedback och frågor är du välkommen att lämna en kommentar nedan.