Integrarea WordPress și GitHub

Dezvoltarea de teme și pluginuri pentru WordPress poate fi atât distractivă, cât și profitabilă. Deși există multe moduri de a vă gestiona fluxul de lucru, controlul versiunilor și stocarea, concentrarea asupra celor mai bune instrumente disponibile vă poate ajuta să vă duceți proiectele la nivelul următor.

Din fericire, GitHub face această sarcină mult mai ușoară. Este un depozit de cod open-source popular cu multe instrumente valoroase pentru dezvoltatori. În plus, în prezent este cea mai mare gazdă de cod open-source din lume, cu peste 34 de milioane de utilizatori și peste 100 de milioane de depozite.

Acest articol vă va oferi un ghid complet pentru integrarea site-ului dvs. de dezvoltare WordPress cu GitHub. În plus, vom analiza câteva plugin-uri pe care poate doriți să le adăugați în fluxul dvs. de lucru. Să începem codificarea!

Cum să combinați GitHub și WordPress (în 4 pași)

Pentru a combina mediul dvs. de dezvoltare WordPress cu GitHub, va trebui să parcurgeți câțiva pași importanți. Aceasta începe cu crearea unui mediu local WordPress GitHub. Apoi veți trece la instalarea GitHub și la crearea primului dvs. depozit.

Pasul 1: Creați un mediu WordPress local

Dacă intenționați să dezvoltați pentru WordPress, cel mai bine este să stabiliți un mediu de dezvoltare locală de înaltă calitate. Pentru aceasta, vă recomandăm să utilizați Local:

Dezvoltarea locală înseamnă că puteți crea un mediu care va imita serverul dvs. de producție. Puteți să dezvoltați și să testați codul sursă offline, fără a perturba nimic din ceea ce este deja live.

Odată ce vă configurați mediul local, veți avea la dispoziție toate funcțiile și instrumentele necesare pentru dezvoltatori. Pentru a începe, puteți selecta Descărcare gratuită! pe pagina de pornire și alegeți sistemul dvs. de operare:

După ce ați descărcat pachetul software și ați finalizat procesul de instalare pentru sistemul dvs., puteți deschide Local și puteți începe configurarea site-ului de dezvoltare local. Când vi se solicită, faceți clic pe Creați un site nou :

Apoi, veți introduce numele site-ului dvs. de dezvoltare. Numele și calea domeniului site-ului local se vor completa automat. Cu toate acestea, puteți utiliza opțiunea Răsfoire pentru a selecta o cale locală diferită pentru site-ul dvs., dacă este necesar:

Veți avea, de asemenea, opțiunea de a crea site din Blueprint . Aceasta înseamnă că, pe măsură ce începeți să acumulați mai multe site-uri sau proiecte de dezvoltare, puteți împacheta seturi de teme WordPress și pluginuri pe care le utilizați frecvent. Apoi, folosind Blueprints, le puteți accesa și încărca rapid atunci când creați un nou site de dezvoltare.

După ce ați terminat selecția numelui de domeniu, faceți clic pe Continuare . Apoi, vi se va solicita să alegeți un nume de utilizator și o parolă pentru instalarea dvs. locală WordPress:

Odată ce mediul de dezvoltare este complet, veți vedea un ecran cu un rezumat al informațiilor noului site:

Acesta va fi tabloul de bord principal pentru toate site-urile locale pe care le creați cu Flywheel. De aici, puteți verifica rapid starea site-ului dvs., îl puteți vizualiza și vă puteți îndrepta către tabloul de bord de administrare WordPress selectând Admin . În plus, puteți vizualiza cu ușurință baza de date WordPress, securitatea și alte informații despre utilitate.

Pasul 2: Instalați GitHub

Pentru a activa utilizarea GitHub cu WordPress, va trebui să creați un cont GitHub gratuit și să descărcați și să instalați Git pe unitatea dvs. locală. Git este sistemul de control al versiunilor (VCS) open-source care se ocupă de toate fluxurile de lucru de pe GitHub.

Aveți două opțiuni pentru ceea ce puteți utiliza pentru a instala și configura Git. Dacă vă simțiți confortabil să utilizați un instrument de linie de comandă, aceasta este o opțiune. Alternativ, puteți utiliza clientul GitHub Desktop:

Pentru această demonstrație, vom descărca și instala GitHub Desktop. După descărcarea și dezarhivarea fișierelor, va trebui să vă conectați cu informațiile GitHub:

Dacă nu sunteți familiarizat cu modul în care funcționează Git, îl puteți considera intermediarul în fluxul dvs. de lucru. GitHub este locul în care vă puteți găzdui proiectul, în timp ce Git este funcția care trage depozitul dvs. GitHub în mediul dvs. de dezvoltare local, astfel încât să puteți lucra la el.

