Blog ENI : Toute la veille numérique !
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
  1. Livres et vidéos
  2. WordPress
  3. Installer WordPress en local
Extrait - WordPress Un CMS pour créer et gérer blogs et sites web (2e édition)
Extraits du livre
WordPress Un CMS pour créer et gérer blogs et sites web (2e édition)
3 avis
Revenir à la page d'achat du livre

Installer WordPress en local

Les objectifs

Avant de créer vos sites web avec WordPress directement sur Internet, vous devez dans un premier temps les tester en local, sur votre machine, ceci afin d’analyser si tout fonctionne correctement, comme vous le souhaitez. C’est après cela que vous installerez WordPress chez un hébergeur professionnel et que vous ferez vivre votre site publié sur Internet.

Dans ce chapitre, vous apprendrez à installer WordPress en local sur votre machine, que ce soit sous Mac, sous Windows ou sous Linux. Pour ce faire, nous allons exploiter un environnement de développement spécialement dédié à WordPress. Cet environnement c’est Local by Flywheel.

Connaître les prérequis

WordPress est un CMS (Content Management System) qui nécessite plusieurs serveurs pour fonctionner. Vous devez disposer d’un serveur web (Apache ou NGINX), d’un serveur de base de données (usuellement MySQL) et d’un serveur d’application (PHP).

