Veți întâlni adesea termenii GitHub și WordPress în lumea dezvoltării. Integrarea WordPress și GitHub poate simplifica fluxul de lucru al dezvoltatorului și îi poate face mai productivi.

GitHub este o platformă cloud care vă permite să urmăriți, să gestionați și să stocați codul sursă. Pe de altă parte, WordPress este un sistem de management al conținutului (CMS) pentru crearea de site-uri web.

De ce trebuie să le integrezi pe cele două?

• Controlul versiunii: Cu GitHub, puteți urmări toate modificările codului sursă WordPress de-a lungul timpului. Astfel, vă puteți gestiona cu ușurință codul personalizat, temele WordPress și pluginurile.
• Branching: După integrarea WordPress cu GitHub, nu mai trebuie să păstrați site-ul în starea „în întreținere”. Creați ramuri noi, lucrați la caracteristici individuale, testați-le și implementați-le după ce sunteți mulțumit că totul funcționează conform așteptărilor.
• Colaborare: S-ar putea să construiți un site web mare care necesită contribuția diferiților dezvoltatori. GitHub vă permite să includeți membrii echipei și să le atribuiți diferite roluri.
• Revizuirea codului: lucrurile pot merge prost atunci când construiți o aplicație WordPress și aplicația dvs. se defectează. GitHub vă permite să revizuiți toate modificările aduse codului sursă WordPress înainte de a le implementa în dezvoltare.
• Copiere de rezervă și recuperare a codului: stocarea codului sursă WordPress în computer poate fi riscantă, deoarece aparatul se poate prăbuși sau poate fi deteriorat. GitHub stochează codul sursă în cloud, permițându-vă să-l clonați înapoi pe computer dacă apare o nenorocire.
• Transparență și responsabilitate: GitHub oferă o evidență clară a tuturor modificărilor aduse codului sursă WordPress și de către cine.

Ce este WordPress?

WordPress este un sistem de gestionare a conținutului open-source pe care persoanele fără experiență de codare îl pot folosi pentru a construi site-uri web. Această platformă a fost concepută inițial pentru bloguri, dar acum a evoluat, iar utilizatorii pot construi platforme de comerț electronic, forumuri, platforme sociale, aplicații mobile și site-uri web de afaceri.

Faptul că WordPress este open source este una dintre cele mai mari atracții pentru dezvoltatori și designeri. Astfel, puteți descărca codul sursă WordPress și îl puteți edita și redistribui. Cu toate acestea, trebuie să cumpărați un nume de domeniu și găzduire pentru a vă publica site-ul online.

De ce să folosiți WordPress?

• Ușor de utilizat: WordPress este conceput pentru a fi ușor de utilizat, indiferent dacă sunteți nou în codificare sau un expert. Puteți utiliza editorul drop-and-drag pentru a crea un site web profesional fără a scrie o singură linie de cod.
• O varietate de teme: WordPress are mii de teme pe care le puteți edita pentru a se potrivi nevoilor dvs. De asemenea, puteți crea o temă personalizată și o puteți încărca pe site-ul dvs. web.
• Diverse pluginuri: nu trebuie să creați totul de la zero, deoarece puteți utiliza pluginuri. De exemplu, puteți integra o aplicație WordPress cu gateway-uri de plată folosind plugin-uri.
• Comunitate mare: dacă rămâi blocat, poți oricând banca pe marea comunitate WordPress. De asemenea, puteți folosi tone de resurse pentru a depana și a rezolva diferite provocări.

Ce este GitHub?

GitHub este o platformă de dezvoltare software în cloud. Această platformă poate stoca, urmări și poate colabora la diferite proiecte de dezvoltare. GitHub permite utilizatorilor să creeze conturi gratuite, să creeze depozite și să invite colaboratori pentru diverse proiecte. Platforma funcționează perfect cu Git, o platformă de control al versiunilor care vă permite să urmăriți modificările aduse proiectului la nivel local.

GitHub oferă găzduire gratuită pentru site-uri web statice Pagini GitHub și poate fi o opțiune bună pentru paginile de portofoliu. De asemenea, puteți utiliza GitHub ca platformă de rețea socială, deoarece vă permite să afișați proiecte în mod public. Această caracteristică facilitează, de asemenea, dezvoltatorilor să exploreze proiecte open-source la care pot contribui.

