La feuille de triche ultime pour le développement local de WordPress

Publié: 2023-02-14

Vous voulez mettre en place un environnement de développement WordPress local sans feuilleter des pages et des pages de documentation ? Notre aide-mémoire sur le développement local WordPress vous aidera à être opérationnel rapidement et intelligemment !

Dans ce guide pratique "sans fioritures", nous couvrirons brièvement ce qu'est le développement local WordPress et certains des principaux avantages de son utilisation, puis nous verrons directement comment configurer un environnement local, installer WordPress sur votre ordinateur et testez votre site Web avant de le mettre en ligne.

Ce guide couvre les éléments suivants :

  • Qu'est-ce que le développement local WordPress ?
  • Avantages du développement local WordPress
  • Configuration de votre environnement de développement local
    • Ce dont vous aurez besoin
    • Installation du logiciel du serveur local
    • Configuration d'un hôte virtuel
    • Création d'une base de données pour votre installation WordPress locale
  • Installer WordPress localement
    • Téléchargement et installation de WordPress sur un serveur local
    • Configuration du fichier wp-config.php
  • Importation d'un site WordPress en direct dans l'environnement local
    • Exportation de la base de données du site en direct
    • Importation de la base de données du site en direct sur le serveur local
    • Remplacement des URL dans la base de données
    • Téléchargement des fichiers du site en direct dans l'environnement local
  • Développement et test sur un site WordPress local
    • Apporter des modifications et tester
    • Débogage
    • Tester différents plugins et thèmes
  • Déploiement du site WordPress local sur le serveur en direct
    • Exportation de la base de données du site local
    • Importation de la base de données sur le serveur Live
    • Téléchargement des fichiers du site local sur le serveur en direct
    • Mise à jour des URL dans la base de données
  • Développement local vs environnement de développement d'hébergeur
    • Avantages de l'environnement de développement local
    • Inconvénients de l'environnement de développement local
    • Avantages de l'environnement de staging de l'hébergeur
    • Inconvénients de l'environnement de staging de l'hébergeur

Qu'est-ce que le développement local WordPress ?

Le développement local WordPress vous permet de créer un environnement de développement pour créer, travailler et tester des sites WordPress sur votre ordinateur sans affecter votre site en ligne.

L'environnement de développement local réplique le serveur de production, ce qui permet de tester différents scénarios et de résoudre les problèmes avant de pousser les modifications sur le site en ligne.

Avantages du développement local

Certains des principaux avantages du développement local de WordPress incluent :

  • Environnement de test sécurisé : L'environnement de développement local fournit un espace sécurisé pour tester de nouvelles fonctionnalités, plugins et thèmes sans affecter votre site en ligne.
  • Vitesse, performances et efficacité : un environnement de développement local est plus rapide et plus réactif qu'un serveur distant. En effet, il s'exécute sur votre ordinateur, de sorte que votre ordinateur peut accéder et traiter les données beaucoup plus rapidement qu'un serveur, et il n'y a pas de latence dans la communication entre votre machine et le serveur.
  • Rentable : La mise en place d'un environnement de développement local élimine le besoin de services d'hébergement coûteux et réduit les coûts associés au déploiement de modifications sur un site en ligne. Vous n'avez besoin que d'un ordinateur et d'un éditeur de texte pour commencer.
  • Collaboration améliorée : plusieurs développeurs peuvent travailler simultanément sur un même projet sans interférer avec le travail des autres.
  • Développement hors ligne : Avec un environnement de développement local, vous pouvez développer votre site même lorsque vous êtes hors ligne.
  • Sécurité améliorée : Vous avez un projet « top secret » sur lequel vous souhaitez travailler ? Puisqu'un environnement de développement local s'exécute sur votre machine, il est plus sécurisé qu'un serveur distant, vous pouvez donc créer et travailler sur votre site à l'abri des regards indiscrets. Il n'y a aucun risque d'accès non autorisé ou de piratage.

Si vous débutez en tant que développeur WordPress, consultez notre article d'introduction au développement local de WordPress. Si vous êtes déjà un peu plus expérimenté, consultez notre article sur les moyens d'améliorer votre workflow de développement WordPress dans un environnement local.

Configuration de votre environnement de développement local

Avant de pouvoir configurer un environnement de développement WordPress local, vous aurez besoin de certaines choses.

Ce dont vous aurez besoin

En plus d'un ordinateur avec suffisamment d'espace de stockage et de puissance de traitement pour prendre en charge votre travail de développement, voici tout ce dont vous avez besoin pour configurer un environnement de développement local :

Logiciel de serveur local

Vous devrez installer un logiciel serveur local pour exécuter votre environnement de développement local.

