Il est parfois plus pratique de travailler avec WordPress sur votre machine locale. Aujourd’hui, nous voulons partager avec vous un produit WordPress impressionnant, DesktopServer de ServerPress, qui peut faire de l’installation locale de WordPress un jeu d’enfant. Vous pouvez littéralement lancer une nouvelle installation de développement en quelques secondes d’un simple clic sur un bouton. En outre, il est prend pleinement en charge les systèmes multisites et WP-CLI ! Vous avez peut-être utilisé WampServer, XAMPP ou MAMP dans le passé, mais vous n’avez encore rien vu de tel. Consultez notre tutoriel ci-dessous pour savoir comment installer WordPress localement avec ServerPress. Et oui, il fonctionne à la fois sur Windows et sur Mac.

DesktopServer devrait être installé sur le système de chaque développeur web ! Cela m’a permis d’économiser d’innombrables heures dans la création de sites, les tests et le déploiement du travail client et personnel. Encore mieux, l’équipe prend soin des clients et traite tout le monde sur un pied d’égalité, des débutants aux avancés. C’est le meilleur investissement.  — Adam Silver, kitchensinkwp.com

Qu’est-ce que DesktopServer ?

Nous avons un environnement de test chez Kinsta qui permet un développement et des tests faciles, mais l’installation locale présente aussi certains avantages. Peut-être que vous voyagez et que vous n’avez pas accès au Wi-Fi, ceci nécessite alors une installation locale pour continuer à travailler. Aussi, pour manipuler les fichiers et les modifier localement, il peut parfois être plus rapide, ou plutôt, il y a généralement moins d’installation pour le mettre en marche. C’est là que DesktopServer peut être utile. Note : Nous n’avons aucune association avec ServerPress, nous adorons tout simplement leur outil !

Lorsque vous voulez installer WordPress localement, vous devez installer une pile AMP locale sur votre machine. Dans le cas de WordPress, AMP signifie Apache, MySQL, PHP. Ce sont tous des logiciels nécessaires pour imiter ce qu’exécuterait pour vous un hébergeur WordPress sur le serveur web. Habituellement, les gens installent WampServer, XAMPP ou MAMP pour démarrer. Bien qu’il s’agisse d’excellents outils, ils peuvent tout de même être un peu fastidieux, car ils sont conçus pour fonctionner avec une variété d’autres logiciels et outils. DesktopServer a été conçu et optimisé spécifiquement pour WordPress en tant que pile AMP locale.

desktopserver install wordpress locally

DesktopServer

ServerPress a à la fois une version gratuite et une version premium de DesktopServer qui coûte 99,95$ par an. La version Premium inclut quelques fonctionnalités avancées telles que le support multisite (hourra !), l’importation et l’exportation de sauvegardes de tierces parties, le déploiement direct sur site en production, une extension de contournement de connexion, et plus encore. Ainsi, selon vos besoins, vous pouvez choisir la version qui vous convient le mieux. Si vous avez juste besoin de faire quelques tests rapides, la version gratuite fonctionne très bien. Nous utilisons la version premium ci-dessous dans notre exemple.

Nous avons installé un environnement de développement #WordPress tout neuf en 1 minute et 9 secondes avec @DesktopServer !
 Cliquez pour Tweet

Comment installer WordPress localement avec DesktopServer

Étape 1

Pour installer WordPress localement, vous devez d’abord télécharger DesktopServer depuis leur site Web. Il existe à la fois une version Windows (XP, Windows Vista, 7, 8, 10) et une version Mac (OS X 10.6.x-10.11.x). Ils travaillent aussi actuellement sur une version Linux. Note : Nous utiliserons la version Windows dans notre exemple. Lancez le programme d’installation et cliquez sur « Continuer » pour l’installer avec les droits d’administrateurs administratifs. Puis, acceptez les conditions d’utilisation.

Installer DesktopServer

Installer DesktopServer

Étape 2

Si c’est la première fois que vous l’utilisez, l’option par défaut « Nouvelle installation DesktopServer » sera cochée. Cliquez sur « Continuer ». Cela prendra alors quelques minutes pour qu’il configure tout.

Nouvelle installation de DesktopServer

Nouvelle installation de DesktopServer

Étape 3

Une fois l’installation terminée, vous pouvez lancer DesktopServer.exe à partir du dossier « xampplite » qu’il a créé à la racine de votre lecteur C:\.

C:\xampplite\DesktopServer.exe
Lancer DesktopServer

Lancer DesktopServer

Étape 4

Lors de son premier lancement, vous serez invité à redémarrer avec les droits d’administration. Laissez cette option sélectionnée et cliquez sur « Suivant ».

Exécuter DesktopServer en tant qu'administrateur

Exécuter DesktopServer en tant qu’administrateur

Étape 5

Ensuite, vous devez lancer les services Apache et MySQL. Vous pouvez également activer une multitude d’extensions de développement différents. Note : Certains de ces produits ne sont disponibles que dans la version Premium. Puis cliquez sur « Suivant ».

