Guide du débutant pour utiliser Git avec WordPress

Git et GitHub sont des outils essentiels pour les développeurs qui souhaitent suivre les modifications du code, gérer différents projets de codage et travailler en équipe sur le même code. Ces outils peuvent également récupérer une version stable de votre code en cas de problème pendant le processus de développement.

Chez WPBeginner et nos autres marques, nous utilisons Git et GitHub à toutes nos fins de développement et d'extraction de code stable pour nos plugins. Cela dit, les utilisateurs non techniques peuvent avoir du mal à s’habituer à l’interface et à utiliser correctement Git.

Dans cet article, nous expliquerons tout sur l’utilisation de Git avec WordPress.

Voici un aperçu de tout ce que nous aborderons dans ce guide. Vous pouvez cliquer sur les liens ci-dessous pour accéder à n’importe quelle section :

Qu’est-ce que Git ?

Git, abréviation de Global Information Tracker, est un système de contrôle de version distribué qui permet de suivre les modifications apportées à différents fichiers informatiques ou projets de codage. Ces projets sont stockés dans ce qu'on appelle un référentiel (ou repo), qui est essentiellement le dossier parent que Git utilise pour stocker tous les fichiers.

Git principalement utilisé par les développeurs travaillant sur différentes tâches de développement logiciel. Avec Git, plusieurs personnes peuvent simplement créer un clone du référentiel principal contenant le code d'origine.

Ils peuvent ensuite apporter des modifications sur leur propre ordinateur sans avoir à accéder ou à modifier le référentiel principal. Lorsqu’ils ont effectué leurs modifications et sont prêts à les soumettre, de nombreux utilisateurs les téléchargent sur un service comme GitHub qui permet d’organiser les différents référentiels des équipes.

Git contre GitHub - Quelle est la différence ?

Lorsqu’on parle de Git, l’une des questions les plus posées est de savoir quelle est la différence entre Git et GitHub.

Souvent, les débutants et les nouveaux propriétaires de sites pensent que Git et GitHub sont la même chose. Il existe cependant une différence entre les deux.

Git est le véritable système de contrôle de version qui vous permet de suivre les modifications apportées à votre code, de le créer et de le trier dans ce qu'on appelle des référentiels. GitHub est donc une plate-forme d'hébergement Web permettant de stocker des référentiels Git pour un accès facile aux équipes.

Vous pouvez utiliser Git indépendamment, en gardant tout organisé sur une machine locale, mais vous ne pouvez pas utiliser GitHub sans Git.

En plus de cela, il existe de nombreuses autres plates-formes d'hébergement Git, telles que Launchpad, Assembla et Bitbucket. Mais le plus populaire est GitHub, qui offre des fonctionnalités supplémentaires en plus de Git.

GitHub est plus adapté aux entreprises et aux équipes distantes qui comptent plusieurs personnes travaillant sur le même projet. Il possède une interface conviviale et des fonctionnalités puissantes qui en font un excellent outil de collaboration.

De plus, il stocke tout sur le cloud afin que vous n'ayez pas à craindre de perdre vos données au cas où votre machine locale serait endommagée ou volée.

Cela dit, voyons quelques situations dans lesquelles vous souhaiteriez utiliser Git et GitHub pour le développement WordPress.

Comment utiliser Git et GitHub pour le développement WordPress

Les 2 principales raisons d’utiliser Git et GitHub concernent le développement de thèmes et de plugins WordPress.

Par exemple, si vous créez un nouveau thème ou utilisez un thème personnalisé pour votre site, GitHub est parfait pour gérer la base de code de votre projet.

Vous pouvez simplement récupérer le référentiel de thèmes depuis GitHub, apporter des modifications, puis tester le thème sur un serveur local. Une fois les modifications apportées, vous pouvez transférer le dépôt mis à jour vers GitHub, puis appliquer les modifications au thème sur votre site WordPress en direct.

De même, si vous êtes un développeur WordPress qui crée des plugins, vous pouvez utiliser GitHub pour gérer la base de code.

C’est également idéal pour les projets open source où tout le monde est invité à contribuer au développement d’un plugin WordPress. Par exemple, vous pouvez obtenir les fichiers du plugin depuis GitHub pour corriger des bugs ou travailler à l'amélioration d'une fonctionnalité.