XAMPP, MAMP et WAMP sont trois options populaires. Chacun de ces packages logiciels de serveur local fournit un environnement de développement complet pour les développeurs Web avec tous les composants nécessaires (tels que le serveur Web Apache, la base de données MySQL et le langage de script PHP, dans un seul package), un panneau de contrôle pour gérer ces composants et un outil de gestion de la base de données.

Cependant, chaque progiciel possède également ses propres caractéristiques uniques avec des différences clés, il est donc important d'en choisir un qui répond à vos besoins spécifiques.

Jetons un bref coup d'œil à chacun :

XAMPP

XAMPP
XAMPP

XAMPP est un logiciel de serveur Web gratuit, open source et facile à installer qui fournit un environnement de développement local pour les développeurs Web. Il représente Apache, MariaDB, PHP et Perl, les quatre principaux composants de XAMPP.

Quelques fonctionnalités (et avantages) clés de XAMPP :

  • Inclut le serveur Web Apache, la base de données MariaDB et les langages de script PHP et Perl.
  • Prend en charge plusieurs systèmes d'exploitation, y compris Windows, Mac et Linux.
  • Panneau de configuration facile à utiliser pour gérer les composants du serveur Web et de la base de données.
  • Possibilité d'installer des composants supplémentaires tels que phpMyAdmin pour la gestion de la base de données.

Les inconvénients:

  • Pas aussi populaire que MAMP ou WAMP, donc le soutien de la communauté peut ne pas être aussi fort.
  • Configuration plus complexe par rapport à MAMP ou WAMP, nécessitant plus de connaissances techniques pour installer et configurer les composants.

XAMPP est idéal pour les développeurs Web qui ont besoin d'un environnement de développement complet avec plusieurs composants et qui sont familiarisés avec la configuration et la gestion de ces composants. Il convient également aux développeurs qui travaillent sur plusieurs systèmes d'exploitation et qui ont besoin d'une solution multiplateforme.

MAMP

MAMP
MAMP

MAMP est un logiciel de serveur local qui fournit un environnement de développement pour les développeurs Web. Il signifie Macintosh, Apache, MySQL et PHP, les quatre composants principaux de MAMP.

Quelques fonctionnalités (et avantages) clés de MAMP :

  • Inclut le serveur Web Apache, la base de données MySQL et le langage de script PHP.
  • Pris en charge par le système d'exploitation macOS, mais peut également être utilisé pour le système d'exploitation Windows.
  • Panneau de configuration facile à utiliser pour gérer les composants du serveur Web et de la base de données.
  • Possibilité d'installer des composants supplémentaires tels que phpMyAdmin pour la gestion de la base de données.

Les inconvénients:

  • Ne peut utiliser que le langage de script PHP.
  • Moins de composants par rapport à XAMPP, ce qui peut limiter les besoins de certains développeurs.

MAMP est idéal pour les développeurs Web qui travaillent sur le système d'exploitation macOS.

Pour plus d'informations sur l'utilisation de cette option, consultez notre tutoriel sur la façon de développer WordPress localement à l'aide de MAMP.

WampServerName

WampServerName
WampServerName

WAMP est un logiciel de serveur local qui fournit un environnement de développement pour les développeurs Web. Il représente Windows, Apache, MySQL et PHP, les quatre principaux composants de WAMP.

Quelques fonctionnalités (et avantages) clés de WAMP :

  • Inclut le serveur Web Apache, la base de données MySQL et le langage de script PHP.
  • Prend en charge le système d'exploitation Windows.
  • Panneau de configuration facile à utiliser pour gérer les composants du serveur Web et de la base de données.
  • Possibilité d'installer des composants supplémentaires tels que phpMyAdmin pour la gestion de la base de données.

Les inconvénients:

  • Ne prenant en charge que Windows, les développeurs utilisant macOS ou Linux devront peut-être chercher ailleurs.
  • Moins de composants par rapport à XAMPP, ce qui peut limiter les besoins de certains développeurs.

WAMP est idéal pour les développeurs Web qui travaillent sur le système d'exploitation Windows et qui ont besoin d'un environnement de développement complet avec des composants de base.

Pour plus d'informations sur cette option, consultez notre tutoriel sur la façon de développer WordPress localement en utilisant WAMP.

Bien que XAMPP, MAMP et WAMP soient tous d'excellents choix pour les développeurs Web à la recherche d'un environnement de développement local, d'autres options sont disponibles, notamment Local by Flywheel, DesktopServer et (si vous devez travailler sur WordPress localement sur plusieurs machines) même l'installation et l'exécution de WordPress à partir d'une clé USB.

Éditeur de texte

