Comment créer un site WordPress hors ligne (en 3 étapes simples)

Publié: 2022-08-29

Lorsque vous éditez un site Web en direct, toutes les modifications que vous apportez seront immédiatement mises en œuvre. Cela signifie que si vous souhaitez essayer de nouveaux logiciels de codage ou expérimentaux, vous pourriez finir par casser votre site et aliéner de nouveaux visiteurs.

Pour résoudre ce problème, vous pouvez créer une version locale et hors ligne de votre site Web. Cela vous permet d'exécuter et de modifier WordPress sans avoir besoin d'une connexion Internet. En installant votre site sur votre ordinateur personnel, vous pouvez tester de nouvelles fonctionnalités, apprendre à utiliser WordPress et éventuellement mettre en ligne vos modifications.

Dans cet article, nous expliquerons pourquoi vous pourriez vouloir créer un site WordPress hors ligne. Ensuite, nous vous montrerons comment faire cela en utilisant DevKinsta. Commençons!

Pourquoi vous pourriez envisager de créer un site Web hors ligne

Si vous êtes propriétaire d'un site Web, vous savez probablement déjà que l'exécution de tâches de gestion simples peut avoir un impact négatif sur votre contenu en direct. Souvent, les mises à jour logicielles, les nouvelles installations et les modifications basées sur le code peuvent entraîner des temps d'arrêt ou d'autres problèmes.

Un moyen simple d'éviter de casser votre site est de créer un environnement de staging. En faisant une copie de votre site Web en ligne, vous pouvez tester en toute sécurité les changements de développement. En utilisant Kinsta, vous pouvez même mettre en place un site de staging en un clic :

Une capture d'écran de la création d'un site de staging dans MyKinsta
Créer un site de développement dans MyKinsta

Cependant, il peut arriver que vous souhaitiez modifier votre site entièrement hors ligne. Par exemple, si vous n'avez pas accès au Wi-Fi, vous ne pourrez pas ouvrir de site intermédiaire.

Heureusement, vous pouvez enregistrer une version locale de votre site Web sur votre ordinateur. Après avoir créé un site WordPress hors ligne, vous pouvez apporter des modifications sans connexion Internet.

Si vous êtes un développeur ou un concepteur professionnel, vous devrez probablement travailler hors ligne sur les sites Web de vos clients. Une fois que vous les avez clonés et que vous travaillez localement, vous pouvez développer des améliorations de codage réussies sans affecter le contenu en direct. Ensuite, vous pouvez simplement appliquer ces modifications au site d'origine.

De plus, les sites locaux peuvent offrir un moyen efficace d'apprendre à utiliser WordPress. Si vous êtes un débutant complet, vous pouvez créer un nouveau site Web hors ligne avant d'acheter un plan d'hébergement ou un domaine. Cela peut réduire les coûts lorsque vous expérimentez le développement WordPress local.

Lorsque vous éditez un site Web en direct, toutes les modifications que vous apportez seront immédiatement mises en œuvre. Créer votre site hors ligne peut simplifier les choses Cliquez pour tweeter

Comment créer un site WordPress hors ligne (en 3 étapes)

Maintenant que vous connaissez les avantages d'utiliser un site WordPress local, discutons de la façon d'en créer un !

Étape 1 : Installer DevKinsta

Bien qu'il existe de nombreux outils de développement WordPress locaux différents que vous pouvez utiliser, ceux-ci peuvent avoir des processus de configuration compliqués. Avec DevKinsta, vous pouvez créer votre premier environnement local en un seul clic :

Télécharger DevKinsta
Vous pouvez télécharger DevKinsta depuis la page principale

Voici quelques-unes des fonctionnalités de haute qualité que nous avons intégrées à DevKinsta :

  • Prise en charge de PHP 7.2 – 8.0
  • Intégration avec MyKinsta
  • Gestion locale des e-mails
  • Gestionnaire de base de données intégré