Services Apache et mySQL

Services Apache et mySQL

Voici un bref aperçu des extensions de développement que vous pouvez utiliser lorsque vous installez WordPress localement. Nous recommandons fortement le contournement de connexion et les extensions DS-CLI.

  • Mode Avion : Contrôlez le chargement des fichiers externes lors du développement local.
  • Bypass login : Permet au développeur de contourner les informations d’identification en sélectionnant rapidement l’un des 100 premiers noms d’utilisateur dans une boîte de sélection.
  • Importation propre : Réinitialise.htaccess, efface le cache des hôtes tiers
  • Débogage et traçage : Force WP_DEBUG = true et active les instructions de trace multiplateforme/language en PHP et JavaScript.
  • Support Dreamweaver : Active la création automatique de fichiers de projet Dreamweaver et le mode WYSIWYG lorsque vous travaillez sur des fichiers modèles et style.css.
  • DS-CLI : Il s’agit d’une interface de ligne de commande multi-plateforme améliorée pour les développeurs professionnels. Utilisez facilement CLI, Composer, Git et PHPUnit. NodeJS et NPM sont inclus pour permettre l’installation de GRUNT, Gulp, et d’autres dépendances de Node.
  • DS-Déploy : Utilisé pour déplacer un site d’une installation locale de DesktopServer vers un serveur en production.
  • InnoDB Autoconvert : Convertir les tables d’un site en InnoDB lors des opérations de création, de copie, de déplacement et d’importation.
  • Barre de couleurs de l’administrateur local : Modifie la couleur de la barre d’admin.
  • Visionneuse de boîtes aux lettres : Permet aux développeurs de visualiser rapidement et hors ligne les services de distribution d’e-mail.

Étape 6

Vous devrez ensuite sélectionner le bouton « Créer un nouveau site de développement ». C’est ici qu’il installera WordPress pour vous. Cliquez sur « Suivant ».

Créer un nouveau site de développement WordPress

Créer un nouveau site de développement WordPress

Étape 7

Vous devez ensuite choisir le nom de votre site, qui sera également l’adresse locale. Nous appelons le notre wp, donc notre URL de développement finit par être wp.dev sur notre machine locale. DesktopServer vous permet de créer différents plans, ce qui est génial, c’est presque comme un modèle pré-construit. Dans notre cas, nous voulons simplement une nouvelle installation. DesktopServer a toujours la dernière version de WordPress comme modèle par défaut. Cela signifie que vous n’avez pas à vous soucier de le télécharger manuellement depuis le dépôt et de le décompresser.
Par défaut, la racine du site se trouve dans votre dossier « Mes Documents ». Cela peut vous convenir, mais nous avons changé le nôtre pour un dossier que nous avons créé à la racine de notre lecteur C:\ appelé « wordpress ». Nous ne passerons pas en revue l’installation réseau multisite dans ce tutoriel, mais nous pouvons vous dire qu’il est si facile de l’installer. DesktopServer est de loin l’un des moyens les plus rapides pour tester une installation réseau multisite. Quand vous êtes prêt, cliquez sur « Créer ».

Site de développement WP

Site de développement WP

Étape 8

Il affichera alors l’URL de votre installation WordPress locale. Cliquez dessus pour terminer l’installation.

URL d’installation WordPress locale

URL d’installation WordPress locale

Si vous obtenez un écran vide ou une erreur en cliquant sur le lien, vous pourriez avoir un conflit sur le port 80. Cela nous est arrivé parce que nous utilisions Skype. C’est un problème courant avec les piles AMP locales. C’est simple à réparer, vous n’avez qu’à empêcher Skype d’utiliser le port 80 pour les connexions entrantes. Dans les options « Avancé > Connexion » de Skype, décochez simplement la case « Utiliser les ports 80 et 443 pour les connexions entrantes supplémentaires ».

Pile locale AMP du port 80 de Skype

Pile locale AMP du port 80 de Skype

Étape 9

Vous devrez alors donner un titre à votre site, choisir un nom d’utilisateur (si vous migrez en production vivre plus tard, n’utilisez pas « admin » comme nom d’utilisateur. Pour en savoir plus, consultez notre guide de sécurité WordPress), un mot de passe fort, et votre e-mail. Puis cliquez sur « Installer WordPress ».

Installer WordPress

Installer WordPress

Et c’est tout ! Vous venez d’installer WordPress localement et votre site est opérationnel. Vous pouvez maintenant naviguer jusqu’à votre installation locale et la tester. Dans notre cas, nous naviguons vers wp.dev dans la barre d’adresse de notre navigateur. Une petite fonctionnalité intéressante est que nous avons sélectionné l’extension « bypass login » lors de l’installation il y a un menu déroulant dans lequel nous pouvons sélectionner notre administrateur et il nous connecte automatiquement. Évidemment, vous ne l’utiliserez pas sur un site de production, mais c’est très pratique pour l’environnement de développement.

Connectez-vous au WordPress local

Connectez-vous au WordPress local

Notes supplémentaires pour DesktopServer

