Beginner’s Guide till Git med WordPress

Vi använder Git och GitHub för att hantera våra webbplatser och plugins. Det är ett av de verktyg som i det tysta håller allt organiserat bakom kulisserna.

Med tiden har vi märkt att det gör hanteringen av WordPress-webbplatser så mycket enklare. Det spårar varje förändring, stor eller liten, så att du alltid har en tydlig bild av vad som har gjorts.

Tänk på Git som ett skyddsnät för din webbplats. Du kan experimentera fritt och veta att du alltid kan gå tillbaka till en stabil version om något går sönder.

Om du arbetar med ett team hjälper Git alla att hålla sig synkroniserade. Det är som att dela en anteckningsbok där alla dina uppdateringar sparas, så att inget går förlorat eller skrivs över.

I den här guiden går vi igenom grunderna i att använda Git med WordPress och visar dig hur du kommer igång steg för steg.

Här är en översikt över allt vi kommer att täcka i den här guiden. You can click the links under to jump ahead to any section:

Vad är Git?

Git står för Global Information Tracker. Det är ett versionskontrollsystem som hjälper dig att hålla reda på ändringar som görs i din kod eller dina filer över tid.

Allt lagras i en mapp som kallas repository, eller repo som det förkortas. Tänk på det som en huvudmapp där Git övervakar alla dina projektfiler.

Git används mest av utvecklare som arbetar med olika projekt för utveckling av programvara. Det gör det möjligt för flera personer att kopiera huvudkodbasen till sina datorer.

Varje person kan göra ändringar lokalt utan att röra originalfilerna. När de är klara kan de skicka in sina uppdateringar till en plattform som GitHub, som hjälper till att hantera och organisera teamets bidrag.

Git vs. GitHub – Vad är skillnaden?

En vanlig förväxlingspunkt är skillnaden mellan Git och GitHub. Om du precis har börjat är det lätt att blanda ihop dem.

Git är verktyget som spårar ändringar i din kod. Det låter dig organisera dessa ändringar i arkiv, oavsett om du arbetar ensam eller tillsammans med andra.

GitHub är en onlineplattform där du kan lagra och dela Git-repositorier. Det gör samarbetet enklare, särskilt när du arbetar med ett team.

Du kan använda Git utan GitHub genom att behålla allt på din egen dator. Men GitHub fungerar inte utan Git – det är helt beroende av det.

Det finns andra Git-värdstjänster också, som Bitbucket, Launchpad och Assembla. Men GitHub är den mest populära tack vare sina extrafunktioner och sitt rena gränssnitt.

Det är särskilt användbart för team och distansarbetare som hanterar stora projekt. Du kan spåra varje ändring, lämna kommentarer och återgå till tidigare versioner när det behövs.

Och eftersom allt lagras i molnet förlorar du inte ditt arbete om din dator kraschar eller försvinner.

Nu ska vi titta på när det är meningsfullt att använda Git och GitHub för WordPress-utveckling.

Så här använder du Git och GitHub för att utveckla WordPress

Vi använder oftast Git och GitHub när vi bygger anpassade WordPress-plugins och webbplatser. De hjälper oss att hålla ordning på allt medan vi arbetar med olika versioner och uppdateringar.

Om du arbetar med ett nytt tema eller anpassar ett för en klient kan GitHub innehålla hela kodbasen. Du kan klona temarepoet, göra dina ändringar och testa det på din lokala webbplats innan du gör något med liveversionen.

När allt ser bra ut skickar du bara ändringarna till GitHub. Därifrån kan du uppdatera temat på din faktiska WordPress-webbplats.

Samma sak gäller för plugin-utveckling. Oavsett om du bygger ett plugin från grunden eller arbetar med förbättringar, ger Git och GitHub dig kontroll över varje ändring.

De passar också bra för projekt med öppen källkod. Vem som helst kan forka plugin-repoet, arbeta med buggfixar eller nya funktioner och skicka in sina bidrag med en pull request.

