PubliĂ© par le 5 avril 2017 ‱ 0 Commentaires

Salut, les Cuistots, bienvenue dans cette nouvelle vidéo dans laquelle on va voir comment travailler en local avec ses sites WordPress.

Allez c’est parti !

1. Introduction

Alors il n’y a pas longtemps, j’ai fait un #DisVoirAlex dans lequel je rĂ©pondais Ă  une question toute simple oĂč on me demandait : faut-il travailler en local avec WordPress ?

J’avais rĂ©pondu que ça dĂ©pend, des fois c’est plus pratique de travailler en ligne parce qu’on a le mĂȘme environnement, je vous invite Ă  regarder ce #DisVoirAlex si vous ne savez pas ce que c’est qu’un environnement. On a le mĂȘme environnement et ça Ă©vite un certain nombre de problĂšmes.

Jusqu’à prĂ©sent j’utilisais MAMP pour travailler en local et c’est vrai que parfois on pouvait avoir des soucis. Auparavant j’utilisais encore d’autres solutions, mais c’est vrai que MAMP c’était la meilleure solution que j’avais pu trouver.

Jusqu’à ce que je dĂ©couvre, en tout cas, j’entende parler, d’un logiciel qui est assez rĂ©cent, qui s’appelle Local by Flywheel, ça a Ă©tĂ© lancĂ© par une boĂźte qui fait de l’hĂ©bergement WordPress, ils ont rachetĂ© ce logiciel-lĂ , ils l’ont renommĂ© pour l’appeler Local by Flywheel.

un logiciel pour travailler wordpress en local

Et donc, j’ai dĂ©cidĂ© de vous montrer ce qu’il a dans le ventre, parce que depuis que je l’ai installĂ©, c’est vrai que j’ai vraiment changĂ© d’avis sur le local.

Je ne dis pas qu’il faut exclusivement travailler en local, mais c’est quelque chose que maintenant j’ai moins… comment dire… on va dire que je suis moins rĂ©ticent Ă  travailler en local grĂące Ă  ce nouveau logiciel.

Note : si vous cherchez Ă  installer WordPress en local sur MAMP, jetez un oeil Ă  cet article.

2. Local by Flywheel : c’est quoi ?

Alors, voilĂ  comment ça se prĂ©sente, vous pouvez voir la page d’accueil de leur site, donc l’adresse c’est local.getflywheel.com – je vous mettrais bien sĂ»r le lien dans la description de la vidĂ©o il n’y a pas de souci.

Voilà comment ça se présente. On a un petit logiciel ici qui est dans notre ordi, là on peut le télécharger.

Alors… C’est disponible pour Mac et la version Windows est en bĂȘta, je n’ai pas testĂ© la version Windows, je compte sur vous pour me dire ce que vous en avez pensĂ© dans les commentaires.

En tout cas, moi sur Mac je suis vraiment super content.

Si vous ĂȘtes sur Mac et que vous voulez l’installer, vous mettez votre nom, votre prĂ©nom, votre email, etc., et vous pouvez avoir le lien de tĂ©lĂ©chargement — ça, je ne vous montre pas comment faire.

Là on va parler plutÎt des fonctionnalités qui sont assez intéressantes :

les avantages de ce logiciel flywheel

Ils nous disent que c’est rapide et simple.

C’est vrai qu’auparavant – dĂ©jĂ  le local c’est toujours rapide parce qu’on travaille toujours sur la mĂȘme machine, on en avait dĂ©jĂ  parlĂ© lors du #DisVoirAlex – mais, la simplicitĂ© : c’était vraiment le point noir du fait de travailler en local parce que c’était vraiment pas facile.

Il y a plein de manipulations Ă  faire, on n’arrive pas toujours Ă  faire ce que l’on veut et encore une fois, quand on change d’environnement, donc quand on fait la migration, il se peut qu’il y ait des choses qui sautent et ça, ça pose des problĂšmes, ça m’a posĂ© des problĂšmes, c’est pour cela que je n’étais pas trop chaud pour le local.

AprĂšs, lĂ  on voit, installation WordPress en un clic, donc ça, c’est vraiment top — on va voir aprĂšs dans la vidĂ©o comment faire — installation assez simple de WordPress.

DĂ©mo d’URL : normalement quand on travaille en local on ne peut pas montrer par exemple Ă  son client Ă  quoi ressemble le site, mais grĂące Ă  Local by Flywheel, on peut donner une URL Ă  son client.

Ça fait un pont de l’Internet vers son site local, comme ça le client peut consulter le site et ça, c’est vraiment top.

