Développer son site web est toujours un moment marquant, surtout quand c'est la première fois. Cependant, bien que presque tous les hôtes proposent un moyen de lancer une installation WordPress sur votre serveur, cela n'est pas recommandé.

La meilleure façon est de créer un site sur votre ordinateur et de le télécharger une fois que vous êtes prêt. A l'aide d'un outil tel que Vagrants vagabonds variables (VVV) pour le développement WordPress est un grand, plate-forme recommandée façon de le faire.

Dans cet article, nous allons vous montrer comment vous lancer avec VVV. Avant cela, nous parlerons également des alternatives à votre disposition. Tout d'abord, discutons des raisons pour lesquelles vous ne devriez pas développer votre site en ligne.

Pourquoi voudriez-vous créer des sites WordPress locaux

Votre hébergeur devient souvent une ressource incontournable ou un point d'assistance lors de la création d'un site Web WordPress (en particulier le premier). En effet, votre hébergeur doit savoir mieux que quiconque comment installer et utiliser au mieux les packages de création de sites qu'il propose.

Cependant, il y a plusieurs raisons pour lesquelles développer un site Web WordPress sur un serveur en direct n'est pas la meilleure façon de procéder :

  • Vous utilisez les ressources de votre site lorsque ce n'est pas nécessaire.
  • Bien que vous ayez potentiellement accès à la fonctionnalité de mise en scène ou de restriction de site, vous développez toujours votre site « en public ».
  • Tout bogue de développement pourrait affecter tous les sites de votre réseau, provoquant le chaos si le pire se produisait.
  • Le développement de votre site sur un serveur en direct pose des problèmes de sécurité organiques, car votre site Web sera naturellement incomplet pendant de longues périodes.

Il y a aussi beaucoup d'effets d'entraînement, comme le sentiment d'être contre la montre en ce qui concerne la mise en ligne de votre site. En tant que tel, se déconnecter et se donner un environnement « bac à sable muré » pour développer votre site est plus facile pour le portefeuille et les nerfs.

Développement de sites Web locaux : les bases que vous devez connaître

Le développement de sites Web locaux implique généralement l'utilisation d'une “pile” de logiciels pour émuler au mieux un serveur en direct. Traditionnellement, les sites seraient développés sur une Pile ‘LAMPE'à l'aide de logiciels que l'on trouve couramment sur les serveurs en direct :

Combiné, cela transforme votre ordinateur en un serveur local, vous permettant de créer et de tester votre site dans son intégralité dans un environnement similaire à votre serveur en direct.

Cependant, une pile LAMP traditionnelle présente des inconvénients : elle peut être gourmande en ressources et n'est pas la meilleure solution pour un développement à distance cohérent.

Outils comme Vagabond ont été conçus pour fournir des environnements de développement virtuels allégés et portables. Combiné avec une solution telle que VirtualBox ou VMwareils vous permettent de créer des « machines virtuelles » – des serveurs encapsulés qui sont essentiellement des ordinateurs entièrement fonctionnels à l'intérieur desquels travailler.

Présentation de Varying Vagrant Vagrants (VVV) pour le développement WordPress

Pour résumer, alors qu'une pile LAMP traditionnelle est un moyen solide de développer des sites Web localement, des outils tels que Vagrant et VirtualBox accélèrent le processus.

Vagrants vagabonds variables (VVV) est une solution étrange pour vous aider à tirer parti de la puissance des machines virtuelles pour créer des sites WordPress. Cela nécessiterait normalement quelques étapes supplémentaires si vous empruntiez une voie de développement traditionnelle.

Il est exécuté à partir de la ligne de commande et comprend pratiquement tout ce dont vous aurez besoin pour configurer les choses :

Écran de réussite

Une fois installé, vous démarrez VVV à partir de la ligne de commande avec vagrant upet arrêtez-le en utilisant vagrant halt. Les sites sont créés dans un fichier de configuration dédié :

Fichier de configuration par défaut de VVV.

Toutes les modifications que vous apportez à votre installation VVV doivent être « provisionnées » à l'aide d'un provision commander.

Le site que vous créez s'exécute dans un environnement sandbox virtuel. Cela signifie que tous les problèmes sont propres à cet environnement et ne peuvent pas affecter votre ordinateur réel.

WordPress est installé et prêt à fonctionner dès le départ, donc une fois le site créé, vous y accédez comme vous le feriez pour un site en direct, en utilisant .test comme domaine de premier niveau (TLD). Cependant, ces sites ne sont accessibles que via votre ordinateur dans la plupart des cas.