En dehors de cela, vous pouvez utiliser GitHub et Git pour télécharger et installer des plugins et des thèmes WordPress sur votre site Web en direct. Bien que GitHub autorise le stockage et le téléchargement de fichiers, il n'est pas configuré pour être utilisé comme stockage de fichiers de la même manière que Dropbox ou Google Drive.

Voyons maintenant comment vous pouvez utiliser Git et GitHub pour le développement WordPress. Pour ce didacticiel, nous allons vous montrer comment apporter des modifications à un fichier de plugin local et le télécharger sur GitHub.

Configuration d'un environnement WordPress local pour Git

Avant d’utiliser Git et GitHub, il est recommandé de créer un environnement WordPress local. C'est ici que vous pouvez travailler sur votre projet, apporter des modifications à un site WordPress, essayer votre nouveau code et tester le développement de plugins et de thèmes.

Le fait de disposer d'un environnement local garantit que votre site Web en direct n'est pas affecté par les modifications jusqu'à ce que vous les déployiez. En cas de problème, vous pouvez apporter des modifications et déboguer le code sur votre site Web local.

Pour commencer, vous pouvez utiliser un logiciel Web local qui vous permet d'héberger des sites locaux sur votre ordinateur au lieu d'un serveur intermédiaire ou en direct.

Par exemple, des logiciels comme Local WP (anciennement Local by Flywheel), MAMP, XAMPP et WampServer sont parfaits pour créer des environnements locaux. Leur utilisation est gratuite et très simple à configurer.

Vous pouvez en savoir plus en suivant nos guides sur la façon d'installer WordPress sur un ordinateur Windows et comment installer WordPress localement sur un Mac.

Installer Git localement et créer un référentiel

Une fois votre environnement local prêt, l'étape suivante consiste à télécharger et installer Git sur votre ordinateur.

Mais avant de faire cela, il est important de vérifier si Git est déjà installé sur votre machine ou non. En effet, Git est préinstallé sur les derniers appareils macOS et Linux.

Pour commencer, entrez simplement la commande git -version dans le « Terminal » sur n'importe quelle machine Mac ou Linux. Sur un appareil Windows, vous pouvez ouvrir l'invite de commande et saisir la commande version git.

Si Git est préinstallé, vous devriez voir le numéro de version de Git. S'il n'est pas déjà installé, vous ne verrez rien ou obtiendrez une erreur de commande inconnue. Cela signifie que vous devrez installer Git sur votre machine.

Tout d’abord, vous devrez visiter le site Web de Git et vous diriger vers la section « Téléchargements ».

Sur l'écran suivant, vous trouverez des liens pour Mac, Windows et Linux/Unix.

Allez-y et cliquez sur le lien du système d’exploitation de votre appareil pour télécharger Git.

Après avoir téléchargé Git depuis le site Web, vous pouvez lancer l'assistant d'installation.

À partir de là, cliquez sur le bouton « Suivant » et suivez simplement les instructions à l'écran pour terminer le processus d'installation.

Une fois l'installation terminée, vous pouvez lancer Git.

Après cela, tapez simplement git version pour vérifier que le logiciel est correctement installé.

Maintenant que Git est prêt à être utilisé sur votre système, l'étape suivante consiste à créer un référentiel Git local dans lequel vous pouvez valider les modifications apportées aux fichiers de votre site WordPress avant de les transférer vers GitHub.

Pour commencer, accédez aux fichiers du site Web local sur votre ordinateur. À partir de là, localisez le dossier « wp-content », puis accédez au dossier du plugin ou du thème sur lequel vous travaillez. Maintenant, faites un clic droit n’importe où dans le dossier et cliquez sur l’option « Ouvrir Git Bash ici ».

Cela ouvrira le logiciel Git sur votre ordinateur.

À partir de là, tapez simplement la commande suivante et appuyez sur la touche Entrée ou Retour de votre clavier.

git init

Après cela, vous devrez taper la commande suivante pour effectuer les modifications de fichiers.

git add .

Une fois cela fait, appuyez sur Entrée ou Retour.

Ensuite, vous pouvez ajouter un message à votre dépôt en tapant la commande suivante.

git commit -m “message”

N'oubliez pas de remplacer le message par le texte de votre choix. C'est une façon de laisser des notes concernant les modifications spécifiques que vous avez apportées au dépôt.

Une fois cela fait, appuyez simplement sur le bouton Entrée ou Retour de votre clavier.

Vous devriez maintenant voir un dossier « .git » caché dans vos fichiers de thème WordPress locaux.

