Guide du débutant pour l’utilisation de Git avec WordPress

Git et GitHub sont des outils essentiels pour les développeurs/développeuses qui souhaitent garder une trace des modifications apportées au code, gérer différents projets de codage et travailler avec une équipe sur le même code. Ces outils permettent également de récupérer une version stable de votre code au cas où quelque chose tournerait mal pendant le processus de développement.

Chez WPBeginner et nos autres marques, nous utilisons Git et GitHub pour tous nos besoins de développement/développeuses et l’extraction de code stable pour nos extensions. Cela dit, les utilisateurs/utilisatrices non techniques peuvent avoir du mal à s’habituer à l’interface et à utiliser Git correctement.

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

Voici un aperçu de tout ce que nous allons aborder 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 aide à suivre les modifications apportées à différents fichiers informatiques ou projets de codage. Ces projets sont stockés dans ce que l’on appelle un Dépôt (ou repo), qui est essentiellement le dossier parent que Git utilise pour stocker tous les fichiers.

Git est principalement utilisé par les développeurs/développeuses travaillant sur différentes tâches de développement de logiciels. Avec Git, plusieurs personnes peuvent simplement faire un clone du dépôt principal qui contient le code original.

Ils peuvent alors apporter des modifications sur leur propre ordinateur sans avoir à accéder au dépôt principal ou à le modifier. Lorsqu’ils ont apporté leurs modifications et sont prêts à les envoyer, de nombreux utilisateurs/utilisatrices les téléversent sur un service comme GitHub qui aide à organiser les différents dépôts des équipes.

Git vs. GitHub – Quelle est la différence ?

Lorsque l’on parle de Git, l’une des questions les plus fréquentes 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. Or, il existe une différence entre les deux.

Git est le système de contrôle de version qui vous permet de suivre les modifications de votre code et de le créer et de le classer dans ce que l’on appelle des dépôts. GitHub est donc une plateforme d’hébergeur permettant de stocker des dépôts Git pour faciliter l’accès à l’équipe.

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

En outre, il existe de nombreuses autres plateformes d’hébergeur Git, telles que Launchpad, Assembla et Bitbucket. Mais la plus populaire est GitHub, qui offre des fonctionnalités supplémentaires en plus de Git.

GitHub est plus adapté aux entreprises et aux équipes à distance qui ont plusieurs personnes travaillant sur le même projet. Il dispose d’une interface simple/simple d’utilisation et de fonctionnalités puissantes qui en font un excellent outil de collaboration.

De plus, il stocke tout sur le cloud, de sorte que vous n’avez pas à vous soucier 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 de WordPress.

Comment utiliser Git et GitHub pour le développement/développeuse de WordPress

Les 2 principales raisons d’utiliser Git et GitHub sont pour le développement de thèmes et d’extensions 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 dépôt de thème à partir de GitHub, apporter des modifications, puis tester le thème sur un serveur local. Une fois les modifications apportées, vous pouvez pousser le dépôt mis à jour sur GitHub, puis appliquer les modifications au thème sur votre site WordPress direct.

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

C’est également une excellente solution pour les projets open-source où tout le monde est invité à contribuer au développement d’une extension WordPress. Par exemple, vous pouvez obtenir les fichiers de l’extension sur GitHub pour corriger les bogues ou améliorer une fonctionnalité.

En dehors de cela, vous pouvez utiliser GitHub et Git pour télécharger et installer des extensions et des thèmes WordPress sur votre site direct. Bien que GitHub permette 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.

Maintenant, voyons comment vous pouvez utiliser Git et GitHub à la fois pour le développement de WordPress. Pour ce tutoriel, nous allons vous afficher comment apporter des modifications à un fichier d’extension local et le téléverser sur GitHub.

Réglages d’un environnement WordPress local pour Git

Avant d’utiliser Git et GitHub, la meilleure pratique consiste à créer un environnement WordPress local. C’est là que vous pouvez travailler sur votre projet, apporter des modifications à un site WordPress, essayer votre nouveau code et tester le développement d’extensions et de thèmes.

Le fait de disposer d’un environnement local garantit que votre site 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 local.

Pour Premiers pas, vous pouvez utiliser un logiciel web local qui vous permet d’héberger des sites locaux sur votre ordinateur au lieu d’un serveur staging ou live.

Par exemple, des logiciels comme Local WP (anciennement connu sous le nom de Local by Flywheel), MAMP, XAMPP et WampServer sont parfaits pour créer des environnements locaux. Ils sont gratuits et très faciles à configurer.

Vous pouvez en savoir plus en suivant nos guides sur l ‘installation de WordPress sur un ordinateur Windows et sur l’installation locale de WordPress sur un Mac.

Installation locale de Git et création d’un dépôt

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

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