Autre chose, ça gĂšre le SSL, donc on peut crĂ©er des sites en HTTPS, c’est vraiment top, ça permet de travailler sur un site sĂ©curisĂ©.

LĂ  SSH WP CLI ACCESS : lĂ  c’est un petit peu plus technique, mais ça permet de travailler en ligne de commande avec WordPress, ça peut ĂȘtre cool pour ceux qui ont vraiment un profil technique et qui ne veulent pas trop s’embĂȘter Ă  faire les choses manuellement.

Et lĂ  pareil, environnement flexible : on peut changer la configuration du serveur local Ă  la demande.

Là on nous met encore un lien de téléchargement.

On voit que ce n’est pas tout, ils travaillent encore sur d’autres fonctionnalitĂ©s et lĂ  c’est vraiment encore trĂšs intĂ©ressant :

fonctions Ă  venir sur local by flywheel

Un dĂ©ploiement en un clic vers FlyWheel : c’est l’hĂ©bergeur, donc ça, ça ne s’applique pas Ă  tout le monde, on est d’accord. Ils font leur publicitĂ© comme ça, normal.

Aprùs là on voit autre chose : Remote Site Importing, donc ça, c’est vraiment top. Vous avez un site qui est en ligne grñce à local, vous allez pouvoir l’importer justement en local sans avoir trop de galùres.

Sans ĂȘtre obligĂ© de faire une migration, prendre la base de donnĂ©es, etc. des fois quand il y a de grosses bases, ça peut poser des problĂšmes. C’est une fonctionnalitĂ© sur laquelle ils sont en train de travailler.

Support premium : d’accord.

Et aussi les sauvegardes pour ses sites locaux… et bien d’autres choses.

AprĂšs on a le prix, donc lĂ  c’est totalement gratuit, c’est encore trĂšs apprĂ©ciable !

AprĂšs il y aura sĂ»rement une version payante avec d’autres fonctionnalitĂ©s, on ne sait pas trop encore ce qu’il y a dedans, mais on peut demander un accĂšs si on le souhaite.

Là rien que comme ça, c’est vraiment top !

Donc lĂ  ils font la pub pour l’hĂ©bergeur, OK !

AprĂšs il y a une petite foire aux questions.

Et lĂ  il y a un petit peu plus de dĂ©tails sur ce qu’il y a dans toutes les fonctionnalitĂ©s. Je vous laisserai jeter un Ɠil.

Et lĂ  on va pouvoir commencer Ă  utiliser Local by FlyWheel.

Allez c’est parti !

3. Installer WordPress en local

VoilĂ  comment ça se prĂ©sente : on a une fenĂȘtre toute simple, donc lĂ  j’ai dĂ©jĂ  crĂ©Ă© deux sites : un site de dĂ©veloppement pour la Marmite et un autre site que j’utilise pour un projet perso, je vous en reparlerais peut ĂȘtre un jour, on verra.

Ce que l’on peut faire, c’est tout simplement crĂ©er un nouveau site :

On clique sur le petit (+) en bas Ă  gauche et on clique sur « Add new site », on donne un nom de site — lĂ  je vais mettre « Tuto Local Youtube »

LĂ  on a un nom de domaine qu’on peut configurer, donc lĂ  on met… lĂ  ça m’en a gĂ©nĂ©rĂ© un tout seul, mais je vais mettre tuto-local.dev — je pense que ça ne change pas si on met une autre extension — je vais laisser .dev

LĂ  on a le rĂ©pertoire oĂč est installĂ© notre site, on peut le changer Ă©ventuellement, mais je vais le laisser comme ça.

Notre environnement : alors on a la version PHP, moi je vais utiliser la derniĂšre.

Le serveur web : soit on prend Ngnix soit on prend Apache.

Et lĂ  on a la version de MySQL, donc pour la base de donnĂ©es, la 5.5, on voit qu’elle est utilisĂ©e pour environ 50 % des sites et lĂ  la 5.6 par 25 % des sites Ă  l’heure actuelle, ça Ă©voluera sĂ»rement Ă  l’avenir.

On va se mettre sur la derniĂšre version.

L’installation de WordPress maintenant : est-ce qu’on veut faire une installation multisites ? – non pas besoin —

Mon nom d’utilisateur : alexwpm c’est sĂ»rement un nom que j’ai mis pour mes autres sites. LĂ  je vais mettre alexlocal.

Le mot de passe : je ne vais pas m’embĂȘter, je vais mettre alexlocal aussi.

Alors bien sĂ»r, lorsque vous passerez votre site en ligne, veillez Ă  changer le nom de l’administrateur et mettre un mot de passe vraiment complexe, on est d’accord !

