Comment installer WordPress sur Localhost : étape par étape à partir de zéro

Pourquoi voudriez-vous installer WordPress sur localhost

La plupart des développeurs auront un flux de travail strict et reproductible qui les aide à faire passer un site Web du fichier ZIP d'installation de WordPress à une instance en direct complète. Bien que vous puissiez devenir complexe avec cela, il y a trois points de contact à garder à l'esprit :

• Vivre . Il s'agit du site sur lequel vous navigueriez sur le Web, et vous ne devriez y apporter aucune modification. En effet, vous ne voulez pas que vos utilisateurs finaux voient ces changements, surtout s'ils tournent mal. Dans le pire des cas, votre site devra peut-être se déconnecter pendant que vous réparez les choses, ce qui peut avoir un impact sur les chiffres de trafic et les revenus potentiels futurs.
• Mise en scène . Il s'agit d'un serveur en direct qui contient votre site, mais vous le cacherez au public. Cela vous permet de tester les modifications que vous apportez sans impact négatif sur votre site en ligne. En outre, vous pouvez essayer de détecter les bogues et les erreurs qui se produisent en raison de l'architecture du serveur cible.
• Locale . Vous verrez que "localhost" est beaucoup utilisé dans cet article, mais en bref, c'est votre ordinateur. Ce n'est pas un serveur en direct, et vous seul pouvez voir le site. Pour y parvenir, vous devrez créer un environnement de développement local sur votre ordinateur.

Il est important d'utiliser les trois "états" pour développer votre site, et l'environnement local pourrait être le plus vital. Cela vous donne tout le temps dont vous avez besoin pour créer votre site, sans utiliser les ressources du serveur ni vous donner l'impression d'être "à l'heure".

Les méthodes que vous pouvez utiliser pour installer WordPress sur localhost

Vous avez plusieurs approches différentes pour créer un environnement de développement local. Il existe toutes sortes d'outils disponibles, et chacun installera tous les prérequis dont vous avez besoin pour la plupart. Par exemple, XAMPP (que nous aborderons dans une minute) comprend les éléments suivants :

• X : Prise en charge multiplateforme.
• A : Le type de serveur Apache.
• M : Prise en charge des bases de données MySQL ou MariaDB.
• P : Prise en charge de PHP.
• P : Prise en charge des scripts Perl.

Cependant, il existe d'autres outils qui résument cela sous le capot et offrent également une meilleure prise en charge des tests de courrier électronique et plus encore. Dans le reste de l'article, nous vous montrerons les étapes générales pour chaque méthode. À la fin, vous saurez comment installer WordPress sur localhost de différentes manières.

Comment installer WordPress sur localhost (4 outils, 4 tutoriels)

Nous allons vous donner quatre tutoriels différents ici. Ils ne seront pas dans n'importe quel ordre, car chacun pourrait vous convenir. Voici une liste des outils que nous utiliserons pour vous montrer comment installer WordPress sur localhost :

1. XAMPP .
2. Un environnement de développement local de bureau , tel que Local ou DevKinsta.
3. Valet Laravel .
4. VVV .

Tout d'abord, nous allons nous intéresser à un vieux pilier du développement local.

1. XAMPP

XAMPP représente l'un des premiers moyens disponibles pour mettre en place un environnement de développement local. Bien que cette version soit multiplateforme - et en tant que telle, vous pouvez l'utiliser avec n'importe quel système d'exploitation (OS) - il existe d'autres versions qui ciblent des systèmes d'exploitation spécifiques : MAMP et WampServer, par exemple.

Notez cependant que toutes ces versions ne proviennent pas d'un seul développeur, ce qui pourrait vous dérouter. Dans de nombreux cas, les développeurs aiment créer leur propre "pile" à partir des éléments constitutifs. Ces applications cherchent à regrouper les composants dont vous avez besoin dans un seul package d'installation.

Même ainsi, l'expérience utilisateur (UX) de XAMPP est "écornée" par rapport aux autres options de cette liste. Pour ceux qui ont une connaissance approfondie de XAMPP, ce sera une application numéro un. L'un de ses avantages est la capacité de personnalisation. Cela signifie que vous pouvez échanger les types de bases de données, les clients de messagerie et bien plus encore. Cependant, le processus d'installation est aussi simple que d'utiliser son programme d'installation de téléchargement pour votre système d'exploitation :

Une fois cette opération terminée, assurez-vous de tout exécuter dans l'onglet Gérer les serveurs du panneau XAMPP - le vert c'est bien !

À partir de là, testez la connexion en utilisant http://localhost dans votre navigateur, ce qui devrait faire apparaître un tableau de bord :