Când ați terminat, puteți utiliza Git pentru a împinge modificările în GitHub, astfel încât fișierele dvs. să fie mereu actualizate.

Pasul 3: Creați un depozit

Acum că aveți mediul local gata de funcționare, cu WordPress și Git instalate pe mașina dvs., sunteți gata să creați un depozit pentru proiectul dvs. De pe desktopul GitHub, puteți selecta Creați un nou depozit pe hard disk :

Apoi vi se va solicita să configurați noul depozit local:

După ce ați denumit depozitul și ați configurat câteva alte setări, cum ar fi selectarea unei licențe, dacă este necesar, faceți clic pe Creare depozit . Veți vedea apoi noul dvs. depozit în interfața de utilizator GitHub Desktop:

Aceasta este centrala de comandă pentru proiectul dvs. De aici, puteți să efectuați modificări și să vă publicați depozitul pe GitHub. În plus, puteți crea depozite de pe site-ul GitHub:

Dacă vă creați depozitul în acest fel, puteți utiliza funcția Clonare depozit din interfața Desktop pentru a-l trage în mediul dvs. de dezvoltare local:

După ce alegeți depozitul pe care doriți să îl clonați din GitHub și setați calea locală, faceți clic pe Clonează pentru a finaliza acțiunea.

Pasul 4: Publicați-vă depozitul

Odată ce ați adăugat fișiere în folderul de depozit local, acestea vor apărea pe desktopul GitHub. De acolo, puteți iniția modificări, puteți deschide editorul de cod și puteți publica depozitul în GitHub:

După ce faceți clic pe Publicare depozit , vi se va solicita să adăugați o descriere și să finalizați procesul de publicare:

Apoi, vă puteți verifica contul GitHub pentru a vă asigura că depozitul dvs. a fost publicat:

Pe măsură ce faceți modificări fișierelor și le testați în mediul WordPress Local by Flywheel, puteți efectua cu ușurință modificările în GitHub Desktop. Apoi, veți putea publica arhivele actualizate pe GitHub cu un singur clic.

Pluginuri Github pentru WordPress

Nu există multe plugin-uri pentru WordPress care adaugă funcționalități semnificative pentru GitHub. Sunt disponibile unele pluginuri mai noi și necontrolate care sunt concepute pentru a permite actualizările blogului dvs. prin intermediul depozitelor publicate. Cu toate acestea, există două opțiuni de încredere care oferă caracteristici utile pentru dezvoltatori.

1. Github Embed

Github Embed este un plugin WordPress gratuit care vă permite să încorporați informații GitHub pe site-ul dvs. web. Puteți face acest lucru folosind un link simplu în paginile și postările dvs. WordPress. Odată ce vă încorporați linkul GitHub pe site-ul dvs. web, acesta va fi actualizat ori de câte ori faceți o modificare în acel depozit.

Acest lucru este util în special pentru dezvoltatorii care vând teme și pluginuri. Cu acest instrument, vă puteți menține cu ușurință clienții la curent cu orice modificări, probleme și îmbunătățiri noi.

2. GitHub Updater

Este important să rețineți că pluginurile și temele pe care le descărcați de pe GitHub și le adăugați pe site-ul dvs. WordPress nu vor fi semnalate pentru actualizări. Aceasta înseamnă că, dacă dezvoltatorul face o schimbare, nu veți primi o notificare în tabloul de bord WordPress.

Acolo vă poate ajuta pluginul GitHub Updater. A fost dezvoltat pentru a face disponibile actualizări automate pentru temele și pluginurile GitHub. Unii dezvoltatori GitHub necesită chiar utilizarea acestui plugin atunci când le instalați proiectele pe site-ul dvs. WordPress.

Pasii urmatori

În acest moment, sunteți pregătiți pentru a crea un flux de lucru Git între Flywheel, WordPress și GitHub! Veți putea să preluați codul din GitHub și să vă creați propriile teme și pluginuri sau să contribui la proiectele curente din comunitatea WordPress.

Pe lângă îmbunătățirea fluxului de lucru de dezvoltare, puteți, de asemenea, să utilizați numeroasele funcții și instrumente GitHub. De exemplu, puteți utiliza Paginile GitHub pentru a vă împinge depozitele direct către un site web live. GitHub este, de asemenea, foarte eficient pentru proiecte cu echipe mari care lucrează toate la același proiect.

Păstrați controlul cu WP Engine

Orientarea către GitHub și un flux de lucru de dezvoltare mai simplificat poate schimba jocul pentru proiectele dvs. Această platformă nu numai că este ideală pentru freelanceri, dar se adaugă și la inovația care are loc în comunitățile open-source.

Aici, la WP Engine, credem în puterea dezvoltării open-source. De aceea lucrăm pentru a oferi cele mai bune resurse pentru dezvoltatori pentru utilizatorii WordPress. Vezi planurile noastre pentru următorul tău proiect!