Du kan även använda GitHub för att ladda ner WordPress-plugins eller teman och installera dem manuellt. Tänk bara på att GitHub inte är byggt för att fungera som molnlagringsverktyg som Dropbox eller Google Drive.

Nu ska vi visa dig hur du gör en ändring i en lokal plugin-fil och laddar upp den till GitHub steg för steg.

Settings för en lokal WordPress-miljö för Git

Innan du använder Git och GitHub är det en bra idé att skapa en lokal WordPress-miljö. Det är här du kan arbeta med ditt projekt, göra ändringar på en WordPress site, prova din nya kod och testa plugin- och theme-utveckling.

Att ha en lokal miljö säkerställer att din live website inte påverkas av ändringarna förrän du distribuerar dem. Om något skulle gå fel kan du göra ändringar och debugga koden på din språkversion av din website.

För att komma igång kan du använda lokal webbprogramvara som låter dig servera lokala webbplatser på din dator istället för en staging- eller live-server.

Till exempel gillar programvara som Local WP (tidigare känd som Local by Flywheel), MAMP, XAMPP och WampServer är bra för att skapa lokala miljöer. De är gratis att använda och mycket enkla att konfigurera.

Du kan lära dig mer genom att följa våra guider om hur du installerar WordPress på en Windows-dator och hur du installerar WordPress lokalt på en Mac.

Installera Git språkversion och skapa ett repository

När din lokala miljö är klar är nästa steg att downloada och installera Git på din dator.

Men innan du gör det är det viktigt att kontrollera om Git redan är installerat på din maskin eller ej. Det beror på att de senaste macOS- och Linux-enheterna har Git förinstallerat.

För att börja, enter bara kommandot git -version i “Terminal” på en Mac- eller Linux-maskin. På en Windows device kan du öppna kommandotolken och skriva in kommandot git version.

Om Git är förinstallerat bör du se Gits versionsnummer. Om det inte redan är installerat kommer du inte att se något eller få ett unknown command error. Detta innebär att du måste installera Git på din maskin.

Först måste du besöka Git-webbplatsen och head till “Downloads” -sektionen.

På nästa vy hittar du länkar för Mac, Windows och Linux/Unix.

Gå vidare och klicka på länken för din device’s operativsystem för att downloada Git.

När du har downloadat Git från webbplatsen kan du starta installationsguiden.

Klicka sedan på knappen “Följer” och följ instruktionerna på skärmen för att slutföra installationen.

När installationen är completed kan du starta Git.

Därefter är det bara att skriva git version för att kontrollera att programvaran är korrekt installerad.

Nu när Git är redo att användas på ditt system är nästa steg att skapa ett lokalt Git repository där du kan göra ändringar i filerna på din WordPress site innan du skickar dem till GitHub.

Börja med att navigera till de lokala filerna för din website på datorn. Härifrån lokaliserar du mappen “wp-content” och går sedan till plugin- eller theme-mappen som du arbetar med. Högerklicka nu var som helst i mappen och klicka på alternativet “Open Git Bash Here”.

Detta öppnar programvaran Git på din dator.

Här skriver du bara in följande kommando och trycker på Enter eller Return på ditt tangentbord.

git init

Följaktligen måste du skriva följande kommando för att genomföra filändringar.

git add .

När det är gjort trycker du på Enter eller Return.

Följaktligen kan du add a message to your repo genom att skriva följande kommando.

git commit -m “message”

Glöm inte att ersätta message med vilken text du gillar. Det här är ett sätt att lämna obs/observera de specifika ändringar du har gjort i repot.

När det är gjort trycker du bara på knappen Enter eller Return på ditt tangentbord.

Du bör nu se en dold ‘.git’ folder i dina lokala WordPress theme-filer.

Skapa GitHub Repository och Commit-ändringar