L'autre composant dont vous aurez besoin est un éditeur de texte pour le développement WordPress spécialement conçu pour travailler avec des langages de programmation tels que PHP. Un éditeur de texte est essentiel pour éditer le code et apporter des modifications à votre site Web.

Examinons quelques options populaires pour les éditeurs de texte :

Texte sublime

Texte sublime
Texte sublime

Sublime Text est un éditeur de texte populaire largement utilisé par les développeurs à des fins de codage et de script. Il offre une interface propre, rapide et intuitive, ce qui facilite le travail avec de grandes bases de code.

Quelques fonctionnalités clés de Sublime Text :

  • Mise en évidence de la syntaxe et complétion de code pour plus de 80 langages de programmation
  • Schémas de couleurs, raccourcis clavier et macros personnalisables
  • Outils de recherche et d'édition avancés tels que les sélections multiples, l'édition fractionnée et l'édition de colonnes
  • Passez instantanément d'un projet à l'autre grâce à un système de paramètres spécifiques au projet

Sublime Text est un excellent outil pour les développeurs qui travaillent sur des projets nécessitant l'écriture de code en HTML, CSS et JavaScript. Il offre des outils de coloration syntaxique, de complétion de code et d'édition faciles à utiliser qui rendent le processus de codage rapide et efficace.

Code Visual Studio

Code Visual Studio
Code Visual Studio

Visual Studio Code est un éditeur de code open source gratuit développé par Microsoft. Il offre une gamme de fonctionnalités et d'outils pour aider les développeurs à créer et à gérer des projets à grande échelle.

Certaines fonctionnalités clés de Visual Studio Code :

  • IntelliSense, un outil de complétion et de débogage de code intelligent et avancé
  • Prise en charge et débogage Git intégrés
  • Prend en charge plusieurs langages de programmation et dispose d'une grande bibliothèque d'extensions
  • Interface et espace de travail personnalisables

Pour des éditeurs de texte supplémentaires, consultez notre liste des meilleurs éditeurs de texte pour le développement WordPress.

Avez-vous coché toutes les conditions ci-dessus ?

L'ordinateur répond aux spécifications requises
Logiciel de serveur local sélectionné
Éditeur de texte sélectionné

Super! Passons ensuite à l'étape suivante...

Installation du logiciel du serveur local

Pour cet exemple, nous allons installer XAMPP sur un système d'exploitation Windows. Utilisez le même processus décrit ci-dessous pour installer le logiciel de votre serveur local choisi sur votre ordinateur et suivez les instructions spécifiques du progiciel :

  1. Télécharger XAMPP : Accédez au site officiel de XAMPP et téléchargez la dernière version de XAMPP pour Windows.
  2. Installer XAMPP : Double-cliquez sur le fichier téléchargé pour démarrer le processus d'installation. Exécutez le fichier d'installation téléchargé et suivez les instructions à l'écran pour installer XAMPP. Par défaut, XAMPP sera installé dans le répertoire C:\xampp .
  3. Démarrer XAMPP : Après l'installation, ouvrez le Panneau de configuration XAMPP à partir du menu Démarrer ou du raccourci sur le bureau. Démarrez les modules Apache et MySQL en cliquant sur les boutons "Démarrer" à côté de chaque module.
  4. Vérifier l'installation : Pour vérifier que XAMPP fonctionne correctement, ouvrez un navigateur Web et accédez à http://localhost . Cela devrait afficher la page d'accueil XAMPP.
  5. Créer un hôte virtuel : Pour créer un hôte virtuel, suivez les étapes décrites ci-dessous.

XAMPP devrait maintenant être installé et configuré sur votre machine. Vous êtes prêt à commencer à développer et à tester vos sites Web localement.

Remarque : Le processus d'installation de XAMPP ou d'un autre logiciel de serveur local, tel que MAMP ou WAMP, peut varier légèrement en fonction du système d'exploitation utilisé. Pour les systèmes d'exploitation Mac et Linux, vous pouvez suivre les instructions d'installation fournies sur le site Web XAMPP.

Consultez nos autres didacticiels liés à XAMPP pour plus d'informations sur la configuration de XAMPP, la mise à niveau de XAMPP, le dépannage de XAMPP et la migration de WordPress d'un hôte local XAMPP vers le Web.

Configuration d'un hôte virtuel

La configuration d'un hôte virtuel dans un environnement de développement local permet aux développeurs d'exécuter plusieurs sites Web sur leur ordinateur local, chacun avec sa propre URL unique. Cela fournit un environnement de test plus réaliste et facilite le passage d'un projet à l'autre.

Pour le guide étape par étape ci-dessous pour configurer un hôte virtuel dans votre environnement de développement local et commencer à tester vos sites Web :