C'est idéal pour exécuter des configurations de type serveur, car vous pouvez travailler avec une configuration similaire à votre serveur en direct et diagnostiquer les bogues pendant le développement. Vous gagnerez potentiellement du temps et de l'argent en ayant un chemin plus cohérent entre votre environnement de développement et le serveur en direct.

Les alternatives aux vagabonds variables

Bien que cet article se concentre sur l'utilisation de VVV pour le développement WordPress, il convient de mentionner certaines alternatives. Le VVV ne sera pas la bonne solution pour tout le monde.

Nous vous suggérons d'avoir au moins une connaissance pratique du code, compte tenu de l'utilisation que vous ferez de la ligne de commande et des fichiers de configuration. Le débogage des problèmes VVV devra également avoir lieu via la ligne de commande. De plus, les canaux d'assistance passent par GitHubvous devrez donc être en mesure d'exposer vos problèmes à d'autres programmeurs.

Si vous souhaitez tirer parti de la puissance de VVV mais que vous n'aimez pas l'idée de coder, il existe d'excellentes alternatives.

1. Le plus connu est Serveur de bureau.

L'outil DesktopServer.

Cela utilise un Pile ‘XAMPP' pour créer des sites WordPress via une interface utilisateur graphique (GUI) dédiée, et est super rapide et facile à utiliser.

2. Une autre alternative similaire est Local par volant:

L'outil Local by Flywheel.

Cela a sans doute un aspect plus élégant à son interface graphique et s'exécute un peu plus rapidement en utilisant Docker – considérez ceci comme une alternative à Vagrant.

Alors que les deux solutions ont un niveau gratuit, Local est plus complet. Cependant, les deux solutions ont un tas de fonctionnalités premium intéressantes pour vérifier que les règles du jeu sont uniformes.

Comment utiliser Varying Vagrant Vagrants (VVV) pour le développement WordPress (4 étapes)

Certes, se mettre en place avec VVV est plus compliqué que les autres solutions. Cependant, ce que vous perdez en facilité d'installation, vous le gagnez en flexibilité et en portabilité.

Voici les quatre étapes pour créer des sites VVV WordPress :

  1. Obtenez les outils dont vous avez besoin avant de commencer.
  2. Installer VVV en utilisant la ligne de commande.
  3. Utilisez le config.yml fichier pour créer votre nouveau site.
  4. Accéder à votre site à l'aide du tableau de bord VVV.

Examinons chaque étape, en commençant par vos outils.

Étape 1 : Rassemblez vos outils

Tout bon chef est au fait avec mise en place. En d'autres termes, pour créer un environnement de développement WordPress, vous voudrez rassembler tous vos outils et compétences, prêts à commencer.

Il y a un peu configuration système et logicielle requise pour VVV. Voici ce dont vous aurez besoin :

  • Accès administratif à la ligne de commande. Quel que soit votre système d'exploitation utilisé par défaut (tel que le terminal sur Mac, l'invite de commande sur Windows et le shell sur Linux) est parfait. Vous devrez peut-être également tu es de l'épicéap vos compétences si elles sont rouillées.
  • La dernière version de Vagrant. Il s'agit de la pile que vous utiliserez pour alimenter vos installations et qui peut être installée à l'aide d'un package de téléchargement standard.
  • La dernière version de VirtualBox. Cela fournit le système d'exploitation virtuel pour votre installation VVV. Encore une fois, c'est un téléchargement simple.
  • Le système de contrôle de version Git (VCS). Il s'agit d'un outil axé sur les développeurs qui vous permet de suivre les modifications apportées aux projets que vous créez. Pour cette application, nous l'utiliserons pour télécharger VVV.

Avant de commencer l'installation de VVV, il est conseillé de télécharger et d'installer tous les composants qui ne se trouvent pas déjà sur votre ordinateur. Les erreurs dans VVV peuvent être frustrantes et le destin tentant n'est pas conseillé, surtout si c'est la première fois que vous travaillez avec le logiciel concerné.

