Vous avez créé votre site vitrine avec WordPress grâce à Local (by Flywheel). Tout fonctionne bien sur votre ordinateur. Il est temps de passer à l’étape suivante : le mettre en ligne pour qu’il soit accessible au public. C’est souvent le moment qui peut faire un peu peur : on se demande si la manipulation est compliquée, si on risque de casser son site ou de perdre son travail.
C’est vrai, cela demande quelques étapes techniques, mais la migration reste à la portée de tout le monde. Dans ce tutoriel, je vais vous guider et vous expliquer comment transférer votre site WordPress depuis Local vers un hébergement o2switch, qui propose l’interface cPanel. Cette interface va vous permettre de gérer techniquement votre site. Elle est facile à prendre en main et facile à utiliser.
Ainsi, nous allons préparer les outils nécessaires, déplacer les fichiers et la base de données, configurer WordPress, puis mettre le site en ligne, avec un certificat SSL.
Voici ce dont vous avez besoin avant de commencer
Avant de vous lancer, il est essentiel de réunir les bons outils. Tout d’abord, vous devez posséder un nom de domaine enregistré auprès d’un bureau d’enregistrement (ce qu’on appelle aussi un registrar ou registre). C’est l’adresse qui permettra aux internautes de trouver votre site, par exemple votredomaine.com. Ensuite, vous avez besoin d’un hébergement web : dans notre cas, un compte actif chez o2switch, avec accès à l’interface cPanel.
o2switch propose plusieurs offres d’hébergements, choisissez celle qui vous convient le mieux
Une fois votre compte payé, vous recevrez toutes les informations pour gérer votre hébergement, par email. Gardez-le bien de côté pour tout le temps où votre site sera en ligne.
Pour transférer vos fichiers, il est indispensable d’utiliser un client FTP (comme FileZilla ou Transmit). Ce logiciel vous permettra de déposer vos fichiers WordPress depuis votre ordinateur vers le serveur d’o2switch. Il vous faudra également un éditeur de texte, par exemple Sublime Text, pour pouvoir modifier le fichier wp-config.php lorsque vous mettrez à jour les informations de connexion à la base de données.
Enfin, gardez à portée de main vos identifiants d’accès : ceux du cPanel o2switch, ceux du FTP, et ceux de votre registre de domaine pour gérer les DNS. Un navigateur, évidemment, une connexion Internet stable et un minimum de rigueur complètent cette boîte à outils. Avec tout cela réuni, vous êtes au point pour déployer votre site WordPress en toute sérénité.
Préparer votre hébergement o2Switch
Avant de transférer vos fichiers, connectez-vous au cPanel fourni par o2switch.
Vous devez vous occuper de votre domaine. Dans un premier temps, connectez-vous chez votre registrar et modifiez les enregistrements DNS (reçus par email) pour que votre domaine pointe vers l’adresse IP de votre hébergement o2switch. La propagation prend en général de quelques minutes à quelques heures.
Puis ajoutez votre nom de domaine dans le cPanel, afin qu’il soit associé à un dossier racine sur le serveur. Pour ce faire, allez dans le bloc Domaines, puis choisissez Domaines Configurés. Saisissez le nom de domaine que vous avez déjà réservé. Un sous domaine système et la racine du document seront remplis automatiquement. N’oubliez pas de valider la manipulation en cliquant sur Ajouter un domaine.
Vérifier que le certificat SSL est bien activé.
Le certificat SSL est indispensable pour inspirer confiance et sécuriser la navigation, il est donc important d’activer le HTTPS, symbolisé par le petit cadenas dans la barre d’adresse. Chez o2switch c’est un service gratuit qui délivre des certificats SSL reconnus par tous les navigateurs, grâce à Let’s Encrypt,
Créez ensuite une base de données MySQL grâce à l’assistant prévu à cet effet, en lui associant un utilisateur et un mot de passe que vous prendrez soin de noter. Ce sont ces informations que vous devrez renseigner dans la configuration WordPress plus tard, donc gardez-les sous la main.
Pour cela, allez dans le bloc Base de données puis Base de données MySQL. Complétez le champ. Choisissez une chaîne de caractères compliquée pour renforcer la sécurité de l’accès à celle-ci (une base de données comporte des données sensibles).
Une fois la base de données créée, il faut créer un utilisateur. Vous trouverez le formulaire en dessous du formulaire pour créer la base de données. L’utilisateur a été créé, l’étape suivante est de l’ajouter à la base de données.
Dernière étape pour la base de données, attribuer tous les privilèges à l’utilisateur. Pour effectuer ce changement, remonter un peu dans la page, jusque au bloc Bases de données actuelles. Cliquez sur l’utilisateur.
Vous êtes redirigés vers la page pour gérer les privilèges des utilisateurs. Cochez la case pour accorder tous les pribilèges et appliquer les changements.
Enfin, choisissez une version de PHP. Allez dans Logiciel puis Sélectionner une version de PHP. La version sélectionnée par défaut, est la version 8.1, choisissez-en une plus récente.
Exporter le site depuis Local
Nous allons maintenant nous atteler à la migration manuelle de votre site. Il existe deux solutions.
Avant toute chose, je vous invite à créer sur votre ordinateur, un dossier réservé à votre migration. Vous y mettrez tous les éléments du site, que vous transférerez ensuite sur les serveurs.
La première solution consiste à utiliser la fonction d’export proposée par Local, qui génère un fichier compressé contenant l’intégralité de votre site. Pour cela faites un clic droit sur le nom de votre site, puis cliquez sur Export.
La seconde, consiste à récupérer manuellement les éléments. Dans le dossier de votre projet Local, le cœur de votre site se trouve dans le répertoire app/public. C’est là que vous allez récupérer vos fichiers WordPress. En cliquant sur Site folder, vous irez directement dans le bon répertoire.
Enfin, il faut télécharger la base de données qui contient tous les contenus de votre site.
Rendez-vous dans l’onglet Database de Local, ouvrez Adminer.
Adminer est ouvert, cliquez sur Exporter à gauche de l’écran.
Le lien vous mènera vers un nouvel écran. Choisissez le format .gzip pour l’export. Et cliquez sur Exporter.
Importons maintenant les fichiers et la base de données sur le serveur d’O2switch
Une fois vos fichiers en main, connectez-vous à votre espace sur le serveur d’o2switch. Ouvrez votre client FTP (comme FileZIlla). Créez une entrée vers votre serveur : pour vous connecter au serveur, vous aurez besoin des renseignements contenus dans l’email envoyé par O2Switch, lorsque vous avez pris votre hébergement.
Vous pouvez maintenant transférer les fichiers dans le dossier racine du domaine que vous avez ajouté. Si vous aviez compressé le dossier contenant les fichiers, décompressez-le avant de l’envoyer sur le serveur et envoyez son contenu (et non pas le dossier) dans le dossier racine.
Ensuite, importez la base de données. Pour cela, ouvrez phpMyAdmin depuis le cPanel (allez dans le bloc Base de données puis phpMyAdmin), sélectionnez la base que vous avez créée et lancez la fonction Importer pour y intégrer le fichier .sql provenant de Local. (Inutile de décompresser le gzip).
Configurer WordPress
Il est temps de dire à WordPress où trouver la base de données. Dans les fichiers que vous avez envoyés, ouvrez wp-config.php avec votre éditeur de texte et remplacez les valeurs DB_NAME, DB_USER et DB_PASSWORD par celles que vous avez définies dans le cPanel. L’hôte reste localhost chez o2switch.
// ** Database settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'nom_de_votre_bdd' );
/** Database username */
define( 'DB_USER', 'votre_utilisateur' );
/** Database password */
define( 'DB_PASSWORD', 'votre_mot_de_passe' );
/** Database hostname */
define( 'DB_HOST', 'localhost' );
/** Database charset to use in creating database tables. */
define( 'DB_CHARSET', 'utf8' );
/** The database collate type. Don't change this if in doubt. */
define( 'DB_COLLATE', '' );
Réécriture des URL
Un autre point crucial concerne les adresses. Votre site, en local, utilisait une URL de type monsite.local. Il faut remplacer les urls de votre site par l’adresse du site en ligne : nomdedomaine.com.
Faites l’essai, naviguer sur le site en ligne. Hormis la page d’accueil, les pages ne devraient pas accessibles.
Petit conseil : avant de faire cela, déconnectez-vous de Local, car les urls peuvent vous rediriger vers votre site en local, vous croirez que tout fonctionne correctement !
Pour changer les urls de votre site, vous pouvez le faire directement depuis le cPanel, en vous rendant dans les Outils exclusifs d’o2switch (en haut sur la page d’accueil du cPanel). Cliquez sur WP Tiger, puis cliquer sur le bouton Gérer le site et, enfin, Actions avancées. Saisissez l’adresse du site en ligne.
Il peut arriver que vous ne puissiez pas vous connecter à l’admin de votre site, quand il vient d’être mis en ligne. Pas de panique, vous pouvez corriger cela en allant dans l’interface de phpMyAdmin.
Dans la base de données, vous devez donc mettre à jour les entrées siteurl et home de la table wp_options. Vous pouvez le faire rapidement dans phpMyAdmin, en remplaçant l’adresse Local par https://votredomaine.com
Voilà, c’est le moment de vérifier que les pages s’affichent correctement, que le menu fonctionne, que les formulaires envoient bien des messages.
Une dernière chose à faire : vérifier que votre site est bien indéxable par les moteurs de recherche.
Allez dans Réglages puis Lecture et vérifier que la case Visibilité pas les moteurs de recherche est bien décochée ! (Sinon, vous risquez d’attendre longtemps pour que les moteurs passent sur votre site ^^)
Pour conclure, migrer un site WordPress créé avec Local (by Flywheel) vers o2switch n’a rien de compliqué une fois que l’on a compris la logique : exporter les fichiers et la base, les importer chez l’hébergeur, adapter la configuration, tester. La partie la plus importante, une fois le site en ligne, est de vérifier que tout est correctement optimisé pour le SEO, afin que votre site vitrine soit bien visible sur les moteurs de recherche et commence à attirer vos premiers visiteurs.
Vous pouvez aussi utiliser une extension pour migrer votre site. J’écrirai un tuto bientôt, mais je trouve intéressant de passer de temps en temps par l’étape manuelle pour comprendre le fonctionnement. L’utilisation d’une extension sera d’autant plus facile à comprendre.
Maintenant que vous avez toutes les cartes en main, c’est à vous de jouer !