1. Ouvrez le fichier de configuration Apache : Ouvrez le fichier de configuration de votre logiciel serveur local. Pour cet exemple, nous utilisons XAMPP, ouvrez donc le fichier de configuration Apache, généralement situé dans /etc/httpd/conf/httpd.conf ou C:\xampp\apache\conf\httpd.conf .

2. Activer l'hébergement virtuel : Localisez la section intitulée "# Virtual Hosts" et décommentez la ligne suivante en supprimant le symbole dièse (#) au début de la ligne : #Include conf/extra/httpd-vhosts.conf .

3. Configurez l'hôte virtuel : Ouvrez le fichier de configuration de l'hôte virtuel, généralement situé dans /etc/httpd/conf/extra/httpd-vhosts.conf ou C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Ajouter un nouvel hôte virtuel : Ajoutez un nouvel hôte virtuel en créant un nouveau bloc de code au format suivant : 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Faites ceci :

  • Remplacez "example.local" par l'URL souhaitée pour l'hôte virtuel.
  • Remplacez "/path/to/document/root" par le chemin d'accès complet au répertoire racine du document pour l'hôte virtuel.

5. Mettez à jour le fichier hosts : Le fichier hosts mappe les noms de domaine aux adresses IP. Pour rendre l'hôte virtuel accessible via l'URL que vous avez spécifiée, vous devez ajouter une entrée au fichier hosts. Le fichier hosts se trouve généralement dans /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Ajoutez une nouvelle ligne au format suivant : 127.0.0.1 example.local . Remplacez « example.local » par l'URL spécifiée dans la configuration de l'hôte virtuel. Enregistrez les modifications dans le fichier de configuration.

6. Redémarrez Apache : Redémarrez le serveur Web local Apache pour appliquer les modifications.

7. Testez l'hôte virtuel : testez votre hôte virtuel en visitant l'URL dans un navigateur Web. Le navigateur doit afficher le contenu du répertoire racine du document pour l'hôte virtuel.

Création d'une base de données pour votre installation WordPress locale

La prochaine étape avant de configurer un projet WordPress localement consiste à créer une base de données pour votre environnement de développement local.

Suivez ces instructions étape par étape pour créer une base de données dans XAMPP :

1. Ouvrez le panneau de configuration XAMPP : Ouvrez le panneau de configuration XAMPP à partir du menu Démarrer ou du raccourci sur le bureau. Assurez-vous que les modules Apache et MySQL sont en cours d'exécution.

2. Accédez à phpMyAdmin : Pour accéder à phpMyAdmin, ouvrez un navigateur Web et accédez à http://localhost/phpmyadmin . Cela ouvrira l'interface phpMyAdmin dans votre navigateur.

3. Créez une nouvelle base de données : Dans l'interface de phpMyAdmin, cliquez sur l'onglet « Bases de données ». Dans la section "Créer une base de données", entrez un nom pour votre nouvelle base de données et sélectionnez la collation "utf8mb4_general_ci". Ensuite, cliquez sur le bouton "Créer".

4. Créer un nouvel utilisateur : Pour créer un nouvel utilisateur pour la base de données, cliquez sur l'onglet « Utilisateurs » puis sur le bouton « Ajouter un utilisateur ». Dans le formulaire "Ajouter un utilisateur", entrez un nom d'utilisateur et un mot de passe pour le nouvel utilisateur, puis sélectionnez "Local" comme hôte. Assurez-vous d'accorder tous les privilèges à l'utilisateur en cochant la case "Accorder tous les privilèges sur la base de données". Enfin, cliquez sur le bouton "Aller".

5. Enregistrez vos informations : Notez ou enregistrez le nom, le nom d'utilisateur et le mot de passe de votre base de données. Vous en aurez besoin pour connecter la base de données à WordPress ultérieurement.

Après avoir terminé les étapes ci-dessus, vous aurez créé avec succès une base de données pour votre installation WordPress locale et votre environnement de développement local.

Vous pouvez désormais utiliser cette base de données pour stocker et gérer vos données lorsque vous développez et testez votre site WordPress localement.

Avez-vous terminé toutes les étapes ci-dessus ?

Logiciel de serveur local installé
Configurer l'hôte virtuel
Base de données créée

Super! Passons ensuite à l'étape suivante...

Installer WordPress localement

Maintenant que nous avons préparé notre environnement local, la prochaine étape consiste à télécharger, installer et configurer WordPress.

Téléchargement et installation de WordPress sur un serveur local