N’oubliez pas ça attention ! Vous ne viendrez pas vous plaindre aprĂšs hein…

Là on nous demande l’email de l’administrateur, moi c’est alex (at) wpmarmite.com, on est d’accord, et là tout ce que l’on a à faire c’est de cliquer sur Add site.

VoilĂ , c’est en train de crĂ©er notre site, ça mouline en arriĂšre plan, je vais essayer de meubler un petit peu la vidĂ©o, ou alors je couperai tout simplement.

4. Regardons à quoi ressemble le site

Là ça me demande mon mot de passe administrateur, OK, pour que tout soit fonctionnel et là normalement c’est bon.

On a une petite pastille verte ici pour nous dire que c’est fonctionnel.

On a encore tout ce qu’on a mis ici en configuration pour notre environnement, Ă©ventuellement on peut changer, ce n’est pas un problĂšme, ce n’est pas parce qu’on a configurĂ© quelque chose au dĂ©part que ce n’est pas modifiable.

Ici on peut avoir accĂšs Ă  la base de donnĂ©es : donc lĂ  ce sont des valeurs assez basiques en termes du nom d’utilisateur et du mot de passe.

Le SSL, on peut Ă©ventuellement l’activer et lĂ  on peut avoir d’autres choses comme crĂ©er un lien direct vers la version locale — on verra peut-ĂȘtre comment faire aprĂšs.

Pour l’instant on va voir Ă  quoi ressemble le site, on clique « view site ».

Donc voilĂ  Ă  qui ça ressemble, on a notre site, notre WordPress de base, lĂ  c’est en anglais, c’est dommage qu’il n’y ait pas quelque chose pour choisir la langue, peut ĂȘtre que c’est une option qui arrivera Ă  l’avenir.

En tout cas voilà, on peut tout simplement se connecter à l’administration, comme on le ferait pour n’importe quel site WordPress en allant sur wp-admin, voilà !

Je ne sais mĂȘme plus ce que j’ai mis, est-ce que j’ai mis alexlocal ? VoilĂ  ! Donc lĂ  il y a Dashlane qui me propose d’enregistrer, mais ça ne m’intĂ©resse pas.

Si vous voulez savoir ce que c’est que Dashlane, c’est un gestionnaire de mots de passe, j’en ai dĂ©jĂ  parlĂ© dans un prĂ©cĂ©dent #DisVoirAlex : je vous invite Ă  y jeter un Ɠil si vous voulez voir Ă  quoi ça ressemble.

Et puis voilĂ  ! On a notre site en local.

Tout ce que l’on a à faire ici c’est d’aller dans settings => general pour pouvoir changer la langue => on cherche le français qui se trouve ici. On sauvegarde et notre WordPress passe normalement en français.

Voilà impeccable, à partir de maintenant vous avez votre site en local sur lequel vous pouvez travailler, sur vos thÚmes ou pour tester de nouvelles fonctionnalités sur votre site, par exemple, comme je suis en train de le faire pour travailler sur de nouveaux modÚles de pages pour la Marmite.

5. Montrer le site en local Ă  son client

Si vous voulez, on va tester un petit peu le lien pour accĂ©der au site depuis l’extĂ©rieur, depuis Internet.

Donc lĂ  je vais cliquer sur « enable » et lĂ  j’ai un lien, je vais essayer de copier le lien, je ne sais pas si ça va marcher.

Pour tout vous avouer, je suis en train de tester la fonctionnalitĂ© au moment oĂč je tourne cette vidĂ©o, on va voir ce que ça donne.

Donc là, si je vais sur ça, normalement ça devrait pouvoir me charger le site.

Donc lĂ  on peut bien accĂ©der au site local Ă  distance, n’importe quel client pourra voir votre site, voir oĂč vous en ĂȘtes dans votre travail. Donc, voilĂ , je pense qu’on a fait le tour de tout ça.

Donc Local by Flywheel, je vous encourage vraiment à tester ce logiciel pour voir ce que ça donne de votre cÎté. Dites-moi ce que vous en pensez en commentaire.

En tout cas voilĂ , moi je l’ai dĂ©sormais adoptĂ©, je ne pense pas revenir sur MAMP avant un bon bout de temps Ă  moins qu’ils ne fassent vraiment une innovation exceptionnelle, mais voilĂ , maintenant je pense que je vais plus travailler en local.

Je compte sur vous pour me dire ce que vous en pensez.

Abonnez-vous Ă  la chaĂźne YouTube de la Marmite si ce tutoriel vous a plu.

Et sur ce je vous dis à trÚs bientÎt pour une nouvelle vidéo, ciao !