Voici quelques autres caractéristiques et éléments à prendre en compte.

Permissions Windows

En raison de la façon dont Windows gère ses permissions de fichiers, vous pouvez ou non voir un message lorsque vous vous connectez, à propos de l’échec de la mise à jour de WordPress.

Échec de la mise à jour WordPress

Échec de la mise à jour WordPress

Pour résoudre ce problème, ouvrez simplement l’invite de commande en tant qu’administrateur et exécutez la commande suivante dans votre dossier de répertoire WordPress.

attrib -s *.*
Autorisations LAMP pour WordPress

Autorisations LAMP pour WordPress

Voir plus de détails sur cette question.

Ajouter/modifier des sites WordPress supplémentaires

Modifier DesktopServer

Modifier DesktopServer

Pour créer des sites WordPress supplémentaires ou les modifier, il suffit de relancer DesktopServer.exe. Vous pouvez arrêter et redémarrer les services, créer de nouveaux sites, les modifier, exporter et importer, etc. Pour accéder à PHPMyAdmin vous pouvez cliquer sur le bouton « Sites » en bas à gauche. Vous pouvez également saisir localhost dans la barre d’adresse de votre navigateur.

L’interface administrateur s’affichera sur l’hôte local. Ici vous pouvez obtenir les liens vers tous vos sites WordPress, les liens du tableau de bord, et aussi les liens PHPMyAdmin.

Outils DesktopServer - PHPMyAdmin

Outils DesktopServer – PHPMyAdmin

WP-CLI (DS-CLI)

Une autre fonctionnalité géniale est la possibilité de lancer simplement WP-CLI ou DS-CLI comme ils l’appellent d’un simple clic. Si vous avez sélectionné l’option « DS-CLI » dans l’installation ci-dessus, il y aura un lien pour cela dans votre tableau de bord. Il suffit de cliquer dessus et vous pouvez commencer à lancer les commandes WP-CLI. Dans notre exemple ci-dessous, nous avons fait une installation rapide de Yoast SEO.

wp plugin install wordpress-seo
wp-cli

WP-CLI

Exporter le site de développement WordPress en production

Une autre grande caractéristique est la fonction d’exportation qui vous permet d’exporter votre site WordPress directement vers un site en production ou un fichier.zip. Pour ce faire, suivez les étapes ci-dessous. Remarque : Vous aurez besoin de la version Premium pour cela.

Étape 1

Lancez d’abord DesktopServer et sélectionnez « Exporter, importer ou partager un site Web », puis cliquez sur « Suivant ».

export desktop server

Exporter DesktopServer

Étape 2

Sélectionnez « Exporter ou déployer un site Web WordPress » et cliquez sur « Suivant ».

Exportation du déploiement du site WordPress

Exportation du déploiement du site WordPress

Étape 3

Saisissez l’URL de votre site en direct et sélectionnez « Exporter vers une archive de site Web (fichier.zip) ». Vous pouvez également déployer sur un serveur existant. Cliquez sur « Suivant ».

Exporter WordPress vers un fichier d'archive

Exporter WordPress vers un fichier d’archive

Étape 4

Saisissez les détails de votre hôte en production et cliquez sur « Suivant ».

Exporter les détails de la base de données WordPress

Exporter les détails de la base de données WordPress

Étape 5

Sélectionnez votre dossier de sortie. Ceci exporte tous les fichiers et la base de données de votre site Web.

Export WordPress en sortie

Export WordPress en sortie

Vous avez alors un fichier.zip qui contient tous vos fichiers et la base de données.sql. Vous pouvez alors suivre notre guide de migration WordPress pour téléverser votre site sur Kinsta.

Fichier WordPress.sql

Fichier WordPress.sql

DesktopServer fonctionne également très bien avec symlinks (liens symboliques) et ou mklinks. Nous avons eu des problèmes lorsque nous avons essayé d’utiliser mklinks sous Windows avec d’autres outils de mise en test locaux tiers, et avec DesktopServer, ils ont simplement travaillé dès le départ. Symlink vous permet de créer des raccourcis et des références vers un autre fichier ou dossier dans un autre emplacement.

Résumé

Comme vous pouvez le constater, DesktopServer est plutôt génial. Une fois installé, il est si rapide de créer et de supprimer de nouveaux environnements de développement. Nous avons décidé de nous chronométrer depuis la création d’un nouveau site jusqu’à la première connexion au tableau de bord WordPress. Cela ne nous a pris que 1 minute et 9 secondes pour installer un site de développement WP supplémentaire et commencer à travailler !

Temps d'installation de DesktopServer

Temps d’installation de DesktopServer

Que vous soyez un débutant ou un développeur WordPress plus avancé, nous vous recommandons fortement de jeter un coup d’œil à DesktopServer. Ils ont aussi un une vaste base de connaissances. Pour ce qui est de l’installation de WordPress en local, il n’y a rien de plus simple. Avez-vous de l’expérience dans son utilisation ? Si oui, nous aimerions entendre votre ressenti ci-dessous.

18
Partages