Comment installer et utiliser Local by Flywheel pour travailler sur WordPress localement

"Non pas ça. Pas maintenant." C'est ce que je me disais il y a quelques jours. La journée touchait à sa fin et je me suis dit : « Hé, je pourrais mettre à jour l'un de mes sites WordPress.

Un clic, deux clics, trois clics, et bam, un gâchis de plugins m'éclate depuis l'écran . Site inaccessible. Une petite crise de panique puis le problème a été résolu au bout d'une trentaine de minutes.

Au final, ça a marché. Mais pensez-y, j'aurais pu éviter toutes ces sueurs froides si j'avais pris la peine de faire mes mises à jour en local.

Il existe de nombreux outils pour cela, dont le fameux… Local. Vous le connaissez peut-être sous son ancien nom : Local by Flywheel .

Le plus drôle (ou pas) c'est que ce logiciel était installé sur mon ordinateur au moment du crime (c'est-à-dire lors de la mise à jour qui a planté)…

Agir dur ne paie pas toujours. Eh bien, ça sert de leçon.
Pour éviter de vivre cela à la maison - et pour de nombreuses autres raisons, que vous découvrirez dans cet article - lisez la suite. Un petit spoiler pour vous leurrer : Local est une vraie pépite .

Vos meilleurs projets WordPress ont besoin du meilleur hébergeur !

WPMarmite recommande Bluehost : excellentes performances, excellent support. Tout ce dont vous avez besoin pour un bon départ.

Essayez Bluehost

Qu'est-ce que Local by Flywheel ?

Local est un outil de développement local gratuit, dédié à WordPress. Il permet de déployer des sites WordPress sur votre ordinateur en quelques clics, sans avoir à les installer sur un serveur d'hébergement en ligne.

Initialement lancé sous le nom de Pressmatic, le logiciel a été racheté par l'hébergeur Flywheel en 2016. Ce dernier lui a alors donné le nom de Local by Flywheel.

Flywheel a ensuite été racheté en juin 2019 par WP Engine . De plus, le géant américain de l'hébergement web a décidé de raccourcir le nom du logiciel en supprimant l'annotation "by Flywheel".

L'outil s'appelle désormais Local, mais vous pouvez parfois encore le trouver sous le nom de Local by Flywheel. Toutes les fonctionnalités de ce logiciel sont gratuites depuis juin 2021 .

Quels sont les différents avantages de Local ?

Si la gratuité fait partie de son succès, Local possède également de nombreux atouts qui peuvent séduire développeurs et webmasters :

1. L'outil est très facile à utiliser . Quelques clics, quelques champs à remplir, et le tour est joué ! Vous pouvez avoir un site local fonctionnel en une minute.
2. Son interface est très agréable et claire .

• Local est très puissant et étendu . Il offre des fonctionnalités avancées dédiées aux développeurs : SSH et WP-CLI, accès aux fichiers journaux PHP, NGINX et MySQL, possibilité de tester et déboguer l'envoi des emails générés par WordPress, etc.
• Vos sites peuvent être enregistrés dans le Cloud , via Dropbox ou Google Drive.
• Local peut être utilisé sur un réseau WordPress multisite .
• Vous pouvez choisir de personnaliser votre environnement local avec la version PHP ou MySQL de votre choix .
• Avec Live Links, il est possible de montrer votre site local à vos clients et autres collaborateurs, sans avoir à déployer votre site en ligne .
• Local est capable de générer un certificat SSL pour vous permettre de travailler en HTTPS.
• Enfin, le logiciel de développement local vous offre la possibilité de sauvegarder la configuration de chaque site déployé (fichiers, base de données, plugins, thème, pages, articles, paramètres, etc.) sous la forme d'un modèle, appelé Blueprint. Ce modèle peut être réutilisé à chaque lancement d'un nouveau site local, ce qui permet de gagner beaucoup de temps.

Comme vous pouvez le voir, vous pouvez faire beaucoup de choses ! Et rappelez-vous : vous pouvez profiter de toutes ces fonctionnalités sans débourser un centime.

Avant de vous montrer comment installer et configurer Local, je vais vous expliquer les raisons pour lesquelles vous pourriez vouloir travailler localement.

Pourquoi travailler localement ?

L'utilisation d'un environnement local signifie que votre site sera disponible sur votre machine uniquement, et non sur Internet. En conséquence, personne d'autre que vous ne pourra le voir.