Suivez les étapes ci-dessous pour terminer ce processus :

  1. Visitez le site WordPress : Rendez-vous sur le site officiel WordPress.org et cliquez sur le bouton « Télécharger WordPress » pour télécharger la dernière version de WordPress.
  2. Extraire l'archive : Le téléchargement WordPress sera un fichier ZIP compressé. Extrayez le contenu de l'archive dans un répertoire de votre ordinateur.
  3. Déplacez les fichiers extraits vers votre serveur local : Déplacez le contenu du répertoire extrait vers le répertoire racine de votre serveur local. Si vous utilisez XAMPP, par exemple, il s'agit généralement C:\xampp\htdocs sous Windows ou /Applications/XAMPP/htdocs sous macOS.
  4. Créez une base de données : (Remarque : si vous avez suivi, cette étape devrait déjà être effectuée.) Avant d'installer WordPress, vous devrez créer une base de données. Vous pouvez le faire en utilisant un outil comme phpMyAdmin, qui est inclus avec la plupart des logiciels de serveur local comme XAMPP et MAMP.
  5. Démarrez l'installation : Ouvrez votre navigateur Web et accédez à http://localhost/wordpress (ou l'URL équivalente pour votre serveur local). Cela lancera le processus d'installation de WordPress.
  6. Choisissez la langue : Sur le premier écran, sélectionnez votre langue préférée et cliquez sur le bouton « Continuer ».
  7. Remplissez les informations de la base de données : Sur l'écran suivant, remplissez les informations de la base de données que vous avez créées à l'étape 4. Cela inclut le nom de la base de données, le nom d'utilisateur de la base de données et le mot de passe de la base de données.
  8. Remplissez les informations du site : Sur l'écran suivant, remplissez les informations de votre site WordPress local. Cela inclut le titre du site, le nom d'utilisateur, le mot de passe et l'adresse e-mail.
  9. Lancez l'installation : Une fois toutes les informations renseignées, cliquez sur le bouton « Installer WordPress » pour lancer l'installation.
  10. Connectez-vous à votre site : Une fois l'installation terminée, connectez-vous à votre site WordPress local à l'aide du nom d'utilisateur et du mot de passe que vous avez créés à l'étape 8 pour commencer à personnaliser et à développer votre site local.

Vous avez maintenant téléchargé et installé WordPress avec succès.

Vous pouvez maintenant commencer à personnaliser et à développer votre site localement, avec tous les avantages d'un environnement de développement local, avant de déployer votre site sur un serveur en direct.

Configuration du fichier wp-config.php

Le fichier wp-config.php est un composant crucial dans la configuration d'une installation WordPress locale et d'un environnement de développement local. Ce fichier contient des paramètres de configuration qui contrôlent la façon dont WordPress interagit avec votre base de données et d'autres paramètres importants.

Si vous avez suivi les instructions d'installation ci-dessus, vos identifiants de base de données seront automatiquement ajoutés au fichier wp-config.php .

Si, pour une raison quelconque, vous devez configurer manuellement le fichier wp-config.php , suivez les instructions ci-dessous :

1. Créez un fichier wp-config.php : Si votre installation WordPress locale n'a pas encore de fichier wp-config.php , vous pouvez en créer un en copiant le fichier wp-config-sample.php et en le renommant wp-config.php .

2. Mettez à jour les informations d'identification de la base de données : ouvrez le fichier wp-config.php et mettez à jour les lignes suivantes avec les informations appropriées : 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Remplacez database_name , database_user et database_password par les valeurs que vous avez utilisées lors de la création de la base de données et de l'utilisateur à une étape précédente.

3. Définissez les clés de sécurité WordPress : Les clés de sécurité WordPress ajoutent une couche de sécurité supplémentaire à votre site en cryptant les informations stockées dans les cookies. Vous pouvez générer un ensemble de clés de sécurité sur le site officiel de WordPress. Copiez les clés générées et collez-les dans votre fichier wp-config.php , en remplaçant les clés d'espace réservé qui s'y trouvent déjà.

4. Activer le débogage : Pour le développement local, il est utile d'activer le débogage dans WordPress. Cela fournira des messages d'erreur et des avertissements plus détaillés qui peuvent vous aider à résoudre les problèmes avec votre site. Pour activer le débogage, ajoutez la ligne suivante à votre fichier wp-config.php :

define( 'WP_DEBUG', true );

5. Enregistrez les modifications : Une fois que vous avez apporté les modifications au fichier wp-config.php , enregistrez le fichier et fermez-le.

La configuration réussie du fichier wp-config.php garantira que votre site WordPress installé localement est capable de se connecter à la base de données, est sécurisé et fournit des informations de débogage utiles lorsque vous développez et testez votre site localement.

Importation d'un site WordPress en direct dans l'environnement local

Suivez les étapes ci-dessous si vous devez importer un site WordPress en direct dans votre environnement local :

Exportation de la base de données du site en direct

Pour exporter la base de données du site en direct, vous devez avoir accès au serveur du site en direct.