DevKinsta peut prendre en charge les systèmes d'exploitation macOS, Windows et Linux. Cependant, avant de télécharger notre outil de développement local, il est important de vous assurer que votre ordinateur répond à ces exigences :

  • Au moins 5 Go d'espace disque
  • Au moins 1 Go de RAM
  • Connexion Internet pendant le téléchargement
  • Virtualisation activée dans le BIOS

Ensuite, le processus d'installation variera en fonction du logiciel de votre ordinateur. Vous devrez probablement installer Docker Desktop avant de télécharger et d'ouvrir le fichier DevKinsta DMG.

Étape 2 : Ajouter un nouveau site

Une fois que vous avez installé DevKinsta, vous pouvez utiliser trois méthodes différentes pour créer un site Web WordPress local. Pour vous assurer de choisir celui qui convient à vos besoins, passons en revue chaque approche.

Méthode 1 : Ajouter un nouveau site WordPress

Si DevKinsta a été installé correctement, vous verrez une page Créer un nouveau site . Ici, vous pouvez soit ajouter un nouveau site WordPress, en importer un depuis Kinsta, ou créer une version personnalisée :

La page Créer un nouveau site DevKinsta est disponible après le téléchargement
Créer un nouveau site DevKinsta

Pour créer un tout nouveau site Web WordPress à partir de rien, sélectionnez Nouveau site WordPress . Cela créera un environnement local configuré avec Nginx, MySQL et le dernier logiciel WordPress.

Pour cette méthode, tout ce que vous aurez à faire est de remplir un nom de site, un nom d'utilisateur d'administrateur WordPress et un mot de passe d'administrateur WordPress. Cliquez ensuite sur Créer un site :

Créer une nouvelle connexion WordPress à partir de la page de connexion principale
Créer une nouvelle connexion WordPress

Après 30 à 60 secondes, DevKinsta créera un nouveau site. Vous pourrez voir des informations sur la nouvelle base de données, le serveur, la version de PHP, etc. :

Configuration du site hors ligne dans DevKinsta
Nouvelle configuration de site hors ligne

Au cours de ce processus, vous devrez probablement saisir le mot de passe de votre ordinateur ou accepter une boîte de dialogue de confirmation. Cela permettra au logiciel d'apporter des modifications à votre fichier hosts et de terminer la création de la base de données.

Méthode 2 : Importez votre site Web Kinsta

Si vous avez un plan d'hébergement Kinsta, vous pouvez cloner votre site Web existant. Ce faisant, vous pouvez facilement repousser les modifications vers votre environnement de staging d'origine ou votre site en ligne. Pour commencer, sélectionnez Importer depuis Kinsta :

Télécharger le site Kinsta existant
Télécharger le site Kinsta existant

Ensuite, vous devrez connecter votre compte MyKinsta. Lorsque vous avez terminé de saisir votre nom d'utilisateur et votre mot de passe, cliquez sur Connexion :

Connectez-vous avec l'email et le mot de passe MyKinsta que vous avez sous la main
Connectez-vous avec l'email et le mot de passe MyKinsta

Ensuite, choisissez le site que vous souhaitez cloner sur votre ordinateur. Étant donné que DevKinsta prend en charge à la fois les environnements de staging et live, vous pouvez choisir l'un ou l'autre :

Sélectionnez le site en direct ou de développement à importer à partir de votre liste
Sélectionnez le site en direct ou intermédiaire à importer

Si le site Web est multisite, indiquez s'il utilise un sous-domaine ou un sous-répertoire. Vous pouvez également sélectionner Pas de multisite :

Ajoutez les détails du multisite WordPress si vous utilisez le multisite
Ajouter les détails du multisite WordPress

Après avoir cliqué sur Importer le site , DevKinsta créera une copie locale du site Web que vous avez choisi.

Méthode 3 : Ajouter un site personnalisé

Lorsque vous souhaitez avoir plus de contrôle sur votre installation WordPress locale, vous pouvez sélectionner l'option Site personnalisé . Cela vous permettra de configurer des paramètres spécifiques sur le site :

Aux prises avec des temps d'arrêt et des problèmes WordPress ? Kinsta est la solution d'hébergement conçue pour vous faire gagner du temps ! Découvrez nos fonctionnalités
Créer un site hors ligne avec une configuration personnalisée
Vous pouvez créer un site hors ligne avec une configuration personnalisée

