Intégration WordPress et GitHub

Développer des thèmes et des plugins pour WordPress peut être à la fois amusant et lucratif. Bien qu'il existe de nombreuses façons de gérer votre flux de travail, votre contrôle de version et votre stockage, vous concentrer sur les meilleurs outils disponibles peut vous aider à faire passer vos projets au niveau supérieur.

Heureusement, GitHub rend cette tâche beaucoup plus facile. C'est un référentiel de code open source populaire avec de nombreux outils précieux pour les développeurs. De plus, il s'agit actuellement du plus grand hôte de code open source au monde, avec plus de 34 millions d'utilisateurs et plus de 100 millions de référentiels.

Cet article vous fournira un guide complet pour intégrer votre site de développement WordPress avec GitHub. De plus, nous examinerons certains plugins que vous voudrez peut-être ajouter à votre flux de travail. Passons au codage !

Comment combiner GitHub et WordPress (en 4 étapes)

Afin de combiner votre environnement de développement WordPress avec GitHub, vous devrez suivre quelques étapes importantes. Cela commence par la création d'un environnement WordPress GitHub local. Ensuite, vous passerez à l'installation de GitHub et à la création de votre premier référentiel.

Étape 1 : Créer un environnement WordPress local

Si vous envisagez de développer pour WordPress, il est préférable d'établir un environnement de développement local de haute qualité. Pour cela, nous vous recommandons d'utiliser Local :

Développer localement signifie que vous pouvez créer un environnement qui imitera votre serveur de production. Vous pouvez développer et tester votre code source hors ligne, sans perturber tout ce qui est déjà en ligne.

Une fois que vous avez configuré votre environnement local, vous aurez à votre disposition toutes les fonctionnalités et tous les outils de développement nécessaires. Pour commencer, vous pouvez sélectionner Téléchargement gratuit ! sur la page d'accueil, et choisissez votre système d'exploitation :

Après avoir téléchargé le progiciel et terminé le processus d'installation de votre système, vous pouvez ouvrir Local et commencer à configurer votre site de développement local. Lorsque vous y êtes invité, cliquez sur Créer un nouveau site :

Ensuite, vous entrerez le nom de votre site de développement. Le nom de domaine et le chemin du site local se rempliront automatiquement. Cependant, vous pouvez utiliser l'option Parcourir pour sélectionner un autre chemin local pour votre site si nécessaire :

Vous aurez également la possibilité de créer un site à partir de Blueprint . Cela signifie que lorsque vous commencez à accumuler plusieurs sites ou projets de développement, vous pouvez regrouper des ensembles de thèmes et de plugins WordPress que vous utilisez fréquemment. Ensuite, en utilisant Blueprints, vous pouvez rapidement y accéder et les charger lorsque vous créez un nouveau site de développement.

Après avoir terminé votre sélection de nom de domaine, cliquez sur Continuer . Ensuite, vous serez invité à choisir un nom d'utilisateur et un mot de passe pour votre installation WordPress locale :

Une fois votre environnement de développement terminé, vous verrez un écran avec un résumé des informations de votre nouveau site :

Ce sera le tableau de bord principal pour tous les sites locaux que vous créez avec Flywheel. À partir de là, vous pouvez rapidement vérifier l'état de votre site, l'afficher et accéder à votre tableau de bord d'administration WordPress en sélectionnant Admin . De plus, vous pouvez facilement afficher votre base de données WordPress, votre sécurité et d'autres informations sur les utilitaires.

Étape 2 : Installez GitHub

Pour permettre l'utilisation de GitHub avec WordPress, vous devrez créer un compte GitHub gratuit et télécharger et installer Git sur votre disque local. Git est le système de contrôle de version open source (VCS) qui gère tous les flux de travail sur GitHub.

Vous avez deux choix pour ce que vous pouvez utiliser pour installer et configurer Git. Si vous êtes à l'aise avec un outil de ligne de commande, c'est une option. Vous pouvez également utiliser le client GitHub Desktop :

Pour cette démonstration, nous allons télécharger et installer GitHub Desktop. Après avoir téléchargé et décompressé les fichiers, vous devrez vous connecter avec vos informations GitHub :

Si vous n'êtes pas familier avec le fonctionnement de Git, vous pouvez le considérer comme l'intermédiaire dans votre flux de travail. GitHub est l'endroit où vous pouvez héberger votre projet, tandis que Git est la fonction qui extrait votre référentiel GitHub vers votre environnement de développement local afin que vous puissiez y travailler.

Lorsque vous avez terminé, vous pouvez utiliser Git pour envoyer les modifications à GitHub, afin que vos fichiers soient toujours à jour.

Étape 3 : créer un référentiel