Vous voudrez également installer une base de données, car XAMPP ne le fera pas pour vous. Nous couvrons cela dans notre article sur la façon de déplacer un site Web vers un nouveau fournisseur d'hébergement.

️ Installation de WordPress

Pour installer WordPress, vous pouvez télécharger le fichier ZIP à partir du site Web WordPress.org.

De retour dans XAMPP, accédez à l'onglet Bienvenue et choisissez Ouvrir le dossier d'application . Cela ouvrira votre répertoire personnel, htdocs :

À l'intérieur, donnez à un nouveau répertoire un nom descriptif pour votre site, puis extrayez le fichier ZIP WordPress. Vous voudrez vous assurer que le niveau supérieur du répertoire contient vos fichiers, car parfois le processus d'extraction peut créer son propre répertoire personnel :

Ensuite, dirigez-vous vers localhost/<your-site>/wp-admin/setup-config.php dans votre navigateur (et remplacez l'espace réservé par votre propre nom de répertoire de site.) Cela lancera le processus d'installation de WordPress :

À partir de là, vous aurez quelques champs à remplir. Le premier nécessite vos informations d'identification de base de données :

Ensuite, ouvrez un nouveau fichier texte en utilisant l'éditeur de votre choix et copiez-y le texte à l'écran :

Enregistrez ce fichier en texte brut, renommez-le wp-config.php et déplacez-le dans le dossier htdocs de votre site. De là, cliquez sur le bouton pour installer WordPress. La dernière étape consiste à remplir quelques champs supplémentaires sur votre site, puis à cliquer pour installer WordPress :

Il y a beaucoup à faire ici, et le temps de configuration peut vous nuire, surtout si vous rencontrez une erreur. C'est là qu'intervient notre prochaine méthode pour installer WordPress sur localhost.

2. Une application dédiée

L'une des avancées les plus récentes dans le développement WordPress local se présente sous la forme d'applications. Celles-ci vous offrent une belle interface utilisateur graphique (GUI) à regarder, tout en cherchant à inclure presque tout ce dont vous avez besoin sous le capot.

La première application de cet acabit - DesktopServer - n'est malheureusement plus active. Il n'y a vraiment que deux alternatives : Flywheel's Local et DevKinsta de Kinsta. Les deux offrent un ensemble similaire de fonctionnalités et de fonctionnalités dans la mesure où vous disposez d'un moyen en un clic minimal de configurer une installation complète de WordPress. Cela signifie que vous n'avez pas à vous soucier des dépendances, de la gestion des bases de données, des e-mails ou de tout autre aspect associé.

Un autre avantage est que vous pouvez faire passer votre site du local au live tant que votre serveur utilise Flywheel ou WPEngine (pour Local) ou Kinsta (pour DevKinsta.) Cela peut vous faire gagner encore plus de temps, et pour cette raison, une application dédiée conviendra à la plupart des utilisateurs.

️ Installation de WordPress

Nous utiliserons Local comme application de choix ici pour vous montrer comment installer WordPress sur localhost. Au début, l'interface sera vide et il y aura souvent un bouton visible sur lequel cliquer pour démarrer le processus d'installation. Pour Local, il y a une icône Plus dans le coin inférieur gauche :

Cela lance un assistant qui vous demande d'abord de créer un nouveau site ou d'utiliser un "Plan directeur". Considérez ces modèles pour les sites que vous créerez régulièrement :

Ensuite, donnez un nom à votre site…

… puis choisissez un environnement pour votre site :

Dans la majorité des cas, l'option préférée est la meilleure à utiliser. L'onglet Personnalisé vous permet de sélectionner le numéro de version PHP exact, le type de serveur Web et le type de base de données pour votre installation. Il est utile de choisir des options similaires à votre propre site.

À partir de là, cliquez pour confirmer et Local installera WordPress pour vous.

3. Valet Laravel

Le reste de cet article examinera les outils de ligne de commande auxquels vous accéderez à l'aide d'une application Terminal. Laravel Valet est une option fantastique que nous vous recommandons si vous êtes à l'aise avec l'exécution de commandes. Considérez-le comme un bon équilibre entre XAMPP et Local/DevKinsta, mais sans interface graphique.

Il y a deux gros avantages avec Valet. Tout d'abord, il est petit et performant. Deuxièmement, vous pouvez utiliser des noms de domaine dédiés, plutôt qu'une chaîne d'adresses IP comme XAMPP. Cependant, un gros inconvénient est que Valet n'est compatible qu'avec macOS.

Vous souhaiterez également utiliser le gestionnaire de packages Homebrew pour ce système d'exploitation afin d'installer des dépendances pour Valet (telles que PHP et Composer.) La documentation officielle de Valet contient les instructions complètes à cet effet. Vous devrez également créer une base de données. MariaDB est simple et est quelque chose que vous pouvez utiliser avec Homebrew. Une fois que vous y êtes, vous pouvez utiliser la commande create database <name> pour ajouter une nouvelle base de données.

️ Installation de WordPress

La majeure partie du processus d'installation de WordPress à l'aide de Valet implique de parcourir vos répertoires. Bien que vous n'ayez pas besoin d'utiliser la ligne de commande pour ces parties, il est plus simple de le faire. Quoi qu'il en soit, il y a trois commandes à utiliser en premier :

 mkdir websites cd websites valet park

Cela définira le répertoire des sites Web comme dossier racine Valet. Ensuite, créez un autre répertoire dans le dossier racine Valet et accédez-y à l'aide de la ligne de commande. À partir de là, utilisez les quatre commandes suivantes pour installer WordPress sur localhost :

 git clone https://github.com/WordPress/WordPress.git < folder-name > cd < folder-name > valet link < folder-name > valet secure < folder-name >
 Langage de code : HTML, XML ( xml )

À son tour, cela clone la dernière version officielle de WordPress de son référentiel GitHub dans un nouveau répertoire, puis entre dans ce répertoire. La commande valet link sert le site au "serveur" et la commande valet secure ajoute un cryptage à la connexion.

À ce stade, vous pouvez accéder au domaine <folder-name>.test et commencer à installer WordPress conformément aux instructions pour XAMPP.

4. Vagabonds vagabonds variables

Enfin, VVV explique comment installer WordPress sur localhost pour Windows. En fait, il s'agit d'une application en ligne de commande spécialement conçue pour les installations WordPress locales qui fonctionne techniquement également pour macOS, mais utilise l'outil de machine virtuelle VirtualBox pour créer des installations. Malheureusement, cela ne fonctionne pas sur les versions actuelles de macOS, vous devez donc opter pour Valet ou une autre alternative de machine virtuelle telle que Parallels.

Avec XAMPP et ses variantes, VVV est également un environnement de développement local recommandé sur le site Web Make WordPress. Le site fournit des instructions de configuration complètes.

Vous gérerez les sites à partir d'un fichier de configuration, c'est donc une bonne idée de le copier une fois que vous lancez VVV pour la première fois. Pour ce faire, saisissez ce qui suit sur la ligne de commande :

 cd vagrant-local vagrant status

Cela navigue vers votre dossier racine VVV et copie le fichier correspondant.

️ Installation de WordPress

À ce stade, ouvrez le fichier config.yml dans un éditeur de texte et ajoutez le code suivant à la section sites :

 mysite: repo: https: //github.com/Varying-Vagrant-Vagrants/custom-site-template.git hosts: - mysite.test
 Langage de code : JavaScript ( javascript )

Une fois que vous avez enregistré vos modifications, restez dans le dossier vagrant-local , exécutez la commande vagrant up et suivez les instructions. Cela "provisionne" votre site et ne vous oblige pas à exécuter le processus d'installation de WordPress comme les autres outils. Une fois cette opération terminée, vous pouvez naviguer vers votre nouveau site et vous mettre au travail !

Conclusion

Pour développer votre site Web WordPress, vous pouvez installer la plate-forme sur votre serveur en direct et pirater. Cependant, cela peut vous apporter un certain nombre de points négatifs qui pourraient avoir un impact sur l'avenir de votre site avant qu'il ne commence. Au lieu de cela, il est préférable d'apprendre à installer WordPress sur localhost. La bonne nouvelle est qu'il existe de nombreuses options pour y parvenir qui ne sont pas liées au niveau de compétence ou au budget.

Cet article a examiné comment installer WordPress sur localhost. En fonction de vos objectifs, vous disposez de plusieurs moyens. Une application telle que DevKinsta ou Local est idéale pour la majorité des cas d'utilisation. Si vous avez des comptes d'hébergement avec Kinsta, WPEngine ou Flywheel, vous pourrez également mettre votre site en ligne à partir de là. Cependant, les outils plus anciens tels que XAMPP (et d'autres variantes) sont tout aussi solides - ils ne seraient pas utilisés s'ils ne l'étaient pas. Il se peut que les applications de ligne de commande telles que Laravel Valet et VVV fonctionnent mieux pour vous également, si vous savez comment vous déplacer dans votre système à l'aide de la ligne de commande.

Avez-vous des questions sur la façon d'installer WordPress sur localhost ? Si oui, lancez-vous dans la section des commentaires ci-dessous!