Därefter kan du heada till GitHubs website och registrera dig för ett gratis account.

Börja med att enter din email address och click the “Sign up for GitHub” button.

På nästa vy måste du enter details för att skapa ett new account.

For instance, create a password, enter a username, and check your email preferences.

Om du rullar ner kommer GitHub att be dig att lösa ett pussel för att kontrollera ditt account.

Det är ungefär som att ha reCAPTCHA på din site.

När your account är klart kommer du att se GitHub dashboard.

Gå vidare och klicka på “+” -tecknet högst upp och välj “New repository” optin.

Efter det kan du enter ett namn för ditt repository.

Det finns också alternativ för att add to en description och göra repositoryet offentligt eller hålla det privat.

Om du rullar nedåt ser du fler alternativ, som att lägga till en README-fil och välja en licens.

När du har enter alla detaljer klickar du på knappen “Create repository”.

När du har skapat repository måste du kopiera dess URL.

Du hittar länken under Quick Setup section.

Därefter måste du öppna Git Bash på din dator.

Därefter enterar du bara följande kommando och trycker på Enter eller Return.

git remote add origin URL

Glöm inte att ersätta URL:en med länken till ditt repository.

Följaktligen kan du skriva följande kommando.

git push -u origin main

Detta kommer att skicka det lokala repository till remote repository på GitHub.

Därefter kan du bli ombedd att ansluta ditt GitHub-konto om det inte redan är anslutet till Git. Logga bara in på ditt account och auktorisera Git att ansluta.

Nu kan du öppna GitHub repository och se de lokala filerna som du just har editerat.

När du har skickat de lokala filerna till GitHub kan andra användare editera filen och göra ytterligare ändringar i pluginet eller temat.

Om du behöver hämta dessa updates från ett GitHub repository för din lokala installation av website, måste du öppna plugin mappen på din dator, högerklicka var som helst och öppna Git Bash.

Följer du detta kan du skriva följande kommando och trycka på Enter eller Return.

git fetch URL

Glöm inte att ersätta URL:en med länken till GitHub repository.

Nu kan du upprepa dessa steg för att börja utveckla WordPress med Git och GitHub.

När du har gjort ändringarna i de lokala filerna är nästa steg att flytta dem till webbplatsen.

Distribuera GitHub Themes och Tillägg till en Live WordPress Site

När du har completed utvecklare ett WordPress plugin eller theme, är det sista steget att distribuera det på din live website.

Nu kan du använda Git och runna olika kommandon för att pusha dina ändringar till WordPress website. Det finns dock ett enklare sätt genom att använda ett WordPress Github plugin som gillar WP Pusher.

Först måste du besöka WP Pusher website och klicka på knappen “Download”.

Därefter downloadar du filerna för WP Pusher plugin och sparar dem på din dator.

Efter det kan du installera och aktivera WP Pusher plugin. Om du behöver hjälp, vänligen se vår guide om hur du installerar ett plugin för WordPress.

Efter aktivering kan du heada till WP Pusher från WordPress dashboard och växla till “GitHub”-tabben.

Därefter öppnas ett new popup-fönster där du ombeds allow WP Pusher att ansluta till ditt GitHub-konto.

Klicka bara på knappen “Authorize wppusher” för att fortsätta.

Härifrån måste du logga in på ditt GitHub account.

När det är gjort kopierar du helt enkelt GitHub-token på nästa vy.

Gå nu till WP Pusher GitHub settings och enter sedan tokenkoden.

Glöm inte att clicka på knappen “Save GitHub token”.

När GitHub har anslutits kan du installera alla themes eller plugins som du har uppladdat till GitHub från repository på din live WordPress website.

Till exempel, head till WP Pusher ” Install Plugin i WordPress adminpanel och enter plugin repository URL.

Eller så klickar du på knappen “Pick from GitHub” och ett new popup-fönster öppnas.

Härifrån kopierar du helt enkelt länken till ditt plugin repository.

