Migrer un site WordPress de Local (by Flywheel) vers o2switch : guide pas à pas

Vous avez créé votre site vitrine avec Word­Press grâce à Local (by Flyw­heel). Tout fonc­tionne bien sur votre ordi­na­teur. Il est temps de pas­ser à l’étape sui­vante : le mettre en ligne pour qu’il soit acces­sible au public. C’est sou­vent le moment qui peut faire un peu peur : on se demande si la mani­pu­la­tion est com­pli­quée, si on risque de cas­ser son site ou de perdre son travail.

C’est vrai, cela demande quelques étapes tech­niques, mais la migra­tion reste à la por­tée de tout le monde. Dans ce tuto­riel, je vais vous gui­der et vous expli­quer com­ment trans­fé­rer votre site Word­Press depuis Local vers un héber­ge­ment o2switch, qui pro­pose l’inter­face cPa­nel. Cette inter­face va vous per­mettre de gérer tech­ni­que­ment votre site. Elle est facile à prendre en main et facile à utiliser. 

Ain­si, nous allons pré­pa­rer les outils néces­saires, dépla­cer les fichiers et la base de don­nées, confi­gu­rer Word­Press, puis mettre le site en ligne, avec un cer­ti­fi­cat SSL.

Voici ce dont vous avez besoin avant de commencer

Avant de vous lan­cer, il est essen­tiel de réunir les bons outils. Tout d’abord, vous devez pos­sé­der un nom de domaine enre­gis­tré auprès d’un bureau d’enregistrement (ce qu’on appelle aus­si un regis­trar ou registre). C’est l’adresse qui per­met­tra aux inter­nautes de trou­ver votre site, par exemple votre​do​maine​.com. Ensuite, vous avez besoin d’un héber­ge­ment web : dans notre cas, un compte actif chez o2switch, avec accès à l’interface cPanel.

o2switch pro­pose plu­sieurs offres d’hé­ber­ge­ments, choi­sis­sez celle qui vous convient le mieux

Une fois votre compte payé, vous rece­vrez toutes les infor­ma­tions pour gérer votre héber­ge­ment, par email. Gar­dez-le bien de côté pour tout le temps où votre site sera en ligne.

Pour trans­fé­rer vos fichiers, il est indis­pen­sable d’utiliser un client FTP (comme File­Zilla ou Trans­mit). Ce logi­ciel vous per­met­tra de dépo­ser vos fichiers Word­Press depuis votre ordi­na­teur vers le ser­veur d’o2switch. Il vous fau­dra éga­le­ment un édi­teur de texte, par exemple Sublime Text, pour pou­voir modi­fier le fichier wp-config.php lorsque vous met­trez à jour les infor­ma­tions de connexion à la base de données.

Enfin, gar­dez à por­tée de main vos iden­ti­fiants d’accès : ceux du cPa­nel o2switch, ceux du FTP, et ceux de votre registre de domaine pour gérer les DNS. Un navi­ga­teur, évi­dem­ment, une connexion Inter­net stable et un mini­mum de rigueur com­plètent cette boîte à outils. Avec tout cela réuni, vous êtes au point pour déployer votre site Word­Press en toute sérénité.

Préparer votre hébergement o2Switch

Avant de trans­fé­rer vos fichiers, connec­tez-vous au cPa­nel four­ni par o2switch. 

Vous devez vous occu­per de votre domaine. Dans un pre­mier temps, connec­tez-vous chez votre regis­trar et modi­fiez les enre­gis­tre­ments DNS (reçus par email) pour que votre domaine pointe vers l’adresse IP de votre héber­ge­ment o2switch. La pro­pa­ga­tion prend en géné­ral de quelques minutes à quelques heures. 

Puis ajou­tez votre nom de domaine dans le cPa­nel, afin qu’il soit asso­cié à un dos­sier racine sur le ser­veur. Pour ce faire, allez dans le bloc Domaines, puis choi­sis­sez Domaines Confi­gu­rés. Sai­sis­sez le nom de domaine que vous avez déjà réser­vé. Un sous domaine sys­tème et la racine du docu­ment seront rem­plis auto­ma­ti­que­ment. N’ou­bliez pas de vali­der la mani­pu­la­tion en cli­quant sur Ajou­ter un domaine.