De ce să folosiți GitHub?

• Ușor de utilizat: Configurarea unui cont GitHub este ușoară, chiar dacă nu sunteți cunoștințe de tehnologie.
• Bazat pe cloud: GitHub stochează codul sursă în cloud, ceea ce înseamnă că îl puteți accesa de la distanță sau chiar puteți recupera fișierele atunci când mașina dvs. se defectează.
• Controlul versiunii: GitHub urmărește toate modificările aduse codului sursă. De asemenea, puteți crea diferite ramuri pentru o urmărire ușoară.
• Colaborare: puteți invita colegi de echipă la proiectul dvs. GitHub pentru a colabora. Această platformă vă permite, de asemenea, să creați o organizație în care puteți acorda membrilor diferite roluri și drepturi.

Cum să utilizați GitHub pentru WordPress

Trebuie să creați un server de dezvoltare locală înainte de a dezvolta și integra un site WordPress cu GitHub.

Există diferite soluții pentru crearea unui server de dezvoltare. Cu toate acestea, putem folosi WP local pentru acest articol.

Cerințe pentru integrarea WordPress Github

• Git. Vine preinstalat dacă aveți o mașină care rulează pe cel mai recent Linux sau macOS. Puteți folosi această comandă pentru a verifica dacă este disponibilă: git –version.
• Cont GitHub funcțional. Dacă nu aveți Git și GitHub, puteți utiliza acest ghid.
• Înțelegerea modului în care funcționează WordPress

Instalați local WP

• Pe pagina de lansareselectați o distribuție care se potrivește cu sistemul dvs. de operare (folosesc Ubuntu).
• După descărcare, urmați ghidul de instalare bazat pe sistemul dvs. de operare.

• Local WP vă va solicita să creați un cont gratuit. Puteți sări peste acest pas făcând clic pe butonul „X”.

• Selectați prima opțiune care vă permite să creați un nou site WordPress.

• Selectați mediul dvs. Deocamdată, să mergem cu „Preferred”.

• Configurați-vă numele de utilizator și parola.

• Instalați un supliment pentru a vă ajuta să utilizați un editor de cod. Navigați la butonul de extensie din partea stângă a WP Local. Dacă utilizați VS Code, puteți instala acest lucru:

Acum aveți un site WordPress pe care îl puteți dezvolta local. Următorul nostru pas va fi integrarea site-ului nostru în GitHub.

Cum să conectați WordPress cu GitHub

Pe interfața WP Local, puteți face clic pe „Accesați folderul site-ului”, așa cum se arată în această captură de ecran.

Acum putem deschide codul sursă al site-ului WordPress pe care l-am creat local. Deoarece folosesc VS Code, structura folderului va fi așa cum se arată mai jos:

Deocamdată, nu vă faceți griji cu privire la diferitele foldere și fișiere.

Creați un depozit GitHub

Presupunând că aveți Git și GitHub configurate, puteți urma acești pași pentru a crea un depozit și a utiliza Git ca control al versiunii:

• Conectați-vă la GitHub și faceți clic pe „Nou”

• Dați depozitului dvs. un nume memorabil, bifați casetele relevante și apăsați „Creați depozit”.

• Inițializați codul sursă din folderul proiectului WordPress. GitHub vă va oferi mai multe comenzi pe care le puteți copia și lipi pe terminalul dvs. pentru a începe. Veți avea comenzi similare cu aceasta:

echo "# GitHub-WordPress" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:username/repository-name.git
git push -u origin main

Înlocuiți „nume de utilizator” și „nume-depozit” cu numele dvs. de utilizator și numele depozitului pe care l-ați ales la pasul doi.

• Împingeți sursa WordPress în GitHub. Folosești aceste comenzi:

git add . (Acest lucru pune în scenă toate fișierele din proiectul dvs.)

git commit -m „commiteți folderul proiectului”