Pour commencer, il suffit de saisir 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 git version.

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 devez installer Git sur votre machine.

Tout d’abord, vous devez vous rendre sur le site de Git et vous rendre dans 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 correspondant au système d’exploitation de votre appareil pour télécharger Git.

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

Cliquez ensuite sur le bouton « Suivant » et suivez les instructions à l’écran pour terminer le processus d’installation.

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

Ensuite, il suffit de taper 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 dépôt Git local où vous pouvez commiter/commettre les modifications apportées aux fichiers de votre site WordPress avant de les pousser sur GitHub.

Pour commencer, accédez aux fichiers du site local sur votre ordinateur. À partir de là, localisez le dossier  » wp-content « , puis allez dans le dossier de l’extension ou du thème sur lequel vous travaillez. Cliquez avec le bouton droit de la souris n’importe où dans le dossier et cliquez sur l’option « Open Git Bash Here ».

Le logiciel Git s’ouvre alors sur votre ordinateur.

À partir de là, il suffit de taper la commande suivante et d’appuyer sur la touche Entrée ou Retour de votre clavier.

git init

Ensuite, vous devrez taper la commande suivante pour mettre en scène les modifications du fichier.

git add .

Une fois que c’est fait, appuyez sur la touche Entrée ou Retour.

Ensuite, vous pouvez ajouter un message à votre repo 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 effectuées dans le repo.

Une fois que c’est fait, il suffit d’appuyer sur la touche Saisir ou Retour de votre clavier.

Vous devriez maintenant voir un dossier ‘.git’ masqué dans les fichiers de votre thème WordPress.

Création d’un dépôt GitHub et commiteurs/commiteuses des modifications

Ensuite, vous pouvez vous rendre sur le site GitHub et vous inscrire pour obtenir un compte gratuit.

Pour commencer, il vous suffit de saisir votre adresse e-mail et de cliquer sur le bouton  » Sign up for GitHub « .

Sur l’écran suivant, vous devrez saisir des informations pour créer un nouveau compte.

Par exemple, créer un mot de passe, saisir un identifiant et vérifier vos préférences en matière d’e-mail.

Si vous défilez vers le bas, alors GitHub vous demandera de résoudre une énigme pour vérifier votre compte.

C’est un peu comme si vous aviez un reCAPTCHA sur votre site.

Une fois que votre compte est prêt, vous verrez le Tableau de bord GitHub.

Cliquez sur le signe « + » en haut de la page et sélectionnez l’option « Nouveau dépôt ».

Ensuite, vous pouvez saisir un nom pour votre Dépôt.

Il existe également des facultés pour ajouter une description et rendre le dépôt public ou le garder privé.

Si vous défilez vers le bas, vous verrez d’autres options, comme l’ajout d’un fichier README et le choix d’une licence.

Une fois que vous avez saisi/saisie tous les détails, cliquez sur le bouton « Créer un dépôt ».

Après avoir créé le Dépôt, vous devrez copier son URL.

Vous trouverez le lien dans la section Configuration rapide.

Ensuite, vous devez ouvrir Git Bash sur votre ordinateur.

À partir de là, il suffit de saisir la commande suivante et d’appuyer sur la touche Entrée ou Retour.

git remote add origin URL

N’oubliez pas de remplacer l’URL par le lien de votre Dépôt.

Ensuite, vous pouvez taper la commande suivante.

git push -u origin main

Cela enverra le dépôt local vers le dépôt distant sur GitHub.

Ensuite, il peut vous être demandé de connecter votre compte GitHub s’il n’est pas déjà connecté à Git. Il vous suffit de vous connecter à votre compte et d’autoriser Git à se connecter.

Maintenant, vous pouvez ouvrir le dépôt GitHub et voir les fichiers locaux que vous venez de modifier.

Après avoir poussé les fichiers locaux sur GitHub, d’autres utilisateurs peuvent modifier le fichier et apporter d’autres modifications au plugin ou au thème.

Si vous avez besoin de récupérer ces mises à jour à partir d’un dépôt GitHub pour la configuration de votre site local, vous devrez ouvrir le dossier de l’extension sur votre ordinateur, cliquer avec le bouton droit de la souris 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 dépôt GitHub.

Vous pouvez maintenant répéter ces étapes pour commencer le développement WordPress en utilisant Git et GitHub.

Une fois les modifications apportées aux fichiers locaux, l’étape suivante consiste à les transférer sur le site En direct.

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

Une fois le développement d’un thème ou d’un plugur/développeuse WordPress terminé, la dernière étape consiste à le déployer sur votre site.

Maintenant, vous pouvez utiliser Git et exécuter différentes commandes pour pousser vos modifications sur le site WordPress. Cependant, il existe un moyen plus facile en utilisant une extension WordPress GitHub comme WP Pusher.

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