Tout d'abord, choisissez un nom pour le site Web. Vous pouvez également nommer la base de données et choisir une version PHP :

Remplir les détails du site personnalisé
Remplir les détails du site personnalisé

Sous Détails WordPress , vous pouvez modifier le titre du site, ainsi que la version de WordPress. Enfin, remplissez votre adresse e-mail d'administrateur, votre nom d'utilisateur et votre mot de passe :

Remplissez les informations requises
Informations de connexion WordPress complètes

Une fois que vous aurez cliqué sur Créer un site , DevKinsta ajoutera le domaine à votre fichier d' hôtes et mettra en place une nouvelle base de données. Cela ne devrait prendre qu'entre 15 et 20 secondes.

Étape 3 : Gérez votre site Web local

Après avoir créé un site Web local, vous devez savoir comment le visiter et le gérer. De cette façon, vous pouvez mettre en œuvre des changements et évaluer leur succès. Sur la page Sites , cliquez sur l'icône en forme de flèche pour ouvrir l'interface de votre site Web :

Ouvrir un site Web WordPress hors ligne
Ouvrir un site Web WordPress hors ligne

Pour accéder à votre administrateur WordPress, sélectionnez un site Web. Ensuite, en haut de la page d' informations sur le site , recherchez le bouton WP Admin :

Trouvez le bouton WP Admin et cliquez dessus dans DevKinsta
Cliquez sur le bouton WP Admin

Dans le navigateur généré, vous pouvez renseigner vos informations de connexion WordPress. Ensuite, vous pourrez visualiser et modifier votre site Web à l'aide de votre tableau de bord :

Ouvrir le tableau de bord du site hors ligne
Le tableau de bord WordPress est maintenant ouvert hors ligne

Une fois que vous avez apporté des modifications, vous pouvez revenir à la page d'informations du site DevKinsta. En sélectionnant Sync > Push to Kinsta , vous pouvez implémenter ces développements sur votre site de staging ou en direct. Alternativement, vous pouvez également extraire les modifications de Kinsta vers cet environnement local :

Pousser les changements vers et depuis Kinsta
Pousser les changements vers et depuis Kinsta

Si vous cliquez sur Gestionnaire de base de données , vous pouvez lancer Adminer dans un onglet du navigateur. À l'aide de cet outil, vous pouvez créer de nouvelles bases de données, inspecter les données d'une table, modifier les paramètres des colonnes, exécuter des requêtes SQL et bien plus :

Une capture d'écran de la base de données Adminer
Gérer la base de données Adminer

En tant que débutant, vous n'aurez peut-être besoin de créer qu'un seul site WordPress local. Cependant, si vous êtes un développeur ou si vous travaillez pour une agence, vous pouvez créer et gérer plusieurs sites dans DevKinsta.

Dans DevKinsta, chaque site fonctionne dans un environnement conteneurisé. Cela signifie que vous pouvez ajouter autant de projets que nécessaire. Pour cela, cliquez sur Ajouter un site sur la page d'accueil :

Gérer les sites DevKinsta locaux
Gérer les sites DevKinsta locaux

À présent, vous devriez avoir un nouveau site WordPress hors ligne et les outils dont vous avez besoin pour le personnaliser ! Cela peut vous aider à développer votre site Web sans Wi-Fi et à éviter de faire des erreurs de codage en direct.

Pas de connexion Internet? Aucun problème. Découvrez comment vous pouvez créer une version locale et hors ligne de votre site dans ce guide Cliquez pour tweeter

Sommaire

Après avoir lancé une version locale de WordPress, vous pouvez ouvrir et gérer votre site même sans connexion Internet. Lorsque vous revenez en ligne, vous pouvez simplement appliquer vos modifications à votre site Web en ligne. De cette façon, vous pouvez terminer les tâches de développement à tout moment.

En utilisant DevKinsta, l'installation d'un environnement WordPress local peut être un processus simple. Téléchargez cet outil gratuit dès aujourd'hui pour créer un site de test hors ligne en un seul clic !