Véri­fier que le cer­ti­fi­cat SSL est bien activé. 

Le cer­ti­fi­cat SSL est indis­pen­sable pour ins­pi­rer confiance et sécu­ri­ser la navi­ga­tion, il est donc impor­tant d’activer le HTTPS, sym­bo­li­sé par le petit cade­nas dans la barre d’adresse. Chez o2switch c’est un ser­vice gra­tuit qui délivre des cer­ti­fi­cats SSL recon­nus par tous les navi­ga­teurs, grâce à Let’s Encrypt,

Créez ensuite une base de don­nées MyS­QL grâce à l’assistant pré­vu à cet effet, en lui asso­ciant un uti­li­sa­teur et un mot de passe que vous pren­drez soin de noter. Ce sont ces infor­ma­tions que vous devrez ren­sei­gner dans la confi­gu­ra­tion Word­Press plus tard, donc gar­dez-les sous la main.

Pour cela, allez dans le bloc Base de don­nées puis Base de don­nées MyS­QL. Com­plé­tez le champ. Choi­sis­sez une chaîne de carac­tères com­pli­quée pour ren­for­cer la sécu­ri­té de l’ac­cès à celle-ci (une base de don­nées com­porte des don­nées sensibles).

Une fois la base de don­nées créée, il faut créer un uti­li­sa­teur. Vous trou­ve­rez le for­mu­laire en des­sous du for­mu­laire pour créer la base de don­nées. L’u­ti­li­sa­teur a été créé, l’é­tape sui­vante est de l’a­jou­ter à la base de données. 

Der­nière étape pour la base de don­nées, attri­buer tous les pri­vi­lèges à l’u­ti­li­sa­teur. Pour effec­tuer ce chan­ge­ment, remon­ter un peu dans la page, jusque au bloc Bases de don­nées actuelles. Cli­quez sur l’utilisateur.

Vous êtes redi­ri­gés vers la page pour gérer les pri­vi­lèges des uti­li­sa­teurs. Cochez la case pour accor­der tous les pri­bi­lèges et appli­quer les changements.

Enfin, choi­sis­sez une ver­sion de PHP. Allez dans Logi­ciel puis Sélec­tion­ner une ver­sion de PHP. La ver­sion sélec­tion­née par défaut, est la ver­sion 8.1, choi­sis­sez-en une plus récente.

Exporter le site depuis Local

Nous allons main­te­nant nous atte­ler à la migra­tion manuelle de votre site. Il existe deux solutions.

Avant toute chose, je vous invite à créer sur votre ordi­na­teur, un dos­sier réser­vé à votre migra­tion. Vous y met­trez tous les élé­ments du site, que vous trans­fé­re­rez ensuite sur les serveurs.

La pre­mière solu­tion consiste à uti­li­ser la fonc­tion d’export pro­po­sée par Local, qui génère un fichier com­pres­sé conte­nant l’intégralité de votre site. Pour cela faites un clic droit sur le nom de votre site, puis cli­quez sur Export.

La seconde, consiste à récu­pé­rer manuel­le­ment les élé­ments. Dans le dos­sier de votre pro­jet Local, le cœur de votre site se trouve dans le réper­toire app/public. C’est là que vous allez récu­pé­rer vos fichiers Word­Press. En cli­quant sur Site fol­der, vous irez direc­te­ment dans le bon répertoire. 

Enfin, il faut télé­char­ger la base de don­nées qui contient tous les conte­nus de votre site. 

Ren­dez-vous dans l’onglet Data­base de Local, ouvrez Admi­ner.

Admi­ner est ouvert, cli­quez sur Expor­ter à gauche de l’écran. 

Le lien vous mène­ra vers un nou­vel écran. Choi­sis­sez le for­mat .gzip pour l’ex­port. Et cli­quez sur Exporter.

Importons maintenant les fichiers et la base de données sur le serveur d’O2switch

Une fois vos fichiers en main, connec­tez-vous à votre espace sur le ser­veur d’o2switch. Ouvrez votre client FTP (comme File­ZIlla). Créez une entrée vers votre ser­veur : pour vous connec­ter au ser­veur, vous aurez besoin des ren­sei­gne­ments conte­nus dans l’email envoyé par O2Switch, lorsque vous avez pris votre hébergement.