Création du référentiel GitHub et validation des modifications

Ensuite, vous pouvez vous rendre sur le site Web GitHub et créer un compte gratuit.

Pour commencer, entrez simplement votre adresse e-mail et cliquez sur le bouton « S'inscrire à GitHub ».

Sur l'écran suivant, vous devrez saisir les détails pour créer un nouveau compte.

Par exemple, créez un mot de passe, saisissez un nom d'utilisateur et vérifiez vos préférences de messagerie.

Si vous faites défiler vers le bas, GitHub vous demandera de résoudre un casse-tête pour vérifier votre compte.

C'est comme avoir reCAPTCHA sur votre site.

Une fois votre compte prêt, vous verrez le tableau de bord GitHub.

Allez-y, cliquez sur le signe « + » en haut et sélectionnez l'option « Nouveau référentiel ».

Après cela, vous pouvez saisir un nom pour votre référentiel.

Il existe également des options pour ajouter une description et rendre le référentiel public ou le garder privé.

Si vous faites défiler vers le bas, vous verrez plus d'options, comme l'ajout d'un fichier README et le choix d'une licence.

Une fois que vous avez entré tous les détails, cliquez sur le bouton « Créer un référentiel ».

Après avoir créé le référentiel, vous devrez copier son URL.

Vous pouvez trouver le lien dans la section Configuration rapide.

Ensuite, vous devrez ouvrir Git Bash sur votre ordinateur.

À partir de là, entrez simplement la commande suivante et appuyez sur Entrée ou Retour.

git remote add origin URL

N'oubliez pas de remplacer l'URL par le lien de votre référentiel.

Après cela, vous pouvez taper la commande suivante.

git push -u origin main

Cela enverra le référentiel local au référentiel distant sur GitHub.

Ensuite, il vous sera peut-être demandé de connecter votre compte GitHub s'il n'est pas déjà connecté à Git. Connectez-vous simplement à votre compte et autorisez Git à se connecter.

Maintenant, vous pouvez ouvrir le référentiel GitHub et voir les fichiers locaux que vous venez de modifier.

Après avoir transféré les fichiers locaux vers GitHub, d'autres utilisateurs peuvent modifier le fichier et apporter d'autres modifications au plugin ou au thème.

Si vous devez récupérer ces mises à jour à partir d'un référentiel GitHub pour la configuration de votre site Web local, vous devrez alors ouvrir le dossier du plugin sur votre ordinateur, cliquer avec le bouton droit n'importe où et ouvrir Git Bash.

Ensuite, vous pouvez taper la commande suivante et appuyer sur la touche Entrée ou Retour.

git fetch URL

N'oubliez pas de remplacer l'URL par le lien vers le référentiel GitHub.

Vous pouvez maintenant répéter ces étapes pour démarrer le développement WordPress à l’aide de Git et GitHub.

Une fois que vous avez apporté les modifications aux fichiers locaux, l’étape suivante consiste à les transférer vers le site en ligne.

Déployer des thèmes et des plugins GitHub sur un site WordPress en direct

Une fois que vous avez terminé le développement d’un plugin ou d’un thème WordPress, la dernière étape consiste à le déployer sur votre site Web en direct.

Désormais, vous pouvez utiliser Git et exécuter différentes commandes pour appliquer vos modifications au site Web WordPress. Cependant, il existe un moyen plus simple d'utiliser un plugin WordPress Github comme WP Pusher.

Tout d’abord, vous devrez visiter le site Web de WP Pusher et cliquer sur le bouton « Télécharger ».

Ensuite, téléchargez les fichiers du plugin WP Pusher et enregistrez-les sur votre ordinateur.

Après cela, installez et activez le plugin WP Pusher. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.

Lors de l'activation, vous pouvez vous diriger vers WP Pusher depuis le tableau de bord WordPress et passer à l'onglet « GitHub ».

Ensuite, une nouvelle fenêtre contextuelle s'ouvrira, vous demandant d'autoriser WP Pusher à se connecter à votre compte GitHub.

Cliquez simplement sur le bouton « Autoriser wppusher » pour continuer.

À partir de là, vous devrez vous connecter à votre compte GitHub.

Une fois cela fait, copiez simplement le jeton GitHub sur l’écran suivant.

Maintenant, accédez aux paramètres WP Pusher GitHub, puis entrez le code du jeton.

N'oubliez pas de cliquer sur le bouton « Enregistrer le jeton GitHub ».

