Wordpress

Comment utiliser Vagrant et Git pour développer un thème WordPress

Le moyen le plus simple de modifier les thèmes WordPress est d'exécuter une version de développement sur votre ordinateur local. Configurer un serveur Linux, avec PHP et un serveur Web sur votre propre ordinateur devient moins onéreux et compliqué avec des outils comme MAMP, XAMPP ou DesktopServer. Vagrant est un autre outil de cette catégorie, rendant le développement WordPress beaucoup plus facile. L'impressionnante communauté WordPress est allée plus loin avec « Varying-Vagrant-Vagrants » : VVV en abrégé.

Essayons de créer un nouveau site WordPress et d'utiliser VVV pour développer un nouveau thème localement, puis de transmettre les modifications à un site en direct fonctionnant sur DreamPress. Nous utiliserons Git, alors assurez-vous de lire comment utiliser Git avec WordPress afin de suivre.

WordPress + Dream Host

Nos mises à jour automatiques et nos solides défenses de sécurité vous déchargent de la gestion des serveurs afin que vous puissiez vous concentrer sur la création d'un site Web de qualité.

Consulter les forfaits

Familiarisez-vous avec VVV

Varying Vagrant Vagrants est une configuration open source Vagrant axée sur le développement WordPress. Maintenu par une grande communauté de contributeurs, l'objectif de VVV est de fournir un environnement de développement accessible avec une configuration de serveur moderne. Il est régulièrement utilisé pour modifier le logiciel de base de WordPress ainsi que pour développer des plugins et des thèmes.

Vagrant est un outil multiplateforme qui crée des environnements de développement basés sur des machines virtuelles. Les développeurs peuvent décrire une machine virtuelle et sa configuration dans un fichier texte, le transmettre à Vagrant et, après quelques minutes, disposer d'un environnement d'exécution déjà configuré. Une fois que vous avez téléchargé VVV, la simple commande `vagabond' créera une machine virtuelle Ubuntu avec tous les logiciels installés et configurés pour exécuter WordPress.

Pour commencer, téléchargez et installez Vagrant et VirtualBox pour Windows, Mac OS ou Linux. Une fois ceux-ci installés, démarrez votre client git et clonez le référentiel de VVV dans votre dossier de travail, tel que le dossier « Sites » pour les utilisateurs de Mac OS (à l'aide de Terminal):

[user@localhost]$ cd ~/Sites [user@localhost]$ git clone https://github.com/Varying-Vagrant-Vagrants/VVV.git

Accédez au dossier VVV nouvellement créé et démarrez la machine virtuelle avec :

[utilisateur@localhost]$ cd VVV [utilisateur@localhost]$ vagabond

La première fois que vous exécutez cette commande, Vagrant téléchargera beaucoup de fichiers. Soyez patient, car cela peut prendre un certain temps.

Avant que le script ne termine son exécution, il peut demander le mot de passe de l'administrateur pour modifier le fichier 'hosts'. Une fois cela fait, vous aurez une machine virtuelle fonctionnant avec la dernière version stable de WordPress. Le site fonctionnera sur une IP virtuelle accessible depuis le navigateur. L'adresse par défaut est http://192.168.50.4 ou http://vvv.dev (si vous avez installé le plugin vagrant-hostsupdater).

La premier tutoriel de vagabond a d'autres explications et suggestions.

Jouer avec l'installation de WordPress

Dans le dossier VVV les répertoires `config`, `base de données`, `enregistrer` et `www` sont partagés avec le serveur virtualisé. Changer dans le www répertoire et notez le dossier `VVV/www/wordpress-default` : il contient l'installation stable de WordPress et est celui sur lequel travailler pour ce tutoriel.

Créer un thème enfant

Les thèmes enfants sont un excellent moyen de personnaliser rapidement un thème existant de manière sûre. Dans le dossier `wordpress-default/wp-content/themes/` créer un thème enfant et y initialiser un dépôt git :

[user@localhost]$ mkdir example-theme [user@localhost]$ git init example-theme/ Dépôt Git vide initialisé dans ~Sites/VVV/www/wordpress-default/wp-content/themes/example-theme/.git /

Alternativement, vous pouvez télécharger un thème de démarrage comme soulignés dans le dossier des thèmes. Validez la modification avec la commande `git add * && git commit -a` et vous verrez le thème enfant apparaître dans le panneau de configuration WordPress à http://local.wordpress.dev/wp-admin (en utilisant la combinaison admin/mot de passe pour vous connecter en tant qu'administrateur.)

Une fois que vous avez testé le thème enfant, vous pouvez transmettre les modifications au serveur distant de DreamHost. Si vous avez déjà configurer Git sur votre serveur DreamHost, vous devriez pouvoir ajouter une nouvelle télécommande à votre référentiel local et appliquer les modifications en direct.

Ceci n'est qu'une introduction simplifiée à Vagrant et Git, mais j'espère qu'il sera en mesure de clarifier comment les deux peuvent vous aider à simplifier le développement de WordPress. Et n'oubliez pas : il y a beaucoup plus de documentation dans notre chouette base de connaissances pour vous aider à vous mettre à jour et à assurer le bon fonctionnement de vos sites WordPress !

Avoir des questions? Commentez simplement ci-dessous ou lancez une discussion ici ! 

Articles Relatifs

0 Commentaires
Commentaires en ligne
Voir tous les commentaires
Retour à bouton en haut