Notez également que les machines Mac avec un Processeur M1 ne peut actuellement pas utiliser VVV et VirtualBox (en raison d'un problème avec ce dernier) à moins que vous n'utilisiez des solutions de contournement qui ne fonctionnent pas de manière cohérente. En tant que tel, vous voudrez peut-être envisager une solution alternative, au moins sur une base temporaire.

Étape 2 : Installez VVV sur votre ordinateur

Pour résumer, vous aurez besoin de Vagrant, VirtualBox et Git installés avant cette étape. Une fois que vous êtes prêt, ouvrez votre ligne de commande et saisissez ce qui suit :

git clone -b stable git://github.com/Varying-Vagrant-Vagrants/VVV.git ~/vagrant-local

Cela demande au Git VCS de copier le fichier à l'URL donnée et de le télécharger dans un dossier appelé vagabond-localsitué dans votre Accueil dossier:

Processus d'installation des VVV.

Cela devrait prendre quelques secondes en fonction de votre connexion Internet, et une fois que vous recevez un message de réussite, vous êtes presque opérationnel.

Étape 3 : Créez votre nouveau site dans le config.yml Déposer

Avant de lancer VVV pour la première fois, c'est une bonne idée de créer une nouvelle copie de votre config.yml déposer. Cela préserve les sites par défaut et vous donne également la possibilité d'en créer de nouveaux :

  • Ouvrez la ligne de commande et déplacez-vous dans votre dossier VVV d'accueil (généralement vagabond-local) en utilisant le cd vagrant-local commander.
  • Courir vagrant statusqui va dupliquer et renommer le fichier.

Ensuite, ouvrez le config.yml fichier dans un éditeur de texte comme Atome ou Texte sublime.

Modification de la config.yml Déposer

Ce fichier contient toutes les configurations dont vous aurez besoin pour créer et administrer des sites :

Le fichier config.yml affichant la liste des sites VVV.

Il y a beaucoup d'options, même si nous allons nous concentrer sur le des sites section. Ici, suivez le format et la mise en page des sites existants, et ajoutez le code ‘boilerplate' suivant :

mysite:
repo: https://github.com/Varying-Vagrant-Vagrants/custom-site-template.git
hosts:
- mysite.test

Cela indique à VVV de créer un nouveau site à l'aide d'un modèle prédéfini, en utilisant l'URL monsite.test. Lorsque vous êtes prêt, enregistrez vos modifications et revenez à la ligne de commande.

Étape 4 : Accédez à votre site WordPress VVV

La dernière étape consiste à accéder à votre site VVV WordPress. Vous les trouverez tous dans un tableau de bord basé sur un navigateur, et pour y accéder, procédez comme suit :

  • Ouvrez la ligne de commande et assurez-vous que vous êtes dans le bon répertoire en exécutant cd vagrant-local.
  • Courir vagrant up. Cela indique à Vagrant et VVV de démarrer.
  • Entrez éventuellement votre mot de passe administrateur et suivez les instructions pour installer le plug-in GoodHostsqui vous permet d'accéder au tableau de bord à l'aide d'une “jolie” URL.
  • Sélectionnez un réseau – généralement votre Wi-Fi sous l'option 1.

À ce stade, vous devez être patient car VVV fait son travail. Une fois que vous voyez le logo « ours en peluche » et VVV, vous êtes prêt à accéder au tableau de bord.

Ouverture de votre site WordPress VVV

Pour accéder au tableau de bord, ouvrez votre navigateur et rendez-vous sur vvv.test. Vous verrez une liste de tous vos sites (avec une URL cliquable) ainsi que d'autres informations connexes :

vvv dashboard - Sabma Digital

Notez que vous n'avez pas besoin d'accéder au tableau de bord chaque fois que vous lancez VVV. Vous pouvez simplement vous diriger vers le wp-admin page de votre site pour vous connecter directement, comme vous le feriez avec n'importe quel autre site WordPress. Les informations d'identification par défaut sont :

  • Nom d'utilisateur: administrateur
  • Mot de passe: le mot de passe

Enfin, vous êtes en mesure de développer le modèle de site au sein de la config.yml fichier pour créer une version entièrement personnalisée d'une installation WordPress. le page officielle GitHub VVV offre tous les détails et inclut même des exemples de divers sites WordPress de niche.

En résumé

La création d'un nouveau site Web WordPress est pleine d'enthousiasme et de promesses, car cela signifie que votre projet en est à sa prochaine étape. Pour vous assurer que vous vous concentrez uniquement sur le développement de votre site, nous vous recommandons d'utiliser un outil local comme VVV.

Cet article a proposé quatre étapes pour démarrer avec VVV pour le développement WordPress. Récapitulons les étapes :

  1. Téléchargez et installez tout ce dont vous aurez besoin pour exécuter VVV, comme un Vagabond, VirtualBoxet tout ce qui est requis par votre système.
  2. Installez VVV via votre ligne de commande.
  3. Travailler au sein de la config.yml fichier pour créer les paramètres de votre nouveau site.
  4. Lancez l'URL dédiée à votre site VVV WordPress et commencez à le développer.

Envisagez-vous d'utiliser VVV pour créer des sites Web WordPress, ou envisagez-vous un autre outil ? Partagez vos pensées dans la section des commentaires ci-dessous!