git push (Acest commit împinge toate fișierele în GitHub”

După acești pași, ați integrat site-ul WordPress local cu GitHub.

Verificați această captură de ecran:

Veți observa că are o structură de foldere similară cu cea pe care o aveam când am deschis codul sursă în editorul de cod.

Echipa ta poate acum clonează depozitul la mașinile lor locale, creați ramurilucrați la diferite funcții, le trimiteți și trimiteți-le în GitHub pentru stocare.

Editează-ți site-ul WordPress

Cea mai mare parte a codării/construcției va fi în folderul teme. Puteți găsi acest folder folosind această cale: app/public/wp-content/themes

Dosarul meu are trei teme și o pot selecta pe cea mai recentă. Site-ul meu arată astfel înainte de a începe editarea:

Dacă urmez această cale: app/public/wp-content/themes/templates/home.html, pot edita conținutul paginii de pornire.

Pot schimba conținutul

de pe pagina de pornire la „Acesta este un eșantion de integrare WordPress-GitHub”.

Dacă reîmprospăt conținutul serverului de dezvoltare locală, acesta este ceea ce va fi afișat:

Cum să împingeți modificări în GitHub

Modificările pe care le-am făcut mai sus sunt disponibile doar local. Le putem pune în scenă, angajați și împingeți-le în GitHub pentru stocare. Urmați acești pași:

• Rulați această comandă: git status

După cum puteți vedea, există fișiere neurmărite pe app/public/wp-content/themes/twentytwentythree/templates/home.html

• Pune-ți în scenă editările. Puteți folosi această comandă: git add .
• Angajează-te. Utilizați această comandă git commit -m „acest commit editează pagina de pornire”
• Împingeți modificările. Utilizați această comandă: git push.

Dacă ne întoarcem la depozitul de pe GitHub, putem vedea că avem un nou commit, așa cum se arată în această captură de ecran.

Echipa dvs. poate acum extrage modificările, edita fișierele și le poate trimite în acest depozit.

Cele mai bune practici pentru menținerea unei integrări fluide GitHub

• Profită de controlul versiunilor: cel mai mare avantaj al integrării WordPress cu GitHub este caracteristica de control al versiunilor. Asigurați-vă că urmăriți tot codul pe care îl scrieți sau modificați folosind controlul versiunii (Git)
• Creați un mediu de pregătire: serverul de dezvoltare locală este mediul dvs. de pregătire. Verificați toate modificările pe care le faceți site-ului dvs. WordPress prin serverul de dezvoltare local înainte de a le efectua și împingeți-le pe site-ul live.
• Utilizați caracteristica .gitignore: nu trebuie să urmăriți fiecare folder și fișier atunci când dezvoltați un site WordPress. Accentul tău principal va fi pe teme. Puteți utiliza caracteristica .gitignore pentru a vă asigura că urmăriți doar modificările relevante.
• Utilizați ramuri: puteți avea mai mulți dezvoltatori care lucrează la diferite funcții simultan. Puteți crea ramuri pentru astfel de caracteristici și le puteți îmbina cu Main/Master după ce ați testat că totul funcționează.
• Dezvoltați un flux de lucru: un dezvoltator bun ar trebui să aibă un flux clar care să indice toți pașii care trebuie urmați în dezvoltare. Fluxul de lucru ar trebui să indice când să testați și să implementați site-ul și ce criterii trebuie îndeplinite.
• Automatizați testarea: utilizați pipeline de integrare continuă și implementare continuă (CD/CI) precum Jenkins pentru a vă testa codul automat pe măsură ce dezvoltați.
• Documentați-vă munca: documentația ar trebui să indice ce face fiecare caracteristică în codul dvs. WordPress.

Concluzie

Integrarea WordPress cu GitHub este ușoară atunci când urmați pașii de mai sus. Următorul pas este să le oferi colegilor tăi linkul către depozitul GitHub și să le alocați diferite funcții la care să lucreze. Dacă sunteți liderul echipei, puteți oricând să revizuiți toate comitările înainte de a le aproba. GitHub facilitează, de asemenea, accesarea codului sursă, deoarece acesta va fi stocat pe cloud.

Pe de altă parte, atunci când aveți WordPress pe mașina dvs. locală, îl puteți găzdui pe Pagini GitHub dacă sunteți în căutarea unui site web static. De asemenea, puteți instala diverse plugin-uri din depozitele lor în mediul dvs. de dezvoltare local.

Puteți consulta articolul nostru despre GitHub vs. GitLab.