Voici les étapes pour exporter la base de données du site en direct (remarque : différents environnements de serveur effectueront cette opération différemment, mais la plupart devraient suivre un processus similaire) :

  1. Connectez-vous au panneau de configuration de votre serveur en direct .
  2. Accéder à la base de données : La première étape consiste à accéder à la base de données du site en direct. Vous pouvez le faire en utilisant un outil comme phpMyAdmin, qui est souvent fourni par votre fournisseur d'hébergement Web. Recherchez une section intitulée "Bases de données" et cliquez sur "phpMyAdmin".
  3. Sélectionnez la base de données : Une fois que vous êtes connecté à phpMyAdmin, sélectionnez la base de données de votre site en ligne dans le panneau de gauche.
  4. Exporter la base de données : Cliquez sur le bouton "Exporter" pour démarrer le processus d'exportation.
  5. Choisissez le format d'exportation : Sur l'écran d'exportation, choisissez la méthode d'exportation « Rapide », sélectionnez le format « SQL » et assurez-vous que les options « Structure » et « Données » sont sélectionnées.
  6. Télécharger le fichier d'exportation : Cliquez sur le bouton « Go » pour télécharger le fichier d'exportation sur votre ordinateur.

Importation de la base de données sur le serveur local

Pour importer la base de données du site en direct sur votre serveur local, assurez-vous que le logiciel de serveur local que vous avez choisi est déjà installé sur votre ordinateur.

Voici les étapes pour importer la base de données du site en direct sur votre serveur local :

  1. Ouvrez phpMyAdmin dans votre logiciel serveur local : Connectez-vous à phpMyAdmin pour votre serveur local et sélectionnez la base de données que vous avez créée pour votre installation WordPress locale.
  2. Importer la base de données : Cliquez sur le bouton « Importer » pour importer les données du fichier d'export que vous venez de télécharger.
  3. Sélectionnez le fichier d'importation : Sur l'écran d'importation, cliquez sur le bouton « Choisir un fichier », sélectionnez le fichier d'exportation que vous venez de télécharger, puis cliquez sur le bouton « Aller » pour démarrer le processus d'importation.

Remplacement des URL dans la base de données

Après avoir importé la base de données du site en ligne, vous devrez remplacer les URL dans la base de données pour qu'elles correspondent à votre environnement de développement local.

Voici les étapes pour remplacer les URL dans la base de données :

1. Ouvrez phpMyAdmin dans votre logiciel serveur local.
2. Sélectionnez la base de données importée dans le panneau de gauche.
3. Cliquez sur l'onglet "SQL".
4. Saisissez la requête suivante dans la zone de texte : 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Remplacez "http://www.livesite.com" par l'URL de votre site en ligne et remplacez "http://local.livesite.com" par l'URL de votre environnement de développement local.

6. Cliquez sur le bouton « Go » pour exécuter la requête.

Téléchargement des fichiers du site en direct dans l'environnement local

Pour télécharger les fichiers du site en ligne dans l'environnement local, vous devez disposer d'un accès FTP au serveur de votre site en ligne.

Suivez les étapes ci-dessous pour télécharger les fichiers du site en ligne dans votre environnement local :

  1. Connectez-vous au serveur de votre site en direct à l'aide d'un client FTP tel que FileZilla.
  2. Accédez au répertoire racine de votre site en direct sur le serveur.
  3. Téléchargez tous les fichiers sur votre ordinateur local.
  4. Placez les fichiers téléchargés dans le répertoire racine de votre environnement de développement local, qui se trouve généralement dans le dossier « htdocs » ou « www » de XAMPP ou d'un autre logiciel serveur local.

Remarques:

  1. Si vous avez déjà une installation WordPress, le dossier ci-dessus ne sera pas vide et vous serez invité à remplacer les fichiers et répertoires existants, remplacez donc tous les fichiers à l'exception du fichier wp-config.php pour conserver les mêmes configurations, y compris les fichiers connectés. bases de données qui ont été remplies avec les données du site en direct.
  2. Avant de télécharger les fichiers du site en direct dans l'environnement local, vous devrez peut-être modifier les autorisations de fichier pour rendre les fichiers inscriptibles par votre logiciel de serveur local.
  3. Assurez-vous également de tester votre sauvegarde WordPress locale avant d'apporter des modifications.

C'est ça! Vous avez maintenant importé avec succès votre site en direct dans votre installation WordPress locale et votre environnement de développement local.

Développement et test sur un site WordPress local

Vous êtes enfin prêt à développer et tester votre site localement en utilisant les mêmes données que votre site en ligne, vous offrant un environnement réaliste pour les tests et le développement.

Passons en revue le processus :