Si vous vous posez la question, notez que WordPress fonctionne exactement de la même manière, qu'il soit déployé localement ou en ligne . Vous ne remarquerez aucune différence lorsque vous l'utiliserez.

Alors pourquoi garder votre site « privé » sur votre ordinateur ? Il existe plusieurs raisons pour lesquelles vous pourriez vouloir développer votre site localement (plutôt que sur un serveur d'hébergement en ligne) :

• Créez un site WordPress en toute sérénité et sans stress. Un site local n'est pas visible en ligne, donc si quelque chose ne va pas, il n'y a pas de répercussions négatives. Lorsque vous avez terminé de personnaliser votre site, vous pouvez bien sûr le migrer en ligne pour que les gens puissent le voir.
  De plus, concevoir votre site localement vous permet d'économiser de l'argent. Si vous le souhaitez, vous pouvez souscrire à un pack d'hébergement uniquement lorsque vous êtes prêt à mettre votre site en ligne.
• Testez les thèmes et les plugins sans risque . En cas de conflits et de bugs, pas de soucis, vous seul le verrez. Ceci est très utile lorsque vous devez mettre à niveau vers la dernière version majeure de WordPress, par exemple.
• Ayez une copie de votre site en cas de piratage ou de plantage du serveur en ligne.
• Corrigez les erreurs sur votre site en ligne (à condition d'avoir une copie locale).
• Le site local sera souvent plus rapide qu'un site hébergé en ligne.
• Un site local est accessible et modifiable sans connexion Internet .

La création d'un site WordPress local vous semble-t-elle la bonne chose à faire ? Sans plus tarder, découvrez comment démarrer avec Local (anciennement Local by Flywheel).

Comment installer un site WordPress avec Local en cinq étapes

Étape 1 : Téléchargez et installez Local

Pour fonctionner, Local doit être installé sur votre ordinateur. Pour ce faire, commencez par télécharger le logiciel depuis son site officiel. Cliquez sur le bouton "Télécharger" en haut à droite de votre écran.

Choisissez votre système d'exploitation

Une fenêtre s'ouvrira et vous demandera de choisir votre système d'exploitation. Vous pouvez choisir parmi :

• Local pour Mac
• Locale pour Windows
• Locale pour Linux

Remplissez un court formulaire

Ensuite, Local vous invite à renseigner quatre informations personnelles :

• Ton prénom
• Votre nom de famille
• Email de travail
• Numéro de téléphone

Terminez en cliquant sur "Obtenez-le maintenant".

Le téléchargement du logiciel local, qui fait 260 Mo, commencera. Lorsque le processus est terminé, installez le logiciel et exécutez-le. Vous serez présenté avec cette fenêtre, qui vous demande de créer un compte gratuit :

Cliquez dessus et entrez les informations demandées, ou connectez-vous avec un compte Google ou GitHub :

Une fois terminé, vous serez redirigé vers le tableau de bord en ligne de votre compte local. Il vous suffit de cliquer sur « Ouvrir local » pour lancer l'outil sur votre ordinateur.

Local nécessite deux choses pour fonctionner correctement. Vous devez disposer d'au moins 4 Go de RAM et 1,5 Go d'espace disque. Local indique que vous aurez peut-être besoin d'espace disque supplémentaire si vous travaillez sur de grands sites.

Étape 2 : Commencez à créer le site

Vous allez maintenant commencer à créer votre premier site en cliquant sur le bouton vert « Créer un nouveau site ». Si vous préférez, vous pouvez aussi utiliser le bouton « + » en bas à gauche de votre écran :

Local vous offre deux options pour créer votre site :

1. Repartez de zéro avec une installation WordPress « fraîche » que vous personnaliserez ensuite avec le thème, les plugins et autres paramètres de votre choix. Cela s'appelle "Créer un nouveau site".
2. Fiez-vous à un Blueprint, qui est un modèle de site qui contient déjà le thème de votre choix, des plugins, etc.

Puisque vous venez de lancer Local, vous n'avez pas encore de Blueprint. Choisissez donc l'option n°1 : « Créer un nouveau site », puis cliquez sur le bouton vert « Continuer » :

Étape 3 : Donnez un nom à votre site

Passons à la troisième étape de ce didacticiel pour l'installation de Local. Dans le rectangle prévu à cet effet, donnez un nom à votre site. Par exemple : "Mon site local".

Si vous cliquez sur "Options avancées", vous verrez que Local génère automatiquement deux choses :

1. Un nom de domaine pour votre site local , contenant le nom de votre site + l'extension .local . Dans mon cas, cela donne : my-local-site.local .
2. L'emplacement où votre site sera stocké sur votre ordinateur (chemin d'accès au site local).

Vous pouvez le laisser tel quel ou modifier le nom de domaine et l'emplacement. Lorsque vous avez terminé, cliquez sur le bouton vert "Continuer".

Étape 4 : Choisissez un environnement pour votre site WordPress local

Il est maintenant temps de définir l'environnement de votre futur site WordPress local. Pour vous aider, Local vous propose un environnement préconfiguré dans la case "Préféré".

Si vous préférez choisir un environnement personnalisé, cliquez sur "Personnalisé". Vous pouvez alors choisir :

• Votre version de PHP , le logiciel sur lequel WordPress s'exécute
• Le type de serveur Web (NGINX ou Apache)
• Votre version de MySQL , le système de gestion de votre base de données

Étape 5 : Renseignez vos identifiants

Pour terminer le processus de création de votre site avec Local, remplissez les éléments suivants :

• Un nom d'utilisateur
• Un mot de passe
• Une adresse e-mail
• Si vous créez un réseau multi-sites

Terminez en cliquant sur le bouton "Ajouter un site".

Et voilà, félicitations ! Votre nouveau site local est fonctionnel et disponible sur votre tableau de bord.

Vous allez apprendre à l'utiliser tout de suite et à utiliser certaines fonctionnalités utiles.

Rejoignez les abonnés WPMarmite

Obtenez les derniers messages WPMarmite (ainsi que des ressources exclusives).

ABONNEZ-VOUS MAINTENANT

Comment configurer Local

Comment accéder à l'interface d'administration de mon site WordPress avec Local ?

Votre site est opérationnel en arrière-plan, mais vous êtes probablement impatient d'y entrer et de commencer à le personnaliser, je parie. Jetons un coup d'œil.

Depuis votre interface, Local vous permet de faire les choses suivantes :

1. Démarrer/Arrêter un site . Lorsqu'un site fonctionne en arrière-plan, un petit point vert apparaît à côté de son nom. C'est un pré-requis pour accéder à son interface d'administration. Pour l'arrêter, cliquez sur le petit carré rouge « Arrêter le site » (numéro 1 sur l'image).
2. Ouvrez le site dans un nouvel onglet de votre navigateur , via le bouton « Ouvrir le site ». Vous atterrirez alors sur l'interface front-end (celle visible par vos visiteurs).
3. Accédez à l'interface d'administration (back office), via le bouton « WP Admin ».

Pour vous connecter à votre site, le processus est exactement le même que pour un site WordPress en ligne : saisissez votre identifiant et votre mot de passe sur la page de connexion pour atterrir sur le tableau de bord.

Si vous le souhaitez, vous pouvez également configurer une connexion administrateur en un clic, sans avoir à saisir votre identifiant et votre mot de passe. Pour cela, activez l'option d'administration en un clic et choisissez le nom d'utilisateur approprié.

Local by Flywheel a installé la dernière version majeure de WordPress. Dans mon cas, c'est 6.0.3. Il ne vous reste plus qu'à le personnaliser à votre guise en y ajoutant le thème et les plugins de votre choix, ainsi que le contenu (pages + posts).

Pour ce faire, je vous recommande de consulter les parties trois à cinq du guide WPMarmite pour créer un site WordPress professionnel.

Comment profiter des Blueprints

Comment créer un Blueprint avec Local

Grâce au contenu de la partie précédente, vous savez comment créer et personnaliser un site WordPress conçu avec Local.

Si vous avez l'habitude de créer des sites de manière récurrente, par exemple pour vos clients, vous travaillez probablement avec le même thème, les mêmes plugins, voire les mêmes pages clés (ex. Contact).

Tout configurer à partir de zéro pour chaque site prend du temps. Avec Local's Blueprints, vous pouvez enregistrer n'importe quel site ET toute sa configuration (thèmes, plugins, pages, paramètres, etc.) afin de pouvoir le réutiliser à chaque fois que vous démarrez un nouveau site local.

Pour créer un Blueprint, commencez par configurer le site de votre choix avec tous les éléments que vous souhaitez.

Cliquez ensuite sur les trois petits points à côté du nom de votre site et sélectionnez "Enregistrer en tant que Blueprint".

Donnez un nom à votre Blueprint , choisissez le type de fichiers à exclure (laissez tel quel), puis cliquez sur "Enregistrer le Blueprint".

Comment concevoir un site à partir d'un Blueprint ?

Lancer un nouveau site local à partir d'un Blueprint est très simple. Choisissez simplement l'option "Créer à partir d'un Blueprint" lorsque vous créez le site (vous connaissez les étapes à partir de là).

Si un Blueprint est disponible, vous serez invité à le choisir, comme ci-dessous :

Comment accéder (et modifier) ​​mes Blueprints ?

Pour afficher tous vos Blueprints, cliquez sur l'icône de menu correspondante dans la barre latérale gauche de votre interface locale.

Vous aurez alors :

• Un aperçu des détails de votre site , avec le bouton "Afficher les détails".
• Des raccourcis pour renommer ou supprimer votre Blueprint, en cliquant sur les trois petits points.

Comment afficher votre site créé avec Local via un lien ?

Vous travaillez en équipe et/ou pour des clients ? Local a une grande fonctionnalité pour les satisfaire : Live Links. Grâce à ces liens, vous pouvez donner un accès direct à votre site à la personne de votre choix, afin qu'elle puisse le consulter via une connexion internet.

C'est très pratique puisque vous n'avez pas à envoyer votre site au serveur en ligne.

Pour obtenir un Live Link sur le site de votre choix, vous devez d'abord vous connecter à votre compte Local en cliquant sur l'icône circulaire en haut de votre tableau de bord :

Lorsque vous avez tout réglé, vous pouvez ensuite générer un lien en direct en cliquant sur "Activer":

Dès que le Live Link est créé, un point vert apparaît. Vous pouvez visualiser les informations qui y sont liées (lien, nom d'utilisateur, mot de passe) en cliquant sur la petite flèche :

Comme vous pouvez le constater, le Live Link généré est plutôt impersonnel. Le nom d'utilisateur (lecture) et le mot de passe (de bon goût) font sourire, mais ils ne sont pas très professionnels et sécurisés.

Vous pouvez modifier l'URL, le nom d'utilisateur et le mot de passe de chaque lien en direct en accédant à Outils > Liens en direct . Votre Live Link doit d'abord être désactivé :

Comment accéder à la base de données de votre site

À un moment donné, vous voudrez peut-être accéder à la base de données de votre site WordPress créé avec Local by Flywheel. Vous pouvez le faire en vous rendant dans l'onglet "Base de données" , qui liste les informations de votre base de données (hôte, nom, utilisateur, mot de passe).

Pour ce faire, cliquez sur "Ouvrir Adminer". Local vous redirigera vers Adminer, une interface pour gérer votre base de données :

Comment passer votre site local en HTTPS

Une autre option très pratique est la possibilité d'activer le HTTPS sur votre environnement local . En un clic, vous pouvez simuler la création d'un certificat SSL afin que les navigateurs web considèrent votre connexion comme sécurisée.

Pour cela, dans l'onglet « Overview », cliquez sur le bouton « Trust » dans la ligne SSL :

Pour votre information, vous pouvez avoir des difficultés à activer cette option sur un Mac. Si tel est le cas pour vous, consultez cette ressource de Local .

Comment consulter les emails envoyés localement depuis mon site ?

Lorsque vous développez localement, vous rencontrez souvent un problème : comment savoir si vos emails sont envoyés et reçus ?

Je pense par exemple aux emails transactionnels qui notifient la soumission d'un nouveau commentaire et le changement du mot de passe d'un utilisateur, ou l'email envoyé à l'administrateur suite à la soumission d'un formulaire de contact.

Pour savoir si tout cela fonctionne, Local s'appuie sur MailHog, un outil de test de messagerie . Vous pouvez y accéder, site par site, via Outils > MailHog > Ouvrir MailHog .

Vous retrouverez sur l'interface de l'outil tous les emails qui ont été envoyés, comme celui ci-dessous, indiquant la création d'un nouveau site WordPress :

Comment installer les modules complémentaires Local by Flywheel

Au-delà de ces belles options, Local propose également neuf add-ons gratuits que vous pouvez activer selon vos besoins. Par exemple:

• Image Optimizer , pour compresser le poids de vos images.
• Cloud Backups , pour sauvegarder vos sites dans le Cloud, via Google Drive ou Dropbox.
• Link Checker , pour détecter les liens brisés (erreurs 404) sur votre site local.
• Instant Reload , pour actualiser automatiquement votre navigateur chaque fois que vous modifiez un fichier CSS.
• Atlas : Headless WP , pour créer un site WordPress headless (un site où le back-office et le front-end sont gérés séparément).

Tous ces add-ons sont accessibles en cliquant sur l'icône de pièce de puzzle dans la barre latérale gauche de votre interface locale :

Cliquez sur l'add-on de votre choix, puis sur « Install Add-on », comme ici avec l'add-on Link Checker :

Vous trouverez alors le module complémentaire installé dans l'onglet "Outils". Il ne vous reste plus qu'à le mettre en action dès que vous le souhaitez :

Comment modifier les préférences sur Local

Terminons ce tour par la possible personnalisation de certains paramètres dans les Préférences locales.

Pour y accéder, rendez-vous dans le menu « Préférences » de l'outil :

Vous trouverez quatre sous-menus de paramètres :

• Appearance & behavior vous permet de changer le ton de l'interface (clair par défaut, ou sombre).
• Nouveaux paramètres par défaut du site . Ici, vous pouvez définir le suffixe par défaut de chaque nom de domaine (si vous n'aimez pas .local ), l'e-mail de l'administrateur et l'emplacement du site sur votre ordinateur.
• L'exportation vous permet d'exclure certaines extensions de fichiers lors de l'exportation d'un site local.
• Advanced vous permet d'activer, entre autres, les rapports d'erreurs et d'utilisation.

Quelles sont les alternatives au local ?

Avec toutes ces informations, vous pouvez configurer Local comme un pro. Au fil des années, il est devenu l'un des programmes les plus populaires du marché pour concevoir un site WordPress local.

Si vous n'êtes pas convaincu par celui-ci, vous pouvez vous tourner vers l'un de ses concurrents :

• MAMP (Mac et Windows) ou WampServer (Windows). Pour votre information, un tutoriel sur la façon d'installer MAMP est disponible sur le blog WPMarmite dans cet article.
• DevKinsta, la solution créée par l'hébergeur Kinsta
• Vagabond
• Docker

Toutes ces solutions sont également gratuites mais elles n'ont pas la même complexité . DevKinsta est certainement l'outil le plus facile à utiliser pour un débutant. C'est le plus proche de ce que propose Local en termes d'interface et d'options.

MAMP demande un peu plus de connaissances techniques pour être utilisé, car son installation est 100% manuelle. Enfin, Vagrant et Docker sont avant tout dédiés aux développeurs et techniciens expérimentés.

Notre avis final sur Local by Flywheel

Local est un excellent outil pour créer des sites WordPress locaux. Pour vous dire la vérité, j'utilisais MAMP avant de le découvrir. Eh bien, MAMP a fini à la poubelle.

Local a beaucoup d'atouts qui m'ont séduit dès les premiers instants. Simple d'utilisation, c'est un outil qui peut être utilisé aussi bien par les débutants que par les développeurs expérimentés .

Téléchargez Local by Flywheel sur son site officiel :

Gratuit, ergonomique et doté de fonctionnalités hyper pratiques (Live Links, Blueprints, etc.), Local est à la fois agréable à utiliser et efficace. Que pourriez-vous demander de plus?

Eh bien, peut-être que ce sera encore plus fiable qu'il ne l'est maintenant. Personnellement, je n'ai jamais rencontré de problèmes majeurs avec ce logiciel. Cependant, certaines personnes se plaignent parfois qu'il se bloque ou ne veut pas démarrer. Cela peut être le cas si vous souhaitez travailler sur des sites avec beaucoup de fichiers et de contenu.

Si vous rencontrez des problèmes avec cela, sachez que Local propose un forum public où vous pouvez trouver de nombreuses réponses. Et la plupart du temps, la mise à niveau vers la dernière version de l'outil résout de nombreux problèmes.

Utilisez-vous Local ? Êtes-vous un fan inconditionnel de cet outil? Donnez moi votre avis dans les commentaires.