Integrazione WordPress e GitHub

Lo sviluppo di temi e plugin per WordPress può essere sia divertente che redditizio. Sebbene esistano molti modi per gestire il flusso di lavoro, il controllo della versione e l'archiviazione, concentrarsi sui migliori strumenti disponibili può aiutarti a portare i tuoi progetti al livello successivo.

Fortunatamente, GitHub rende questo compito molto più semplice. È un popolare repository di codice open source con molti strumenti preziosi per gli sviluppatori. Inoltre, è attualmente il più grande host di codice open source al mondo, con oltre 34 milioni di utenti e oltre 100 milioni di repository.

Questo articolo ti fornirà una guida completa per integrare il tuo sito di sviluppo WordPress con GitHub. Inoltre, esamineremo alcuni plug-in che potresti considerare di aggiungere al tuo flusso di lavoro. Prendiamo la codifica!

Come combinare GitHub e WordPress (in 4 passaggi)

Per combinare il tuo ambiente di sviluppo WordPress con GitHub, dovrai eseguire alcuni passaggi importanti. Questo inizia con la creazione di un ambiente WordPress GitHub locale. Quindi passerai all'installazione di GitHub e alla creazione del tuo primo repository.

Passaggio 1: crea un ambiente WordPress locale

Se hai intenzione di sviluppare per WordPress, è meglio stabilire un ambiente di sviluppo locale di alta qualità. Per questo, ti consigliamo di utilizzare Local:

Lo sviluppo locale significa che puoi creare un ambiente che imiterà il tuo server di produzione. Puoi sviluppare e testare il tuo codice sorgente offline, senza causare interruzioni a tutto ciò che è già attivo.

Dopo aver configurato l'ambiente locale, avrai a disposizione tutte le funzionalità e gli strumenti necessari per gli sviluppatori. Per iniziare, puoi selezionare Download gratuito! nella home page e scegli il tuo sistema operativo:

Dopo aver scaricato il pacchetto software e completato il processo di installazione per il tuo sistema, puoi aprire Local e iniziare a configurare il tuo sito di sviluppo locale. Quando ti viene richiesto, fai clic su Crea un nuovo sito :

Successivamente, inserirai il nome del tuo sito di sviluppo. Il nome di dominio e il percorso del sito locale verranno compilati automaticamente. Tuttavia, puoi utilizzare l'opzione Sfoglia per selezionare un percorso locale diverso per il tuo sito, se necessario:

Avrai anche la possibilità di creare un sito da Blueprint . Ciò significa che quando inizi ad accumulare più siti o progetti di sviluppo, puoi impacchettare insieme set di temi WordPress e plug-in che usi frequentemente. Quindi, utilizzando i progetti, puoi accedervi rapidamente e caricarli quando crei un nuovo sito di sviluppo.

Dopo aver terminato la selezione del nome di dominio, fai clic su Continua . Successivamente, ti verrà chiesto di scegliere un nome utente e una password per l'installazione locale di WordPress:

Una volta completato il tuo ambiente di sviluppo, vedrai una schermata con un riepilogo delle informazioni del tuo nuovo sito:

Questa sarà la dashboard principale per tutti i siti locali che crei con Flywheel. Da qui, puoi controllare rapidamente lo stato del tuo sito, visualizzarlo e accedere alla dashboard di amministrazione di WordPress selezionando Admin . Inoltre, puoi visualizzare facilmente il tuo database WordPress, la sicurezza e altre informazioni di utilità.

Passaggio 2: installa GitHub

Per abilitare l'uso di GitHub con WordPress, dovrai creare un account GitHub gratuito e scaricare e installare Git sul tuo disco locale. Git è il Version Control System (VCS) open source che gestisce tutti i flussi di lavoro su GitHub.

Hai due scelte per ciò che puoi usare per installare e configurare Git. Se hai dimestichezza con uno strumento da riga di comando, questa è un'opzione. In alternativa, puoi utilizzare il client GitHub Desktop:

Per questa dimostrazione, scaricheremo e installeremo GitHub Desktop. Dopo aver scaricato e decompresso i file, dovrai accedere con le tue informazioni GitHub:

Se non hai familiarità con il funzionamento di Git, puoi considerarlo l'intermediario nel tuo flusso di lavoro. GitHub è dove puoi ospitare il tuo progetto, mentre Git è la funzione che porta il tuo repository GitHub nel tuo ambiente di sviluppo locale in modo che tu possa lavorarci sopra.

Quando hai finito, puoi utilizzare Git per inviare le modifiche a GitHub, in modo che i tuoi file siano sempre aggiornati.

Passaggio 3: creare un repository