Maintenant que votre environnement local est prêt à fonctionner, avec WordPress et Git installés sur votre machine, vous êtes prêt à créer un référentiel pour votre projet. Depuis le bureau GitHub, vous pouvez sélectionner Create a New Repository on Your Hard Drive :

Vous serez ensuite invité à configurer votre nouveau dépôt local :

Après avoir nommé votre référentiel et configuré quelques autres paramètres, tels que la sélection d'une licence si nécessaire, cliquez sur Créer un référentiel . Vous verrez alors votre nouveau référentiel dans l'interface utilisateur de GitHub Desktop :

Il s'agit de la commande centrale de votre projet. À partir de là, vous pouvez valider les modifications et publier votre référentiel sur GitHub. De plus, vous pouvez créer des dépôts à partir du site Web GitHub :

Si vous créez votre référentiel de cette manière, vous pouvez utiliser la fonctionnalité Clone repository de votre interface Desktop pour l'intégrer à votre environnement de développement local :

Après avoir choisi le référentiel que vous souhaitez cloner à partir de GitHub et défini le chemin local, cliquez sur Cloner pour terminer l'action.

Étape 4 : Publiez votre référentiel

Une fois que vous avez ajouté des fichiers à votre dossier de référentiel local, ils apparaîtront sur le bureau GitHub. À partir de là, vous pouvez initier des modifications, ouvrir votre éditeur de code et publier votre référentiel sur GitHub :

Après avoir cliqué sur Publish repository , vous serez invité à ajouter une description et à terminer le processus de publication :

Ensuite, vous pouvez vérifier votre compte GitHub pour vous assurer que votre référentiel a été publié :

Lorsque vous apportez des modifications à vos fichiers et que vous les testez dans votre environnement WordPress Local by Flywheel, vous pouvez facilement valider vos modifications dans GitHub Desktop. Ensuite, vous pourrez publier vos référentiels mis à jour sur GitHub en un seul clic.

Plugins Github pour WordPress

Il n'y a pas beaucoup de plugins pour WordPress qui ajoutent des fonctionnalités significatives pour GitHub. Certains plugins plus récents et non vérifiés sont disponibles et sont conçus pour permettre les mises à jour de votre blog via des référentiels publiés. Cependant, il existe deux options fiables qui offrent des fonctionnalités utiles aux développeurs.

1. Intégrer Github

Github Embed est un plugin WordPress gratuit qui vous permet d'intégrer des informations GitHub sur votre site Web. Vous pouvez le faire en utilisant un simple lien dans vos pages et publications WordPress. Une fois que vous avez intégré votre lien GitHub sur votre site Web, il sera mis à jour chaque fois que vous apporterez une modification à ce référentiel.

Ceci est particulièrement utile pour les développeurs qui vendent des thèmes et des plugins. Avec cet outil, vous pouvez facilement tenir vos clients informés de tout nouveau changement, problème et amélioration.

2. Mise à jour GitHub

Il est important de noter que les plugins et les thèmes que vous téléchargez depuis GitHub et que vous ajoutez à votre site Web WordPress ne seront pas signalés pour les mises à jour. Cela signifie que si le développeur apporte une modification, vous ne recevrez pas d'avis dans votre tableau de bord WordPress.

C'est là que le plugin GitHub Updater peut vous aider. Il a été développé pour rendre les mises à jour automatiques disponibles pour les thèmes et plugins GitHub. Certains développeurs GitHub exigent même l'utilisation de ce plugin lorsque vous installez leurs projets sur votre site WordPress.

Prochaines étapes

À ce stade, vous êtes prêt à créer un flux de travail Git entre Flywheel, WordPress et GitHub ! Vous pourrez récupérer le code de GitHub et créer vos propres thèmes et plugins ou contribuer aux projets en cours de la communauté WordPress.

En plus d'améliorer votre flux de travail de développement, vous pouvez également tirer parti des nombreuses fonctionnalités et outils de GitHub. Par exemple, vous pouvez utiliser les pages GitHub pour pousser vos référentiels directement vers un site Web en direct. GitHub est également très efficace pour les projets avec de grandes équipes travaillant toutes sur le même projet.

Gardez le contrôle avec WP Engine

S'orienter vers GitHub et un flux de travail de développement plus rationalisé peut changer la donne pour vos projets. Non seulement cette plate-forme est idéale pour les indépendants, mais elle ajoute également à l'innovation qui se produit dans les communautés open source.

Chez WP Engine, nous croyons en la puissance du développement open source. C'est pourquoi nous nous efforçons de fournir les meilleures ressources de développement aux utilisateurs de WordPress. Consultez nos plans pour votre prochain projet!