Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez utiliser Git et intégrer GitHub à votre site 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. Vous pouvez également récupérer une version stable de votre code au cas où quelque chose tournerait mal pendant le processus de développement.

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

Beginners guide to using Git with 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 raisons principales 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é.

Make contributions to plugin development on GitHub

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.

Login to your local WordPress website

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 ».

Git website

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.

Select your operating system for 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.

Installing git

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é.

Check git version

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 ».

Click open with git bash

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
Enter git init command

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.

Enter git add command

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.

Add commit message

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.

View hidden git folder

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 « .

Sign up for a GitHub account

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.

Enter details to create a GitHub account

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.

Verify your GitHub account

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 ».

Create a new repo in GitHub

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é.

Enter a name for new repo

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 ».

Click the create repo button

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

Vous trouverez le lien dans la section Configuration rapide.

Copy repo link under quick setup

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.

Enter remote add origin command

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.

Enter git push command

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.

View local files in GitHub repo

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 « .

WP Pusher website

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 ».

Obtain GitHub token

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.

Authorize wp pusher

À 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.

Copy the GitHub token

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 ».

Save GitHub token

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.

Enter plugin repo

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.

Copy the link for plugin repo

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.

Click install plugin button

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 ».

Activate a plugin

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 « .

Download zip file for plugin

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 meilleurs outils de développement 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.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

Un commentaireLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.