Ensuite, téléchargez les fichiers de l’extension WP Pusher et enregistrez-les sur votre ordinateur.

Ensuite, vous pouvez installer et activer l’extension WP Pusher. Si vous avez besoin d’aide, veuillez consulter notre guide sur l’installation d’une extension WordPress.

Une fois activé, vous pouvez vous rendre sur WP Pusher à partir du Tableau de bord WordPress et basculer sur l’onglet « GitHub ».

Ensuite, une nouvelle fenêtre surgissante s’ouvre, vous permettant de permettre à WP Pusher de se connecter à votre compte GitHub.

Il suffit de cliquer sur le bouton « Autoriser wppusher » pour continuer.

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

Une fois que c’est fait, il suffit de copier le jeton GitHub sur l’écran suivant.

Maintenant, allez dans les Réglages GitHub de WP Pusher, puis saisissez 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 extensions que vous avez téléversés sur GitHub depuis le dépôt sur votre site WordPress en direct.

Par exemple, allez sur WP Pusher  » Install Plugin dans le panneau d’administration de WordPress et saisissez l’URL du dépôt du plugin.

Vous pouvez également cliquer sur le bouton  » Pick from GitHub « , et une nouvelle fenêtre surgissante s’ouvrira.

À partir de là, copiez simplement le lien vers votre dépôt d’extensions.

Après avoir saisi l’URL du dépôt GitHub, vous pouvez saisir d’autres détails comme la branche du dépôt et le sous-répertoire.

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

Une fois l’extension installée, vous devrez l’activer.

Pour ce faire, il vous suffit de vous rendre dans Plugins  » Installed Plugins et de naviguer jusqu’à l’extension que vous venez d’installer. À partir de là, vous pouvez cliquer sur le bouton « Activer ».

Vous pouvez maintenant commencer à utiliser l’extension installée sur votre site.

De la même manière, vous pouvez aller dans Install Theme sous WP Pusher dans votre tableau de bord WordPress pour configurer un thème personnalisé que vous avez développé à l’aide de ce même processus.

Installer des extensions WordPress et des thèmes à partir de GitHub

Outre l’intégration de WordPress à 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 de WordPress.org.

Lesdéveloppeurs/développeuses WordPress créent généralement des dépôts GitHub pour leurs extensions et leurs 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 de WordPress.

Il suffit d’ouvrir GitHub et de rechercher l’extension 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 le ZIP « .

Vous pouvez ainsi télécharger les fichiers de l’extension et les installer sur votre site.

Pour plus de détails, veuillez consulter notre guide sur l’installation de plugins et de thèmes WordPress depuis GitHub.

Termes importants de Git et GitHub à 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 devriez connaître :

• Branches – Une branche est comme un dépôt parallèle que vous pouvez créer. Elle vous permet d’apporter des modifications et de travailler librement sans affecter la branche principale ni perturber la version en direct.
• Fusionner – Lorsque vous souhaitez prendre les modifications d’une branche et les appliquer à une autre branche, ce processus est appelé fusionner. Cependant, les branches doivent se trouver dans le même Dépôt ou provenir d’une fourche.
• Pull – Il s’agit de récupérer les modifications et de les fusionner. Supposons que quelqu’un ait apporté des modifications à un fichier dans le Dépôt. Vous pouvez récupérer ces modifications dans votre environnement local pour vous assurer que vos fichiers sont à jour.
• Demandes d’extraction (PR ) – Une demande d’extraction est le fait qu’un utilisateur envoie des modifications proposées à un dépôt, et qu’elles sont acceptées ou rejetées par un autre collaborateur du dépôt.
• Fork – Un fork est une copie personnelle du dépôt d’un autre utilisateur que vous avez sur votre compte. Vous pouvez librement apporter des modifications à un projet à l’aide d’un fork sans affecter le dépôt original.
• Commiteurs/commiteuses – Un commiteur/commiteuses est une modification individuelle d’un fichier dans le Dépôt. Lorsque vous effectuez un commiteur/commiteuse, Git crée un ID unique pour vous aider à garder une trace des modifications spécifiques. Il enregistre également qui a effectué les modifications et quand elles ont été faites.
• Pousser – Pousser signifie envoyer vos modifications à un dépôt distant sur GitHub. Par exemple, si vous apportez des modifications à un fichier localement, alors vous pouvez les pousser pour que d’autres personnes puissent également y accéder.

Nous espérons que cet article vous a aidé à apprendre comment utiliser Git avec WordPress. Vous pouvez également consulter nos choix des meilleures applications mobiles pour gérer votre site WordPress et les erreurs WordPress les plus courantes et comment les corriger.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.