Une fois GitHub connecté, vous pouvez installer tous les thèmes ou plugins que vous avez téléchargés sur GitHub à partir du référentiel sur votre site Web WordPress en direct.

Par exemple, accédez à WP Pusher » Install Plugin dans le panneau d'administration de WordPress et saisissez l'URL du référentiel du plugin.

Ou vous pouvez cliquer sur le bouton « Choisir sur GitHub » et une nouvelle fenêtre contextuelle s'ouvrira.

À partir de là, copiez simplement le lien vers votre référentiel de plugins.

Après avoir entré l'URL du dépôt GitHub, vous pouvez saisir d'autres détails tels que la branche et le sous-répertoire du référentiel.

Ensuite, vous devrez faire défiler vers le bas et cliquer sur le bouton « Installer le plugin » en bas.

Une fois le plugin installé, vous devrez l’activer.

Pour ce faire, allez simplement dans Plugins » Plugins installés et accédez au plugin que vous venez d'installer. À partir de là, vous pouvez cliquer sur le bouton « Activer ».

Vous pouvez maintenant commencer à utiliser le plugin installé sur votre site Web.

De même, vous pouvez accéder à Installer le thème sous WP Pusher dans votre tableau de bord WordPress pour configurer un thème personnalisé que vous avez développé en utilisant ce même processus.

Installez les plugins et les thèmes WordPress depuis GitHub

Outre l'intégration de WordPress avec Git et GitHub pour le développement, vous pouvez également obtenir des fichiers de plugins et de thèmes qui ne sont plus disponibles dans la bibliothèque WordPress.org.

Les développeurs WordPress créent généralement des référentiels GitHub pour leurs plugins et thèmes. Vous pouvez souvent les trouver facilement sur GitHub s’ils ne sont pas disponibles dans la bibliothèque de plugins et de thèmes WordPress.

Ouvrez simplement GitHub et recherchez le plugin ou le thème que vous souhaitez installer. Après cela, vous pouvez cliquer sur le bouton « Code » et sélectionner l’option « Télécharger ZIP ».

De cette façon, vous pouvez télécharger les fichiers du plugin et les installer sur votre site Web.

Pour plus de détails, veuillez consulter notre guide sur la façon d'installer les plugins et thèmes WordPress à partir de GitHub.

Termes importants de Git et GitHub que vous devez connaître

Vous rencontrerez différentes terminologies Git et GitHub lorsque vous commencerez à les utiliser pour le développement WordPress et à d’autres fins. Pour vous aider, voici quelques termes importants que vous devez connaître :

• Branches - Une branche est comme un référentiel parallèle que vous pouvez créer. Il vous permet d'apporter des modifications et de travailler librement sans affecter la branche principale ni perturber la version live.

• Fusionner - Lorsque vous souhaitez prendre des modifications d'une branche et les appliquer à une autre branche, ce processus est appelé fusion. Cependant, les branches doivent être dans le même référentiel ou provenir d'un fork.

• Pull - Cela fait référence à la récupération des modifications et à leur fusion. Disons que quelqu'un a modifié un fichier dans le référentiel. Vous pouvez appliquer ces modifications à votre environnement local pour vous assurer que vos fichiers sont à jour.

• Pull Requests (PR) - Une pull request se produit lorsqu'un utilisateur soumet des propositions de modifications à un référentiel et qu'elles sont acceptées ou rejetées par un autre collaborateur du référentiel.

• Fork - Un fork est une copie personnelle du référentiel d'un autre utilisateur que vous avez sur votre compte. Vous pouvez apporter des modifications à un projet librement à l'aide d'un fork sans affecter le référentiel d'origine.

• Commit - Un commit est une modification individuelle apportée à un fichier dans le référentiel. Lorsque vous effectuez une validation, Git crée un identifiant unique pour vous aider à conserver une trace des modifications spécifiques. Il enregistre également qui a effectué les modifications et quand elles ont été effectuées.

• Push - Push signifie envoyer vos modifications vers un référentiel distant sur GitHub. Par exemple, si vous apportez des modifications à un fichier localement, vous pouvez les transmettre afin que d'autres puissent également y accéder.

Nous espérons que cet article vous a aidé à apprendre à utiliser Git avec WordPress. Vous voudrez peut-être également consulter notre sélection des meilleures applications mobiles pour gérer votre site WordPress, ainsi que les erreurs WordPress les plus courantes et comment les corriger.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.