Ora che hai il tuo ambiente locale pronto per l'uso, con WordPress e Git installati sulla tua macchina, sei pronto per creare un repository per il tuo progetto. Dal desktop GitHub, puoi selezionare Crea un nuovo repository sul tuo disco rigido :

Ti verrà quindi richiesto di configurare il tuo nuovo repository locale:

Dopo aver assegnato un nome al repository e aver configurato alcune altre impostazioni, come la selezione di una licenza se necessario, fai clic su Create Repository . Vedrai quindi il tuo nuovo repository nell'interfaccia utente di GitHub Desktop:

Questo è il comando centrale per il tuo progetto. Da qui, puoi eseguire il commit delle modifiche e pubblicare il tuo repository su GitHub. Inoltre, puoi creare repository dal sito Web GitHub:

Se crei il tuo repository in questo modo, puoi utilizzare la funzione Clone repository nell'interfaccia Desktop per inserirlo nel tuo ambiente di sviluppo locale:

Dopo aver scelto il repository che desideri clonare da GitHub e aver impostato il percorso locale, fai clic su Clona per completare l'azione.

Passaggio 4: pubblica il tuo repository

Dopo aver aggiunto i file alla cartella del repository locale, verranno visualizzati nel desktop di GitHub. Da lì, puoi avviare modifiche, aprire il tuo editor di codice e pubblicare il tuo repository su GitHub:

Dopo aver fatto clic su Pubblica repository , ti verrà chiesto di aggiungere una descrizione e completare il processo di pubblicazione:

Quindi, puoi controllare il tuo account GitHub per assicurarti che il tuo repository sia stato pubblicato:

Mentre apporti modifiche ai tuoi file e li test nel tuo ambiente WordPress Local by Flywheel, puoi facilmente eseguire il commit delle modifiche in GitHub Desktop. Quindi, sarai in grado di pubblicare i tuoi repository aggiornati su GitHub con un clic.

Plugin Github per WordPress

Non ci sono molti plugin per WordPress che aggiungono funzionalità significative per GitHub. Sono disponibili alcuni plug-in più recenti e non verificati progettati per abilitare gli aggiornamenti al tuo blog tramite repository pubblicati. Tuttavia, ci sono due opzioni affidabili che offrono funzionalità utili per gli sviluppatori.

1. Incorpora Github

GitHub Embed è un plug-in WordPress gratuito che ti consente di incorporare le informazioni di GitHub sul tuo sito web. Puoi farlo utilizzando un semplice collegamento nelle pagine e nei post di WordPress. Una volta incorporato il tuo collegamento GitHub sul tuo sito web, verrà aggiornato ogni volta che apporti una modifica a quel repository.

Ciò è particolarmente utile per gli sviluppatori che vendono temi e plug-in. Con questo strumento, puoi facilmente tenere aggiornati i tuoi clienti su eventuali nuove modifiche, problemi e miglioramenti.

2. Aggiornamento GitHub

È importante notare che i plug-in e i temi scaricati da GitHub e aggiunti al tuo sito Web WordPress non verranno contrassegnati per gli aggiornamenti. Ciò significa che se lo sviluppatore apporta una modifica, non riceverai alcun avviso nella dashboard di WordPress.

Ecco dove il plugin GitHub Updater può aiutarti. È stato sviluppato per rendere disponibili aggiornamenti automatici per temi e plugin GitHub. Alcuni sviluppatori GitHub richiedono persino l'uso di questo plug-in quando installi i loro progetti sul tuo sito Web WordPress.

Prossimi passi

A questo punto, sei pronto per creare un flusso di lavoro Git tra Flywheel, WordPress e GitHub! Sarai in grado di recuperare il codice da GitHub e creare i tuoi temi e plugin o contribuire ai progetti in corso nella community di WordPress.

Oltre a migliorare il tuo flusso di lavoro di sviluppo, puoi anche sfruttare le numerose funzionalità e strumenti di GitHub. Ad esempio, puoi utilizzare GitHub Pages per inviare i tuoi repository direttamente a un sito Web live. GitHub è anche molto efficace per progetti con team di grandi dimensioni che lavorano tutti sullo stesso progetto.

Mantieni il controllo con WP Engine

Orientarsi su GitHub e un flusso di lavoro di sviluppo più snello può essere un punto di svolta per i tuoi progetti. Non solo questa piattaforma è ideale per i liberi professionisti, ma si aggiunge anche all'innovazione che avviene nelle comunità open source.

Qui a WP Engine, crediamo nel potere dello sviluppo open source. Ecco perché lavoriamo per fornire le migliori risorse per gli sviluppatori agli utenti di WordPress. Dai un'occhiata ai nostri piani per il tuo prossimo progetto!