Apporter des modifications et tester

  1. Connectez-vous au site WordPress local : ouvrez votre site WordPress local dans votre navigateur Web et connectez-vous au tableau de bord WordPress à l'aide de vos informations d'identification d'administrateur.
  2. Apporter des modifications au site : vous pouvez apporter des modifications à votre site WordPress local en modifiant des thèmes, des plugins ou du code personnalisé. Accédez simplement à ces éléments depuis le tableau de bord WordPress.
  3. Tester les modifications : après avoir apporté des modifications à votre site WordPress local, il est important de tester les modifications pour vous assurer qu'elles fonctionnent comme prévu. Vous pouvez tester les modifications en visitant le front-end de votre site et en vérifiant que les modifications ont pris effet.

Débogage

  1. Utilisez le mode de débogage : WordPress dispose d'un mode de débogage intégré qui facilite l'identification et la résolution des problèmes sur votre site. Pour activer le mode débogage, vous devez ajouter le code suivant à votre fichier wp-config.php : define( 'WP_DEBUG', true ); .
  2. Vérifiez les journaux d'erreurs : Si vous rencontrez des problèmes avec votre site WordPress local, vous pouvez consulter les journaux d'erreurs pour voir s'il existe des messages d'erreur ou des messages d'avertissement qui peuvent vous aider à identifier le problème. Les journaux d'erreurs se trouvent dans le fichier journal de débogage de WordPress, qui se trouve dans le répertoire wp-content.
  3. Utilisez des outils de débogage : Il existe un certain nombre d'outils de débogage et de plugins disponibles pour WordPress qui peuvent vous aider à identifier et résoudre les problèmes sur votre site. Par exemple, le plug-in Query Monitor fournit des informations détaillées sur les requêtes de base de données, l'utilisation du plug-in, etc. Consultez ce tutoriel pour obtenir de l'aide sur le débogage de WordPress : Débogage de WordPress : Comment utiliser WP_Debug

Tester différents plugins et thèmes

L'installation, l'activation et le test de plugins et de thèmes sur un site WordPress local fonctionnent exactement de la même manière que sur tout autre site WordPress standard. Alors, assurez-vous de faire ce qui suit en mode test :

  1. Installer des plugins : installez des plugins sur votre site WordPress local pour ajouter de nouvelles fonctionnalités ou fonctionnalités à votre site. Pour installer un plugin, connectez-vous au tableau de bord WordPress, accédez à la section Plugins et cliquez sur le bouton Ajouter nouveau.
  2. Activer les plugins : Activez le plugin que vous testez après l'avoir installé pour l'utiliser sur votre site. Pour activer un plugin, rendez-vous dans la section Plugins du tableau de bord WordPress et cliquez sur le bouton Activer à côté du plugin que vous souhaitez utiliser.
  3. Tester les plugins : Après avoir activé un plugin, il est important de tester le plugin pour s'assurer qu'il fonctionne comme prévu. Testez les plugins en visitant le front-end de votre site et en vérifiant que le plugin a pris effet.
  4. Installer des thèmes : Installez des thèmes sur votre site WordPress local pour modifier l'apparence de votre site. Pour installer un thème, connectez-vous au tableau de bord WordPress, accédez à la section Apparence et cliquez sur le bouton Thèmes.
  5. Activer les thèmes : Activez le thème après l'avoir installé pour changer l'apparence de votre site. Pour activer un thème, rendez-vous dans la section Apparence du tableau de bord WordPress et cliquez sur le bouton Activer à côté du thème que vous souhaitez utiliser.
  6. Tester les thèmes : Après avoir activé un thème, il est important de tester le thème pour s'assurer qu'il fonctionne comme prévu. Testez les thèmes en visitant le front-end de votre site et en vérifiant que le thème a pris effet.

Avez-vous apporté toutes les modifications dont vous avez besoin, débogué les problèmes et testé différents plugins et thèmes sur votre site local ?

Super! Vous êtes maintenant prêt à mettre en ligne votre site WordPress local.

Déploiement du site WordPress local sur le serveur en direct

La dernière étape de ce processus consiste à exporter tous vos fichiers et bases de données WordPress locaux vers votre environnement d'hébergement en direct et à vous assurer que toutes les modifications, configurations et URL de votre site fonctionnent sur votre site en direct.

Exportation de la base de données du site local

Suivez les étapes ci-dessous pour exporter votre site WordPress local vers votre serveur en direct :

  1. Connectez-vous à la base de données du site local à l'aide de PHPMyAdmin.
  2. Sélectionnez la base de données que vous souhaitez exporter.
  3. Allez dans l'onglet "Exporter".
  4. Choisissez la méthode d'exportation "Rapide".
  5. Sélectionnez le format "SQL".
  6. Cliquez sur "Go" pour télécharger le fichier SQL sur votre ordinateur.