När du har angett GitHub repo URL kan du ange andra detaljer som gillar repository gren och subdirectory.

Därefter måste du rulla ner och klicka på knappen “Install plugin” längst ner.

När pluginet har installerats måste du aktivera det.

För att göra det, gå bara till Tillägg ” Installerade tillägg och navigera till det plugin du just installerade. Härifrån kan du klicka på knappen “Activate”.

Du kan nu börja använda det installerade pluginet på din website.

På samma sätt kan du heada till Install Theme under WP Pusher i din WordPress dashboard för att installera ett custom theme som du har utvecklat med samma process.

Installera tillägg och teman för WordPress från GitHub

Förutom att WordPress integreras med Git och GitHub för utvecklare, kan du också få plugin- och theme-filer som inte längre är tillgängliga i WordPress.org-biblioteket.

WordPress utvecklare skapar vanligtvis GitHub repository för sina tillägg och teman. Du kan ofta enkelt hitta dem på GitHub om de inte är tillgängliga i WordPress plugin- och theme-bibliotek.

Öppna helt enkelt GitHub och search efter det plugin eller theme som du vill installera. Efter det kan du clicka på knappen “Code” och välja alternativet “Download ZIP”.

På så sätt kan du downloada filerna för pluginet och installera dem på din website.

För mer detaljer, vänligen se vår guide om hur du installerar WordPress tillägg och teman från GitHub.

Viktiga Git- och GitHub-termer du bör känna till

Du kommer att stöta på olika Git- och GitHub-terminologier när du börjar använda dem för att utveckla WordPress och andra ändamål. För att hjälpa dig, här är några viktiga termer som du bör känna till:

• Grenar – En gren gillar ett parallellt repository som du kan skapa. Den låter dig göra ändringar och arbeta fritt utan att påverka huvudgrenen eller störa Live-versionen.
• Sammanfoga – När du vill ta ändringar från en gren och tillämpa dem på en annan gren anropas denna process sammanfogning. Grenarna måste dock finnas i samma repository eller från en fork.
• Pull – Det handlar om att hämta ändringar och slå samman dem. Låt oss säga att någon har gjort ändringar i en fil i repository. You can pull those changes to your local environment to ensure your files are up to date.
• Pull Requests (PR) – Enpull request är när en användare submitterar föreslagna ändringar till ett repository, och det godkänns eller avvisas av en annan repository-medarbetare.
• Fork – En fork är en personlig kopia av en annan användares repository som du har på ditt account. Du kan göra ändringar i ett projekt fritt med hjälp av en fork utan att påverka det ursprungliga repository.
• Commit – En commit är en enskild ändring av en fil i repository. När du gör en commit skapar Git ett unikt ID:n som hjälper dig att hålla post om specifika ändringar. Det registrerar också vem som gjorde ändringarna och när de gjordes.
• Push – Pushing innebär att du skickar dina ändringar till ett avlägset repository på GitHub. Till exempel, om du gör ändringar i en fil lokalt, kan du skicka dem så att andra också kan komma åt dem.

Bonusresurser

Vi älskar när våra nybörjarläsare går vidare till den avancerade nivån och vill skriva kod själva. Om du är intresserad av WordPress-kodning och -utveckling har vi här några resurser som kan vara till hjälp för dig.

• Användbara WordPress-kodsnippets för nybörjare (expertval)
• Så här distribuerar du automatiskt temaförändringar i WordPress med hjälp av GitHub och Deploy
• Bästa utvecklingsverktygen för WordPress (gratis + betalda)
• Så här lägger du till dummy-innehåll för temautveckling i WordPress
• 19 bästa WordPress-startteman för utvecklare

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du använder Git med WordPress. Du kanske också vill se våra val av de bästa mobilapparna för att hantera din WordPress-webbplats och de vanligaste WordPress-felen och hur du åtgärdar dem.

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.