Ces serveurs sont disponibles gratuitement sous la forme de package, avec de nombreuses distributions multiplateformes (Windows, macOS et Linux). Citons XAMPP (https://www.apachefriends.org/fr/index.html), WAMP (https://www.wampserver.com), MAMP (https://www.mamp.info/en/)…

En fonction de vos préférences et de vos affinités pour tel ou tel environnement technique, vous pouvez bien sûr choisir celui qui vous convient le mieux. Ces packages sont exploitables pour les personnes qui sont amenées à développer des sites web avec différents CMS ou en HTML, CSS, PHP et JavaScript.

Exploiter un environnement dédié à WordPress

Depuis maintenant quelques années, nous avons à notre disposition un environnement technique de développement local de WordPress entièrement dédié à ce dernier. Cet environnement de développement gratuit est Local by Flywheel : https://localwp.com.

Quels sont les avantages à utiliser Local by Flywheel ? Cet environnement est entièrement dédié aux développements WordPress. Cette « exclusivité » fait que tout est prévu et optimisé pour WordPress et pas pour d’autres types de CMS. Avec une utilisation par défaut, il n’est pas nécessaire de paramétrer les serveurs exploités. L’un des principaux avantages est que l’installation de WordPress se fait de manière totalement automatique. Il n’est pas nécessaire de créer la base de données, de télécharger WordPress et de lier WordPress à la base de données créée. Cela simplifie énormément l’installation de WordPress en local. Vous pourrez installer et exploiter plusieurs sites WordPress en même temps, pour développer des variantes d’un même projet par exemple. Local by Flywheel propose aussi de créer des modèles d’installation WordPress...

Installer Local by Flywheel

1. Télécharger Local by Flywheel

Comme nous venons de le préciser, la première étape consiste à installer l’environnement de développement Local by Flywheel.

 Accédez au site de Local by Flywheel : https://localwp.com

images/NC02-001.png

 Dans la barre de navigation, cliquez sur le bouton DOWNLOAD.

La fenêtre de téléchargement, Download Local, s’ouvre.

images/C02-new-001.png

 Dans la liste déroulante Please choose your platform, sélectionnez le système d’exploitation correspondant à votre machine, Mac, Windows ou Linux.

images/C02-new-002.png

 Ensuite, vous pouvez saisir des informations personnelles facultatives, seule une adresse e-mail, Work Email, est obligatoire.

images/C02-new-003.png

 Puis, cliquez sur le bouton GET IT NOW!.

Le téléchargement démarre alors.

Sur votre machine, dans le dossier des téléchargements, vous retrouvez l’installeur de Local by Flywheel. Exécutez-le. Selon votre système d’exploitation, il vous sera demandé le mot de passe de l’administrateur de la machine et d’accepter les paramètres de sécurité.

Notez bien que la version de Local by Flywheel utilisée dans ce livre est la 6.7. À chaque nouvelle version, vous aurez son lot de nouveautés et l’interface pourra évoluer par rapport aux copies d’écran présentées...

Installer WordPress avec les paramètres par défaut

1. Ajouter un nouveau site WordPress

Nous allons maintenant créer un premier site local WordPress en n’utilisant que les paramètres par défaut. Dans un prochain titre nous apprendrons à personnaliser l’installation.

Notez dès maintenant que l’utilisateur qui installe WordPress possède automatiquement le rôle Administrateur et celui-ci possède tous les droits d’administration du site WordPress.

 Dans la fenêtre d’accueil, dans l’écran Local sites, cliquez sur le bouton + Create a new site.

images/C02-new-010.png

Notez que dans la colonne latérale de gauche, vous pouvez aussi cliquer sur le bouton + Add Local site :

images/NC02-015.png
images/C02-new-011.png

La première étape consiste à indiquer comment vous souhaitez créer votre nouveau site WordPress :

  • Si c’est un tout nouveau site créé depuis rien, sélectionnez le bouton Create a new site.

  • Si c’est un nouveau site créé à partir d’un modèle, sélectionnez le bouton Create from a Blueprint.

  • Si c’est un site que vous souhaitez importer dans Local à partir d’un export au format .zip, cliquez sur le lien Select an existing ZIP.

 Dans cet exemple, c’est un tout nouveau site, donc sélectionnez le bouton Create a new site et cliquez sur le bouton Continue.

 La deuxième étape, What’s your site’s name? consiste à nommer le nouveau site. Attention, vous ne pouvez pas utiliser les caractères accentués ni des caractères spéciaux. Dans cet exemple, le nom du site est : mon site.

images/C02-new-012.png

En bas des écrans d’installation, vous visualisez le numéro de l’étape. À cette première étape, le libellé est Set up site :

 Cliquez sur le bouton Continue.

L’étape suivante Choose your environment, permet de choisir l’environnement technique des serveurs.

images/C02-new-013.png

Pour le moment nous laissons l’environnement par défaut Preferred.

Notez que vous avez les indications techniques et les versions de cet environnement par défaut pour le PHP, le serveur web et la base de données MySQL.

 Cliquez sur le bouton Continue.

Dans la dernière étape, vous devez indiquer les paramètres qui vous permettront de vous connecter à l’interface d’administration du site WordPress, à la fin de cette installation.

images/C02-new-014.png

 Dans le champ WordPress username, vous devez saisir le nom de connexion, c’est-à-dire l’identifiant de connexion à l’interface d’administration du site WordPress.

Attention, dans WordPress, vous ne pourrez pas changer cet identifiant par la suite.

 Dans le champ WordPress password, vous devez saisir votre mot de passe pour la connexion à l’interface d’administration.

Ici, étant donné que nous sommes en local, vous pouvez parfaitement saisir un mot de passe non sécurisé, pour plus de facilité...

Installer WordPress avec des paramètres personnalisés

Dans l’installation précédente, nous avions utilisé les paramètres par défaut pour installer votre premier site WordPress. Nous allons maintenant installer un deuxième site, mais cette fois en personnalisant les paramètres d’installation.

 Dans la colonne latérale de gauche, cliquez sur le bouton + Add Local Site.

images/NC02-015.png

 À la première étape, sélectionnez Create a new site et cliquez sur le bouton Continue.

images/C02-new-011.png

 À l’étape suivante, nommez le nouveau site.

Dans cet exemple, le nom est Site client Duteil.

 Puis, cliquez sur le bouton Advanced options.

images/C02-new-028.png
  • Le champ Local site domain permet de personnaliser le nom de domaine local pour le site. Ce libellé sera utilisé dans l’URL local pour accéder site.

  • Le champ Local site path indique le chemin d’accès au dossier local du site. Le lien Browse permet éventuellement de modifier ce chemin d’accès. Mais il vaut mieux éviter de changer ce paramètre.

 Personnalisez si besoin est ces paramètres.

 Cliquez sur le bouton Continue.

L’étape suivante permet de choisir l’environnement technique des serveurs. Par défaut, c’est l’option Preferred qui est sélectionnée.

 Cliquez sur le bouton Custom pour...

Modifier les paramètres d’installation d’un site WordPress

Une fois que vous avez installé votre site WordPress dans Local by Flywheel, vous pouvez modifier certains paramètres de l’installation.

1. Modifier le nom du site

Dans la colonne latérale de gauche, Local sites, vous pouvez modifier le nom qui est affiché. Cette modification n’affecte que l’interface de Local by Flywheel.

 Pour le site voulu, utilisez le bouton des trois petit points à droite du nom du site ou utilisez le menu contextuel et choisissez Rename.

Avec le menu local :

images/C02-new-033.png

Avec le menu contextuel :

images/C02-new-034.png

 Dans la fenêtre qui s’ouvre, renommez le site et cliquez sur le bouton Rename site.

images/C02-new-035.png

Le site est renommé :

images/C02-new-036.png

2. Modifier le nom de domaine

Suite à un changement de nom de site, le nom de domaine n’est pas modifié. Dans cet exemple, le nouveau nom du site est Site Duteil et le nom de domaine est toujours basé sur le nom précédent : site-client-duteil.local :

images/C02-new-037.png

 Pour modifier le nom de domaine, il faut que le site soit démarré. Si besoin est démarrez le site.

 Puis, dans l’onglet Overview, dans la ligne Site domain, cliquez sur le bouton Change.

images/C02-new-038.png

 Dans la fenêtre qui s’ouvre, renommez le nom de domaine et cliquez sur le bouton Change domain.

images/C02-new-039.png

Notez qu’il vous sera demandé le mot de passe de l’administrateur de votre ordinateur et aussi d’accepter des paramètres de sécurité, selon le système d’exploitation de votre machine. 

Le nom de domaine est modifié :

images/C02-new-040.png

3. Activer le certificat SSL

Sachez que certaines extensions doivent...

Gérer les sites locaux

1. Stopper tous les sites démarrés

Avec Local by Flywheel, vous pouvez gérer plusieurs sites WordPress en même temps. Voyons les fonctionnalités de gestion des sites.

 Rappelons que pour démarrer un de vos sites, dans la colonne latérale de gauche Local sites, il suffit de cliquer sur la pastille grise devant le nom du site voulu.

images/p58.png

 Faites de même pour chaque site voulu.

 Si vous avez plusieurs sites démarrés, vous pouvez tous les stopper en cliquant sur le bouton Stop all, en bas de la colonne latérale de gauche Local sites.

images/C02-new-055.png

2. Connaître les commandes simples du menu local ou contextuel

Pour gérer les sites locaux, vous pouvez utiliser le menu local ou contextuel sur un des sites.

Voici le menu contextuel sur un site stoppé :

images/C02-new-056.png

Voici le menu local sur un site stoppé :

images/C02-new-057.png

Voici le menu contextuel sur un site démarré :

images/C02-new-058.png

Voici le menu local sur un site démarré :

images/C02-new-059.png

Voici les items de ce menu contextuel :

  • Open site permet d’afficher le site publié dans le navigateur, lorsque le site est démarré.

  • Admin dashboard permet d’afficher l’administration du site WordPress, lorsque le site est démarré. 

  • Go to site folder affiche le dossier local du site dans votre gestionnaire de fichiers.

  • Open site shell ouvre un terminal, pour gérer le site avec des lignes de commandes.

  • Restart permet de redémarrer le site démarré.

  • Stop stoppe le site démarré.

  • Start démarre le site sélectionné.

  • Clone site permet de dupliquer le site.

  • Export pour exporter le site au format zip, afin de l’importer dans un autre environnement de développement Local by Flywheel.

  • Save as Blueprint pour enregistrer le site sélectionné en tant que modèle de site.

  • Move to new group permet de déplacer le site sélectionné dans un nouveau groupe de site.

  • Change domain permet de modifier le nom de domaine du site.

  • Rename permet de renommer le site dans Local by Flywheel.

3. Dupliquer un site

Local by Flywheel nous permet de dupliquer un site sélectionné. C’est très pratique pour effectuer un test sur le site en développement, sans mettre en péril tout le travail effectué. Si le test ne s’avère pas bon, vous pourrez supprimer le duplicata sans problème.

 Dans la colonne latérale de gauche, pour le site voulu, choisissez Clone site dans le menu contextuel ou dans le menu local.

 Dans la fenêtre Clone site, dans le champ, nommez le duplicata.

images/C02-new-060.png

 Cliquez sur le bouton Clone site.

Le site est dupliqué et est aussitôt démarré. Notez que vous aurez besoin d’indiquer le mot de passe de l’administrateur de la machine et d’accepter des paramètres de sécurité, selon le système d’exploitation de votre ordinateur.

images/C02-new-061.png

4. Exporter et importer un site

Lorsque vous travaillez en équipe à distance, il peut être très pratique de transférer un site à un membre de votre équipe. Avec Local by Flywheel vous pouvez exporter un site et votre collègue pourra l’importer.

 Dans la colonne latérale de gauche, pour...

Gérer les préférences de Local by Flywheel

Comme toute application, Local by Flywheel permet de gérer des préférences qui permettent de fixer un certain nombre de paramètres.

 Dans le menu Local, choisissez Preferences.

 Ou si vous êtes toujours connectez, dans le bouton de votre profil, choisissez Preferences.

images/C02-new-088.png

 Sélectionnez la catégorie Appearance & behavior.

Cela permet de gérer l’affichage de l’interface et de choisir une application de terminal. L’option MagicSync n’est utile que si vous hébergez vos sites WordPress chez Flywheel.

images/C02-new-089.png

 Sélectionnez la catégorie New site defaults.

Vous pouvez gérer les paramètres des nouveaux sites personnalisés (Environment - Custom) : e-mail de l’administrateur (Admin e-mail), suffixe du nom de domaine (Domain suffix) et chemin d’enregistrement des dossiers de publication des sites (Sites path).

images/NC02-081.png

 Sélectionnez la catégorie Exporting.

Vous pouvez indiquer les extensions des fichiers qui ne doivent pas être pris en compte lorsque vous exportez des sites.

images/NC02-082.png

 Sélectionnez la catégorie Advanced.

Vous pouvez choisir le type de routage que vous souhaitez pour vos sites. Site domains permet d’utiliser les certificats SSL, ce que ne permet pas le mode localhost. Si vous êtes développeur, vous pouvez activer le mode...