Importation de la base de données sur le serveur Live

Suivez les étapes ci-dessous pour importer le fichier d'exportation de votre base de données WordPress locale dans votre site en ligne :

  1. Connectez-vous à la base de données du serveur en direct à l'aide de PHPMyAdmin.
  2. Créez une nouvelle base de données pour le site en ligne.
  3. Accédez à la nouvelle base de données et sélectionnez l'onglet "Importer".
  4. Choisissez le fichier SQL exporté à partir de votre site local.
  5. Cliquez sur "Go" pour importer la base de données.

Maintenant que vous avez migré la base de données de votre site local vers votre site en ligne, faisons de même pour les fichiers de votre site.

Téléchargement des fichiers du site local sur le serveur en direct

Suivez les étapes ci-dessous pour télécharger les fichiers de votre site WordPress local sur votre site en ligne :

  1. Préparez les fichiers : avant de télécharger les fichiers du site local sur le serveur, il est conseillé de passer en revue et de nettoyer les fichiers. Cela peut inclure la suppression de tous les fichiers inutiles, tels que les sauvegardes ou les fichiers de test, afin de minimiser la quantité de données téléchargées.
  2. Se connecter au serveur : vous pouvez vous connecter au serveur à l'aide de diverses méthodes, telles que FTP ou SFTP. Vous devrez utiliser un logiciel client, tel que FileZilla, pour vous connecter au serveur. Vous devrez fournir votre hôte de serveur, votre nom d'utilisateur et votre mot de passe pour vous connecter.
  3. Télécharger les fichiers : Une fois connecté au serveur, vous pouvez télécharger les fichiers du site local sur le serveur. Vous pouvez télécharger les fichiers de plusieurs manières, notamment en téléchargeant des fichiers individuels ou en téléchargeant l'intégralité du dossier du site local. Accédez au répertoire racine du site en direct sur le serveur. Téléchargez tous les fichiers du site local dans le répertoire du site en direct sur le serveur et remplacez les fichiers existants si vous y êtes invité.
  4. Mettre à jour les informations de la base de données : après avoir téléchargé les fichiers sur le serveur, vous devrez mettre à jour les informations de la base de données dans le fichier wp-config.php pour refléter les informations de la base de données du site en direct. Ouvrez le fichier wp-config.php dans un éditeur de texte et mettez à jour le nom de la base de données, le nom d'utilisateur et le mot de passe pour qu'ils correspondent à la base de données en direct.
  5. Mettre à jour les URL dans la base de données : consultez la section ci-dessous.
  6. Testez le site : après avoir téléchargé les fichiers du site local sur le serveur, il est conseillé de tester le site pour vous assurer que tout fonctionne correctement. Cela peut impliquer de tester les fonctionnalités, les liens et les images du site pour s'assurer qu'ils fonctionnent comme prévu.

Mise à jour des URL dans la base de données

Vous pouvez mettre à jour les URL de votre base de données à l'aide d'un éditeur de texte ou en travaillant directement dans votre base de données (assurez-vous que votre base de données est entièrement sauvegardée avant d'apporter des modifications).

Mise à jour des URL à l'aide d'un éditeur de texte

Suivez les étapes ci-dessous pour mettre à jour les URL de votre base de données à l'aide d'un éditeur de texte.

  1. Exporter la base de données : Avant de mettre à jour les URL dans la base de données, vous devrez exporter la base de données. Utilisez votre outil de gestion de base de données (par exemple phpMyAdmin).
  2. Rechercher et remplacer les URL : Une fois que vous avez exporté la base de données, vous devrez rechercher et remplacer les URL dans la base de données. Vous pouvez le faire à l'aide d'un éditeur de texte tel que Sublime ou Visual Studio Code. Recherchez et remplacez les URL, et assurez-vous de remplacer les URL soigneusement et complètement, y compris les URL dans les données sérialisées.
  3. Importer la base de données : après avoir mis à jour les URL dans la base de données, vous devrez réimporter la base de données dans votre environnement de développement local. Vous pouvez importer la base de données à l'aide d'un outil de gestion de base de données, tel que phpMyAdmin.
  4. Tester le site : Après avoir importé la base de données mise à jour, il est conseillé de tester le site pour s'assurer que tout fonctionne correctement. Cela peut impliquer de tester les fonctionnalités, les liens et les images du site pour s'assurer qu'ils fonctionnent comme prévu.

Mise à jour des URL dans la base de données

Follow the steps below to update the URLs directly in your database:

1. Log in to the live site's database using PHPMyAdmin.
2. Select the live site's database.
3. Go to the “SQL” tab.
4. Run the following SQL query to update the URLs: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!