Vous pou­vez main­te­nant trans­fé­rer les fichiers dans le dos­sier racine du domaine que vous avez ajou­té. Si vous aviez com­pres­sé le dos­sier conte­nant les fichiers, décom­pres­sez-le avant de l’en­voyer sur le ser­veur et envoyez son conte­nu (et non pas le dos­sier) dans le dos­sier racine.

Ensuite, impor­tez la base de don­nées. Pour cela, ouvrez php­MyAd­min depuis le cPa­nel (allez dans le bloc Base de don­nées puis php­MyAd­min), sélec­tion­nez la base que vous avez créée et lan­cez la fonc­tion Impor­ter pour y inté­grer le fichier .sql pro­ve­nant de Local. (Inutile de décom­pres­ser le gzip).

Configurer WordPress

Il est temps de dire à Word­Press où trou­ver la base de don­nées. Dans les fichiers que vous avez envoyés, ouvrez wp-config.php avec votre édi­teur de texte et rem­pla­cez les valeurs DB_NAME, DB_USER et DB_PASSWORD par celles que vous avez défi­nies dans le cPa­nel. L’hôte reste local­host 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', '' );

// ** 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 cru­cial concerne les adresses. Votre site, en local, uti­li­sait une URL de type monsite.local. Il faut rem­pla­cer les urls de votre site par l’a­dresse du site en ligne : nom​de​do​maine​.com.

Faites l’es­sai, navi­guer sur le site en ligne. Hor­mis la page d’ac­cueil, les pages ne devraient pas accessibles.

Petit conseil : avant de faire cela, décon­nec­tez-vous de Local, car les urls peuvent vous redi­ri­ger vers votre site en local, vous croi­rez que tout fonc­tionne correctement !

Pour chan­ger les urls de votre site, vous pou­vez le faire direc­te­ment depuis le cPa­nel, en vous ren­dant dans les Outils exclu­sifs d’o2switch (en haut sur la page d’ac­cueil du cPa­nel). Cli­quez sur WP Tiger, puis cli­quer sur le bou­ton Gérer le site et, enfin, Actions avan­cées. Sai­sis­sez l’a­dresse du site en ligne.

Il peut arri­ver que vous ne puis­siez pas vous connec­ter à l’ad­min de votre site, quand il vient d’être mis en ligne. Pas de panique, vous pou­vez cor­ri­ger cela en allant dans l’in­ter­face de phpMyAdmin.

Dans la base de don­nées, vous devez donc mettre à jour les entrées siteurl et home de la table wp_options. Vous pou­vez le faire rapi­de­ment dans php­MyAd­min, en rem­pla­çant l’a­dresse Local par https://​votre​do​maine​.com

Voi­là, c’est le moment de véri­fier que les pages s’affichent cor­rec­te­ment, que le menu fonc­tionne, que les for­mu­laires envoient bien des messages. 

Une der­nière chose à faire : véri­fier que votre site est bien indéxable par les moteurs de recherche.

Allez dans Réglages puis Lec­ture et véri­fier que la case Visi­bi­li­té pas les moteurs de recherche est bien déco­chée ! (Sinon, vous ris­quez d’at­tendre long­temps pour que les moteurs passent sur votre site ^^)

Pour conclure, migrer un site Word­Press créé avec Local (by Flyw­heel) vers o2switch n’a rien de com­pli­qué une fois que l’on a com­pris la logique : expor­ter les fichiers et la base, les impor­ter chez l’hébergeur, adap­ter la confi­gu­ra­tion, tes­ter. La par­tie la plus impor­tante, une fois le site en ligne, est de véri­fier que tout est cor­rec­te­ment opti­mi­sé pour le SEO, afin que votre site vitrine soit bien visible sur les moteurs de recherche et com­mence à atti­rer vos pre­miers visiteurs.

Vous pou­vez aus­si uti­li­ser une exten­sion pour migrer votre site. J’é­cri­rai un tuto bien­tôt, mais je trouve inté­res­sant de pas­ser de temps en temps par l’é­tape manuelle pour com­prendre le fonc­tion­ne­ment. L’u­ti­li­sa­tion d’une exten­sion sera d’au­tant plus facile à comprendre.

Main­te­nant que vous avez toutes les cartes en main, c’est à vous de jouer !