Gestion d’un site web.

SOMMAIRE

Principes de Base

Création d'un site web en ligne

Hébergeur et nom de domaine

Création d'un site web en local

Installation de Wampserver/Wordpress pour un serveur en local.
Création d’une base de données (BDD)
Installation de WordPress en Local
Manipulation à faire sur Wampserver pour continuer l’installation de WordPress et accéder ainsi aux deux tableaux de configuration de WordPress.
Pour finir l’installation de WordPress
Au Final

Transfert de votre site local vers un site en ligne

Utilisation de Search and Replace DB (local vers ligne)

Transfert de votre site en ligne vers un site local.

Utilisation de Search and Replace DB (ligne vers local)

Installation d'un deuxième site Local

Mise à jour du site local suite à des modifications sur le site en ligne.

Passer son site qui est en ligne en HTTPS

PRINCIPES de BASE

En simplifié, Un site Web est composé de deux applications.

(1) WordPress (CMS) assure la présentation du site et a deux fonctions :
La fonction de stockage de vos médias (photos, vidéos), plugins (extensions), thème (gratuit ou payant) , etc dans le dossier « wp-content »
Les autres dossiers, fichiers php et autres sont le moteur de wordpress.
Donc il est évident que » wp-content » est le dossier le plus important et qu’il doit être sauvegardé régulièrement.

(2) La Base de Données (BDD) est un conteneur de contenu dans lequel il y aura les liens Url (http ou https) qui pointent vers les médias, plugins, etc de WordPress et le contenu de vos articles, pages, etc.
Pour en savoir plus sur la composition de la BDD, voici un lien vers le site d'Alex La Marmite : https://wpmarmite.com/base-donnees-wordpress/#

WordPress ne s’installe pas comme un logiciel, il n’est donc pas intégré dans la base de registre de windows et n’apparaît donc pas dans « Programmes et fonctionnalités » du panneau de configuration.
Wordpress s’installe via un fichier à télécharger et à dézipper dans un dossier sur le disque dur de votre ordinateur ou du serveur de votre hébergeur.
Wordpress se désinstalle en supprimant le dossier sur le disque dur.

La Base de Données (BDD) est créée depuis phpMyAdmin.
Pour un site en Local on utilise une application comme WampServer qui fait office d’hébergeur et qui dispose de phpMyAdmin.
Pour un site en ligne on utilise un hébergeur (OVH, 1and1, etc.) qui dispose de phpMyAdmin.

La reconnaissance entre ces deux applications se fait via deux lignes de codes.
(define('DB_NAME', 'nom de la bdd)'); pour la BDD
$table_prefix = 'wp_'; pour le préfixe
Ces lignes se trouvent dans le fichier wp-config.php qui est installé à la racine de wordpress.
Ces lignes et ce fichier seront créés automatiquement après avoir répondu à un certain nombre de questions lors de l’installation de wordpress.

Pour en savoir plus sur la reconnaissance entre la BDD et WordPress, voir les Tableaux 1 et 2 de l’article sur la « Création d’un site web en local ».

La mise en place d’un site commence toujours par la création de la base de données.

En résumé, pour un site, il faut un WordPress, une base de données et un lien entre les deux via wp-config.php.

Dans l’article « Création d’un site web en Ligne » je ne parle pas de l’installation d’une base de données et de wordpress pour la simple raison que je considère que cette fonction est assurée par l’hébergeur que vous rémunérez.
Je ne vous explique que quelques principes bons à savoir (à mes yeux).

Dans l’article « Création d’un site web en Local », je vous parle de :
L’Installation d’un hébergeur local qui est Wampserver
De la création d’une base de données
L’Installation de WordPress

Si vous trouvez des anomalies, des erreurs, pouvez vous m'envoyer un mail à : postmaster@microferlille.fr

Retour Sommaire

Création d’un site web en Ligne

Hébergeur et nom de domaine

Sans hébergeur, pas de site en ligne.
Il y en a des gratuits, bof pour moi. Ce qui est gratuit ne l’est jamais et bien souvent avec des pubs.
De plus le certificat SSL peut ne pas être fourni et il faut en acheter un. Bref.
Donc le payant. Environ 60€ par an (1&1, OVH, etc.) pour un hébergement basic livré avec un nom de domaine que vous avez choisi, un certificat SSL et un WordPress installé.

Un nom de domaine (en minuscule) sera celui qui représentera votre site en ligne. Ici c’est microferlille.fr
Pour le nom de domaine, il faut qu’il soit représentatif du contenu de votre site.
Votre nom de domaine peut contenir un trait d’union entre par exemple votre ville et votre domaine d’activité.
Exemple : vous êtes notaire, huissier, fleuriste et vous travaillez dans telle ville.
Cela peut donner ceci : lille-fleuriste.com ou fr (.com comme commercial) ou mettre votre nom/prénom en utilisant la première lettre + la ville et l’activité. Cela peut donner ceci : jdlille-fleuriste.com par exemple.

Le domaine « microferlille.fr » à relativement bien respecté ma vision d’un nom de domaine.
Il indique bien l’activité « micro» chez les cheminots « Fer « rail-SNCF » et le lieu « Lille »,, mais il n’indique pas qu’il s’agit d’une association pour retraités. Un choix devait être fait.
J’aurais pu mettre : assos-microferlille.fr, mais dans ce cas, le nom de domaine est très grand, ce qui n’est pas forcément judicieux.
Comme vous pouvez constater, il est très difficile de tout dire dans un domaine.
Pourtant le choix du domaine est primordial pour le référencement.
Pour moi, l’activité est la pierre angulaire du domaine.
Donc quand vous allez choisir votre nom de domaine, comportez-vous comme un internaute qui recherche dans Google ou autres une activité pour laquelle vous êtes concerné.

Un certificat SSL : il vous permettra de mettre votre site en ligne en htpps.
C’est devenu presque une obligation. En effet Google n’aime plus les sites en http, donc le référencement est délaissé.
Activer le certificat SSL si cela n’a pas été fait par l’Hébergeur.
Pour vérifier l’activation du certificat SSL : https://www.ssllabs.com/

WordPress : si vous avez choisi l’option « WordPress » installé, vous n’aurez rien à faire.
C’est tout l’intérêt du payant, pas grand-chose à faire.
Je n’explique donc pas l’installation de WordPress chez un hébergeur qui est gratuit.

Identifiant et codes d’accès
Votre hébergeur vous a, après inscription et installation WordPresss, fourni par mail les informations suivantes.

L’accès à l’espace client :
Un identifiant et un mot de passe qui vous donnera accès à votre Espace Client dans lequel vous aurez accès aux codes FTP, BDD, phpMyAdmin et autres.

FTP :
Identifiant, mot de passe et protocole pour le FTP.
J’utilise FileZilla qui me donne accès aux dossiers et fichiers wordpress qui se trouvent en ligne.

Base de données :
Accessible depuis phpMyAdmin de votre hébergeur.

Nom de la BDD (DB name), utilisateur (DB user), mot de passe (DB password), le host (DB Host) adresse de la base de données et le préfixe des tables de données.
Vous trouverez également ces informations dans le fichier wp-config.php qui est situé à la racine du site.

Si le préfixe fourni ressemble à cela « wp_ » voyez avec votre hébergeur pour le changer par un plus compliqué composé de chiffres et de lettres.
Le préfixe « wp_ » est une porte ouverte aux malfaisants.
Sinon changer le vous-même avec phpMyAdmin de l’hébergeur, mais avant de le faire, chercher sur le web pour la méthode.
La base de données (BDD) regroupera la totalité de votre travail.
Il s’agira donc du contenu de votre site (articles, pages, images, vidéo, etc.).
 
Accès au site web en tant qu’administrateur :
Identifiant et mot de passe qui sont demandés lorsque vous voulez vous connecter au tableau de bord de WordPress pour administrer votre site.

Pour Info, je vous recommande très fortement de ne pas faire votre site directement en ligne, mais de le faire d’abord en LOCAL.
Lors de la création de votre site Local, vous utiliserez donc les mêmes noms de la BDD, du préfixe, de l’identifiant et mot de passe WordPress que ceux que vous a fourni votre hébergeur lors de la création du site en ligne vierge.
Cette façon de procéder simplifiera le transfert de votre site Local vers « en ligne ».

Retour Sommaire

Création d’un site web en Local.

En couleur, j’utilise les identifiants et codes d’accès du site en ligne que vous avez ouvert auprès d’un hébergeur.
Voir l’article sur « Création d’un site web en Ligne »

En noir, installation classique d’un site web en local.
Il vous faut un logiciel qui fera office d’hébergeur, « Wampserver ou autres ».

Pour Info : Vous pouvez créer autant de sites en local que vous avez besoin.
Il vous suffira d’un seul Wampserver et autant de WordPress que de sites en local
D’ailleurs j’ai créé un troisième site local nommé « Formation » qui me sert à manipuler les Blocs de WordPress.

Installation de Wampserver/Wordpress pour un serveur en local.

Installation de Wampserver 3.0 et +

(A) Pour moi, ce sera la version 64bits.
Aller sur le site de wampserver et télécharger la version 32 ou 64 bits en fonction de la version de votre Windows.
Lors de l’installation de wampserver, celui-ci vous signale en rouge des recommandations à appliquer strictement avant de continuer l’installation.
Donc ne chercher pas, cliquer sur tous les liens en bleus. Vous serez systématiquement dirigé vers le site Microsoft pour installer les Microsoft Visual C++ de différentes années.
Pour la version 32bits, télécharger et installer les packages X86.
Pour la version 64bits, télécharger et installer les packages X86 et X64.
Après avoir installé toutes les versions demandées de Visual C++, vous continuez l’installation de wampserver.
Accepter le répertoire d’installation proposé, n’en mettez pas un autre, cela ne sert à rien.
Wamp vous propose un navigateur (ie) par défaut, s’il ne convient pas, faites parcourir et choisissez en un autre.
Wamp vous propose un éditeur de texte (Bloc-note, wordpad), vous devez refuser et choisissez Notepad++ ou similaire, à installer au préalable si vous ne l’avez pas.
Cela sera plus facile pour vous lors de l’édition de fichiers php, conf, CSS, etc.
Lorsque tout sera installé, vous aurez un nouveau dossier nommé « wamp64 » pour un 64bits dans lequel vous trouverez un dossier www avec quelques fichiers php, ico et dossiers pour thème et langue.

(B) Après installation, lancer « Wampserver »
Si vous avez bien travaillé, et surtout bien appliqué les recommandations de wampserver, une icône en bas à droite passera du rouge à l’orange et au vert. Cela peut être long la première fois.
Cette icône peut être cachée, dans ce cas cliquer sur Λ en bas à droite.
Si l’icône reste à l’orange, clic gauche sur l’icône et Démarrer les services.
Si cela ne fonctionne pas, alors vous vous êtes loupé lors de l’installation.
Google devra être sollicité pour trouver de l’aide, via les forums.

(C) Vérification du bon fonctionnement de wampserver : clic gauche sur l’icône verte et clic sur Localhost.
Vous accédez à l’accueil (ou tableau de bord) avec la configuration du serveur, les versions, les outils et le lien vers vos projets qui est vide pour l’instant, ce qui est normal puisque vous n’avez pas installé WordPress pour votre futur site web. Il y a également d’autres liens que je n’utilise pas.

(D) Vérifier que la réécriture d’URL est activée, pour cela, clic gauche sur l’icône verte, Apache, Modules Apache et vérifier qu’une coche verte se trouve à coté de « rewrite_module ».
Sur Wampserver 2.5, cette ligne n’était pas activée par défaut.

D’autres manipulations sur Wampserver seront à faire pendant l’installation de WordPress (voir ci-dessous)

Création d’une base de données (BDD)

Wampserver activé.

Depuis icône verte, clic gauche et phpMyAdmin. Utilisateur : root - Le reste inchangé. Valider.
Ouverture d’une fenêtre. Clic sur base de données en haut à gauche et case « créer ».
Donner un nom qui peut être composé de chiffres et de lettres. Ne pas l’oublier. Clic sur Créer.
Donner le nom exact fourni par l’hébergeur si transfert en ligne par la suite. Très important.
Votre base est créée et elle est vide pour l’instant.
Des tables viendront s’ajouter lorsque WordPress sera installé.
Information : La BDD contiendra la totalité de votre travail. Il est donc primordial de la sauvegarder régulièrement.

Installation de WordPress en Local

Information :
Wordpress ne s’installe pas comme un logiciel, il n’est donc pas intégré dans la base de registre de windows et n’apparaît donc pas dans « Programmes et fonctionnalités » du panneau de configuration.
Pour désinstaller WordPress, il suffira donc de supprimer le répertoire.

Wampserver activé.

Télécharger le fichier Zip de WordPress, la dernière version.
Décompresser tous les fichiers dans le dossier www de Wamp64.
Renommer le dossier WordPress avec le nom qui vous convient, par exemple « mon-site ».
Ce nom apparaitra dans « Vos Projets » au tableau de bord de Wampserver.

Vous avez donc : wamp64/www/mon-site/ et les dossiers suivant : wp-includes – wp-content – wp-admin et des fichiers en php.
Information : wp-content est le répertoire le plus important de votre site. Il contiendra la totalité des plugins et le thème du site.
Il est donc primordial de sauvegarder ce répertoire régulièrement.

Manipulation à faire sur Wampserver pour continuer l’installation de WordPress
et accéder ainsi aux deux tableaux de configuration de WordPress.

Clic droit sur icône verte de Wamp puis Paramètres Wamp.

(1) Activer « Ajouter localhost dans l’url ».
Cela vous permettra de lancer votre site local directement depuis le tableau de bord via le lien « Vos Projets »

(2) Si vous ne voulez pas activer « Ajouter localhost dans l’url » et si le tableau de bord ne vous sert à rien, renommer le fichier « index.php » qui se trouve dans le dossier www. Exemple : index.php.old.
Le tableau de bord n’apparaitra plus.
A la place vous aurez un index avec des liens vers vos dossiers et divers fichiers.

Si vous appliquez l’un des deux cas, votre site en local se lancera sur « localhost/mon-site/ »

Si vous ne faites rien, votre site en local se lancera sur « http ://mon-site » et vous aurez cette erreur :
Hum, nous ne parvenons pas à trouver ce site.

Pour y remédier, je suppose qu’il faut paramétrer « VirtualHost » Voir clic gauche icône verte et « Gestion VirtualHost » mais je ne me suis pas du tout penché sur ce sujet. Tout ce qui suit sera en « localhost ».

Pour en savoir plus sur les erreurs et autres, faite un tour ici :
https://openclassrooms.com/forum/sujet/wamp-acces-a-vos-projets-impossible
https://zestedesavoir.com/tutoriels/612/wamp-developper-avec-php-ajax-html-sous-windows/

Pour finir l’installation de WordPress

Clic gauche sur icône verte de Wamp et clic sur « localhost »

Cas (1) : Vous accédez au tableau de bord et dans « Vos Projet » apparaît « mon-site » : Clic sur « mon-site ».

Cas (2) : Vous accédez à un index avec le dossier « mon-site » : Clic sur « mon-site ».

Vous pouvez également, si vous ne voulez pas passer par les cas 1 et 2 de Wampserver (mais il doit rester activé), taper dans le navigateur (mozilla, IE, edge, chrome, etc.) la ligne de commande suivante :
localhost/mon-site/wp-admin/setup-config.php

Lancement de wordpress et vous arrivez sur un tableau explicatif donnant les informations nécessaires pour compléter les deux tableaux suivant.

Pour la suite, appliquer :

Les caractères noirs pour un site Local classique.
Les caractères violets pour un site local qui sera transféré par la suite en ligne.
 
Tableau 1 : Pour la liaison entre WordPress et la BDD et accéder à phpMyAdmin.

  1. Nom de la base de données :
    1. Nom identique à celui que vous avez créée avec phpMyAdmin. Voir ci-dessus ou Nom identique à celui fourni par l’hébergeur.
    2. Nom d’utilisateur MySQL : root - sera demandé lors de la connexion à phpMyAdmin de wampserver.
  2. Mot de passe de l’utilisateur : supprimer « mot de passe » La Case doit être vide.
  3. Adresse de la base de données : localhost
  4. Préfixe de table :
    1. Celui qui est proposé par WordPress : wp_ ou celui fourni par l’hébergeur.

Tableau 1 : Toutes ces informations se retrouveront dans le fichier « wp-config.php » que vous trouverez dans wamp64/www/mon-site/ pour un site local et dans la racine de votre site en ligne.
Valider pour passer au second tableau et clic sur « Lancer l’installation »

Tableau 2 : Pour se connecter au tableau de bord de WordPress.

  1. Titre du site : Nom qui vous convient, « mon-site » par exemple. Il s’affichera dans le tableau de bord de WordPress.
  2. Identifiant : Un simple ou Celui fourni par l’hébergeur qui a installé WordPress. 8 caractères en minus, majus, chiffres, spéciaux.
  3. MDP : Un simple ou Celui fourni par l’hébergeur qui a installé WordPress. 8 caractères en minus, majus, chiffres, spéciaux.
  4. Adresse Mail : Mettre une adresse valide.
  5. Ne pas Cocher la case « moteurs de recherche

Tableau 2 : Toutes ces informations se retrouveront dans les tables de la BDD qui seront accessibles depuis phpMyAdmin de Wampserver ou de l’hébergeur.

  1. Si vous vous êtes trompé lors du remplissage tableau 1 ou 2, supprimer le fichier wp-config.php que vous trouverez dans wamp64/www/mon-site/ et recommencer la procédure.
  2. Si vous avez bien travaillé, WordPress signale qu’il a reconnu la base de données et il vous félicite.
  3. A l’installation de WordPress, des tables de la base de données seront complétées.
  4. Vérification. Clic gauche sur icône verte de Wamp, localhost, vos projets et « mon-site ».
  5. Vous arrivez à la page d’accueil de wordpress. Chercher après Méta « Connexion » et cliquer dessus.
  6. Remplissez sans vous trompez la case « Identifiant » et « Mot de passe » avec ceux du deuxième tableau ci-dessus.
  7. Vous arrivez au tableau de bord de WordPress et c’est à partir de ce tableau que vous allez concevoir votre site.
  8. Le titre de votre site apparaitra en haut à gauche du tableau de bord de WordPress.
  9. A partir de cet instant, WordPress a installé plusieurs tables dans votre base de données qui est accessible via Wampserver et phpMyAdmin. Aller vérifier.
  10. Vous n’avez plus qu’à créer votre site en utilisant les didacticiels sur le web.
  11. Lors de la création du site, toutes les informations (pages, articles, images, extensions, etc.) seront inscrites dans les tables de la base de données qui sera donc le contenu qu’il faudra sauvegarder régulièrement.
  12. La base de données est votre travail et comme tout travail, il est précieux.

Au Final

Vous avez un site local et un futur site en ligne ayant :
Le même Nom de la base de données (tableau 1)
Le même préfixe (tableau 1)
Les mêmes codes d’accès au tableau de bord de WordPress (tableau 2)

Mais vous n’avez pas les mêmes codes d’accès à phpMyAdmin afin d’administrer la base de données (tableau 1)
Cela est normal.
De même, le fichier « wp-config.php » sera différent du site local et du site en ligne.

En Local, il n’y a pas vraiment nécessité à protéger l’accès à cette base sachant que vous êtes chez vous et en Localhost.
Donc accès à phpMyAdmin de Wampserver avec « root » et pas de mot de passe (tableau 1)

En Ligne, c’est l’hébergeur qui vous imposes un accès protégé et il faut impérativement le respecter.
Donc accès à phpMyAdmin de l’hébergeur avec les codes « utilisateur » et « mot de passe » qu’il vous a fourni.
Pour ces codes, voir votre « Espace Client » chez l’hébergeur ou le mail qu’il vous a transmis
Sinon aller sur votre site en ligne avec filezilla et ouvrez le fichier wp-config.php qui se trouve à la racine de WordPress. Vous trouverez la totalité des infos du tableau 1.

Retour Sommaire

Transfert de votre site local vers un site en ligne

Je vous recommande d’avoir plusieurs sauvegardes de votre base de données local dont une dans un dossier « Sauvegarde » sur DD.
Je vous recommande de sauvegarder au moins deux fois le dossier wp-content de votre site local dont un dans un dossier « Sauvegarde » sur DD.

Après avoir appliqué les articles suivants :
Création d’un site web en ligne
Création d’un site web en Local
Installation de Wampserver/Wordpress pour un serveur en local et terminé votre site local

Après avoir installé un thème gratuit ou payant dans WordPress et concocté un magnifique site, il est peut-être temps pour vous de le mettre en ligne.

Donc vous aurez aussi bien en local qu’en ligne les mêmes codes d’accès pour la BDD, le préfixe, l’identifiant et le mot de passe donnant accès au tableau de bord de WordPress de votre site

C’est à partir de cet instant que votre nom de domaine sera utilisé.

Vérifier chez votre hébergeur que le certificat SSL est activé (si vous en avez un) afin d’avoir du « https:// ».
Voir l’article sur « Création d’un web en ligne »
S’il n’est pas activé, activé le depuis l’espace client de votre hébergeur.
Pour vérifier l’activation du certificat SSL : https://www.ssllabs.com/
Les réponses obtenues doivent être en vert.
Si vous n’en avait pas, ce n’est pas dramatique. J’explique les deux cas.

Avant de transférer votre site Local en Ligne, il faut le préparer pour qu’il soit compris par le wordpress de votre hébergeur.
Pour cela, j’utilise le logiciel libre « Search and Replace DB» qui remplacera les Url du site local en Url pour site en ligne.
En local, les Url sont en « localhost » et en ligne, soit en http:// soit en https://.
Voir le lien pour télécharger le logiciel et lire la doc.
https://www.wpserveur.net/changer-vos-liens-facilement-avec-srdb/

Utilisation de Search and Replace DB (local vers ligne)
Pour Info : j'explique dans un autre article, l'utilisation de SRDB pour le transfert d'un site en ligne vers un site local.

Créer un dossier « SRDB » par exemple dans la racine de votre site local ou se trouve wp-admin, wp-content, etc et décompresser Search and Replace DB dans le dossier « SRDB ».

  1. Wampserver/phpMyAdmin : Sauvegarder la BDD du site local dans un dossier « Sauvegarde » sur votre Ordinateur.
  2. phpMyAdmin de votre hébergeur : Connectez-vous à votre « Espace client Hébergeur » et accéder à phpMyAdmin avec les codes fournis par l’hébergeur. Cliquer sur la base de données qui possède le même nom que celle créé avec wampserver (voir Article Création d’une base de données (BDD)) et supprimer toutes les tables qui se trouvent à droite, s’il y en a.
    Sur la gauche il ne doit rester que le nom de la base de données. Cliquer sur celle-ci et Cliquer à droite sur importer une base de donnée, case parcourir et choisir la BDD qui se trouve dans le dossier « Sauvegarde » de votre DD. Valider.
  3. Filezilla : Connectez-vous à votre site en ligne avec les codes fournis par l’hébergeur.A gauche les dossiers de votre DD et à droite les dossiers de votre site.
    A droite (site en ligne), rechercher et supprimer le dossier wp-content.
    A gauche (site en local), copier/coller les dossiers « wp-content et SRDB » dans la racine de votre site en ligne.
  4. Depuis le navigateur Mozilla ou autres, lancer la commande suivante : http://www.mon-site.fr/SRDB
  5. Dans le champ « replace » indiquer le mot ou url à remplacer. Voir exemples ci-dessous
  6. Dans le champ « replace with » indiquer le mot ou url qui remplacera. Voir exemples ci-dessous
  7. Cliquer sur « Dry run » pour voir si cela fonctionne correctement
  8. Cliquer sur « Delete me » pour supprimer le dossier « SRDB » contenant le script. Impératif.

EXEMPLES

Certificat SSL de l’hébergeur installé : site en ligne en https
Pour vérifier l’activation du certificat SSL : https://www.ssllabs.com/
Faire toujours le (1) en premier et le (2) si nécessaire.

(1) - Vérifier en recherchant avec » Dry run » s’il y a des URL en http://localhost/mon-site. S’il y en a :
Replace : http://localhost/mon-site Ne pas mettre / à la fin de mon-site.
Replace with : https://nom-de-domaine.fr Ne pas mettre / à la fin de nom-de-domaine.

(2) - Vérifier en recherchant avec » Dry run » s’il y a des erreurs d’URL. Cela peut arriver.
Bien Regarder s’il est pertinent de les modifier.
Par exemple : localhost/mon-site ou www.mon-site ou http://www.mon-site ou http://mon-site ou mon-site, s’il y en a :
Replace : chaque erreur ci-dessus et une par une Ne pas mettre / à la fin
Replace with : https://nom-de-domaine.fr Ne pas mettre / à la fin de nom-de-domaine.

Certificat SSL de l’hébergeur absent ou non installé : site en ligne en http
Faire toujours le (1) en premier et le (2) si nécessaire.

(1) – Vérifier en recherchant avec » Dry run » s’il y a des URL en localhost/mon-site. S’il y en a :
Replace : localhost/mon-site Ne pas mettre / à la fin de mon-site.
Replace with : nom-de-domaine.fr Ne pas mettre / à la fin de nom-de-domaine.fr
Un site créé en Local est toujours en http://, donc il est important de ne pas le mettre dans « replace with »

(2) - Vérifier en recherchant avec » Dry run » s’il y a des erreurs d’URL. Cela peut arriver.
Bien Regarder s’il est pertinent de les modifier.
Par exemple : www.mon-site ou http://www.mon-site ou ou http://mon-site ou mon-site, s’il y en a :
Replace : chaque erreur ci-dessus et une par une Ne pas mettre / à la fin
Replace with : http://nom-de-domaine.fr Ne pas mettre / à la fin de nom-de-domaine.fr

C’est fini. Votre site en ligne possède maintenant tout le contenu fourni par la BDD et le dossier wp-content.
Quitter votre hébergeur, fermer Wampserver et Filezilla.
Dans votre navigateur, vous tapez votre nom de domaine.fr et si tout est ok, votre site s’ouvrira.

Cas possible mais peu probable :

Pour le https:// : si votre site s’affiche en http:// il faudra peut-être effectuer des redirections d’URL.
Voir l’article sur Passer son site qui est en ligne en HTTPS en modifiant le fichier .htaccess.
Pour vérifier les redirections : https://www.linksspy.com/seo-tools/free-seo-ssl-scan/new
Réponses doivent être en vert.

Retour Sommaire

Transfert de votre site en Ligne vers un site local

Vous n’avez pas de serveur local

Vous avez eu la folie de faire votre site uniquement en ligne et maintenant vous vous rendez compte qu’il serait temps de l’avoir en local.
Il faudra donc avoir un hébergeur local (Wampserver ou autres) et WordPress.

Faites une mise à jour de votre site en ligne (wordpress et extensions) si nécessaire.

Avec Filezilla ou autres, depuis le site en ligne, sauvegarder le dossier « wp-content » sur votre DD dans un dossier « Sauvegarde »

Avec phpMyAdmin de l’hébergeur, sauvegarder la base de données dans le dossier « Sauvegarde » de votre DD ou avec WordPress depuis le tableau de bord, avec une extension de sauvegarde que vous avez peut-être installée à cet effet.
Il est Impératif de noter le nom de la base de données.

Installation de WAMPSERVER et de WordPress.

Voir cet article : Installation de Wampserver/Wordpress pour un serveur en local.
Dans la partie : Création d’une base de données (BDD), vous devez donner le même nom que celui que vous avez notez lors de la sauvegarde de la BDD.
Dans la partie : Pour finir l’installation de WordPress :
Tableau 1 : appliquer les caractères violets pour les points 1 et 5 (Nom BDD et Préfixe)
Tableau 2 : appliquer les caractères noirs.
Arrêtez au point 7 du tableau 2.

Installation de la BDD.

Depuis Wamp/PhpMyAdmin/base de données, cliquer à gauche sur la base de données vide qui possède le même nom que celui de la BDD de votre hébergeur et supprimer toutes les tables qui se trouvent à droite, s’il y en a.
Sur la gauche il ne doit rester que le nom de la base de données. Cliquer sur celle-ci et Cliquer à droite sur importer une base de donnée, case parcourir et choisir la BDD qui se trouve dans le dossier « Sauvegarde » de votre DD. Valider.
La BDD reprend en totalité le site en ligne avec identifiant et MDP.

Installation du dossier wp-content.

Aller sur le dossier WordPress du site local et supprimer le dossier wp-content.
Aller sur le dossier « Sauvegarde », copier le dossier wp-content et coller le dans wordpress à la place de celui que vous venez de supprimer.
En résumé, il y a, après toutes ces manipulations, un site local sur votre ordinateur avec un wordpress neuf, sauf le dossier wp-content qui contient les fichiers du site en ligne et dans Wamp, la base de données du site en ligne.

Utilisation de Search and Replace DB (ligne vers local)
Pour Info : j'explique dans un autre article, l'utilisation de SRDB pour le transfert d'un site local vers un site en ligne.

Le terme « mon-site » correspond au nom du dossier ou vous avez installé votre site sur WordPress.
Voir le lien pour télécharger le logiciel et lire la doc.
https://www.wpserveur.net/changer-vos-liens-facilement-avec-srdb/

Créer un dossier « SRDB » par exemple dans la racine de votre site local ou se trouve wp-admin, wp-content, etc et décompresser Search and Replace DB dans le dossier « SRDB ».

  1. Depuis le navigateur Mozilla ou autres, lancer la commande suivante : localhost/mon-site/SRDB
  2. Dans le champ « replace » indiquer le mot ou url à remplacer. Voir ci-dessous
  3. Dans le champ « replace with » indiquer le mot ou url qui remplacera. Voir ci-dessous
  4. Cliquer sur « Dry run » pour voir si cela fonctionne correctement
  5. Cliquer sur « live run » pour tout remplacer
  6. Cliquer sur « Delete me » pour supprimer le dossier « SRDB » contenant le script.

Le site en ligne est en https
Le terme « nom-de-domaine.fr » correspond au nom de domaine du site en ligne.

(1) - Vérifier en recherchant avec » Dry run » s’il y a des URL en https://nom-de-domaine.fr
Replace : https://nom-de-domaine.fr   Ne pas mettre / à la fin de nom-de-domaine.
Replace with : http://localhost/mon-site  Ne pas mettre / à la fin de mon-site

(2) - Vérifier en recherchant avec » Dry run » s’il y a des URL en https://www.nom-de-domaine.fr
Replace : https://www.nom-de-domaine.fr Ne pas mettre / à fin de nom-de-domaine.
Replace with : http://localhost/mon-site Ne pas mettre / à là la fin de mon-site.
 
Le site en ligne est en http

(1) – Vérifier en recherchant avec » Dry run » s’il y a des URL en http://nom-de-domaine.fr
Replace : nom-de-domaine.fr  Ne pas mettre / à la fin de nom-de-domaine.fr
Replace with : localhost/mon-site Ne pas mettre / à la fin de mon-site.
Un site créé en Local est toujours en http://, donc inutile de le signaler dans le cas ci-dessus.

(2) - Vérifier en recherchant avec » Dry run » s’il y a des URL en :
www. nom-de-domaine.fr ou http://www.nom-de-domaine.fr
Replace : chaque terme ci-dessus et une par une. Ne pas mettre / à la fin de nom-de-domaine.fr
Replace with : localhost/mon-site Ne pas mettre / à la fin de mon-site

Le site local est désormais une copie exacte du site en ligne.

Lancer le site local et pour se connecter en mode administration, il faut mettre en identifiant et mot de passe, qui sont ceux utilisés lors de la connexion au site en ligne.

Retour Sommaire

Installation d'un deuxième site Local
Pour migrer un deuxième site en ligne vers un site local.

Vous gérez deux sites en ligne et vous désirez les gérer en local avec un seul Wampserver.

La Solution la plus simple, à mon avis,  afin de gérer un deuxième site local est de passer par l’installation d’un deuxième WordPress. Il existe d’autres solutions mais je ne me suis pas penché sur celles-ci.

Cet article est un condensé de «Création d’un site web en Local»  pour créer un second site local et un condensé de «Transfert de votre site en ligne vers un site Local»

Voir article « Création d’un site web en local »
Ne pas appliquer la partie « Installation de Wampserver/Wordpress pour un serveur local »
Cette partie étant déjà faite avec la création du premier serveur Local.

1- Appliquer  « Création d’une base de données »
Avec Wamp/PhpMyAdmin, créer une BDD vide avec le même nom que celle de votre site en ligne que vous allez migrer en local.

2- Appliquer « Installation de WordPress en Local »
Télécharger la dernière version Zip de WordPress depuis le site https://fr.wordpress.org/download/
Décompresser dans www et renommer le dossier.
Dans ce dossier, vous installerez par la suite un dossier SRDB et vous supprimerez « wp-content » qui sera remplacé par celui de votre site en ligne. Voir « 6 et 7 ».

Ne pas appliquer la partie  « Manipulation à faire sur Wampserver »
Cette partie étant déjà faite avec la création du premier serveur Local.

3- Finir l’installation de WordPress
Clic gauche sur l’icône verte de Wamp, clic sur « localhost »
Un tableau apparait avec vos projets et le nom du dossier de votre site.
Cliquer sur ce dossier.
Lancement de l’installation final de WordPress
Appliquer le tableau 1 en totalité et le tableau 2 jusqu’au point 7 pour vérification.

4- Lorsque WordPress est complètement  installé, celui-ci insère des tables dans la BDD.
Supprimer depuis Wamp/PhpMyAdmin toutes les tables de données de la BDD (à droite) que vous avez installé en « 1 »
Il ne doit rester à gauche que le nom de la BDD
En supprimant les tables vident de la BDD créées en (1) on élimine les erreurs (Pga) qui interdisent l'importation.

Voir article «Transfert de votre site en ligne vers un site Local»
Faite une mise à jour de votre site ligne (WordPress et les extensions)
Depuis votre Hébergeur/phpMyAdmin, exporter la BDD du site en ligne sur DD et importer celle-ci depuis Wamp/PhpMyAdmin/base de données en choisissant la nouvelle BDD vide qui a le même nom.

5- Avec FileZilla ou autres, depuis le site en ligne, sauvegarder sur votre DD le dossier « wp-content »

6- Avec l’explorateur de fichier, supprimer le dossier « wp-content » du « 2 » ci-dessus

7- Copier le dossier « wp-content » du « 5 » et coller le dans le dossier du « 2 ».
 
8- Avec l’explorateur de fichier, créer un Dossier SRDB dans le dossier du « 2 » et installer SRDB avec le fichier téléchargé depuis le lien ci-dessous.
https://www.wpserveur.net/docs/wordpress/changer-vos-liens-facilement-avec-srdb/

9- Appliquer l’article « Utilisation de Search and Replace DB (Site ligne vers Site local)»

Au Final, vous avez un deuxième site local identique au site en ligne.
Il se lance depuis Wampserver.
Cette procédure n’est valable que si vous avez peu de site à gérer.
En effet, il faut régulièrement faire les mises à jour des deux WordPress.

Retour Sommaire

Mise à jour du site local suite à des modifications sur le site en ligne.

(1) File Zilla : télécharger sur le DD le dossier wp-content du site en ligne.
Supprimer le dossier wp-content de votre site local et remplacer le par celui qui était en ligne et que vous avez téléchargé avec fileZilla (1)

(2) Wamp – PhpMyAdmin : supprimer à droite toutes les tables de la BDD du site local, ou supprimer la BDD et en créer une autre avec le même nom que la BDD du site en ligne. Cette BDD sera donc totalement vide.

(3) Hébergeur/phpMyAdmin, exporter la BDD du site en ligne et la sauvegarder sur le DD.

Wamp – PhpMyAdmin : (2) Cliquer sur la BDD vide et importer la BDD que vous venez de sauvegarder sur le DD (3)

Pour le reste, voir dans l'article "Transfert de votre site en Ligne vers un site local", la partie "Utilisation de Search and Replace DB"

Retour Sommaire

Passer son site qui est en ligne en HTTPS

Vous avez déjà un site en ligne, mais il est en « http:// »
Il est impératif, avant de commencer, de sauvegarder sur DD local la totalité du site en ligne ainsi que la base de données.

Ce mémo personnalisé et simplifié est concocté avec des extraits d’articles importés du web, notamment de wpmarmite.
Ci-dessous deux liens qui en parle et ils sont très complets, voir pointus.
Je vous recommande très fortement de les lire.
https://wpmarmite.com/wordpress-https/
https://wpformation.com/wordpress-http-https/
De même il est très important de voir chez l’hébergeur si un tuto n’existe pas.
Chaque hébergeur peut avoir des règles à respecter pour passer en https.

Certificat SSL :
Pour passer son site en Https, il vous faut un certificat SSL fourni par votre hébergeur et activé.
S’il n’est pas activé, aller sur votre espace personnel de votre hébergeur, trouver le certificat SSL et activer le.
Attention, pour certain hébergeur, il faut acheter ce certificat ou alors passer par Let’sEncrypt
Pour vérifier l’activation du certificat SSL : https://www.ssllabs.com/
Ci-dessous les points à appliquer dans l’ordre indiqué.

Fichier .htaccess et Redirections URL.
Accéder à votre site en ligne avec Filezilla ou autres avec les codes d’accès fournis par votre hébergeur.
Depuis le répertoire racine du site en ligne, copier/coller ou glisser/déposer le fichier .htaccess dans un dossier « Sauvegarde » de votre disque dur
Ouvrez ce fichier avec votre éditeur de code (Notepad++ ou autres) et laissez-le ouvert.

(A) - Votre site actuel fonctionne soit avec l’adresse http, soit avec www, soit avec les deux et vous voulez que tout soit redirigé vers une adresse unique en https://
Ci-dessous : le terme « monsite.com » est à remplacer par votre nom de domaine.com ou fr ou autres.

Copier ces lignes ci-dessous et coller les dans le .htaccess après le dernier</IfModule> et avant # END WordPress

# Redirection vers HTTPS
<IfModulemod_rewrite.c>
RewriteCond %{SERVER_PORT} ^80$ [OR]
RewriteCond %{HTTPS} =off
RewriteRule^(.*)$ https://monsite.com/$1 [R=301,L]
</IfModule>
# Redirection du www vers non-www en HTTPS
<IfModulemod_rewrite.c>
RewriteCond %{HTTP_HOST} ^www\.monsite\.com [NC]
RewriteRule^(.*)$ https://monsite.com/$1 [R=301,L]
</IfModule>

(B) - Votre site actuel fonctionne soit avec l’adresse http, soit avec www, soit avec les deux et vous voulez que tout soit redirigé vers une adresse unique en https://www

Copier ces lignes ci-dessous et coller les dans le .htaccess entre la dernière ligne et # END WordPress

# Redirection vers HTTPS
<IfModulemod_rewrite.c>
RewriteCond %{SERVER_PORT} ^80$ [OR]
RewriteCond %{HTTPS} =off
RewriteRule^(.*)$ https://www.monsite.com/$1 [R=301,L]
</IfModule>
# Redirection du non-www vers www en HTTPS
<IfModulemod_rewrite.c>
RewriteCond %{HTTP_HOST} ^monsite.com [NC]
RewriteRule^(.*)$ https://www.monsite.com/$1 [R=301,L]
</IfModule>

Enregistrer les modifications du fichier .htaccess et copier/coller ou glisser/déposer ce fichier dans le répertoire racine de votre site en ligne avec filezilla ou autres en écrasant celui existant.

Aller ensuite sur ce site : https://www.linksspy.com/seo-tools/free-seo-ssl-scan/new
Inscrivez le nom de domaine de votre site en ligne et valider. Si toutes les redirections sont bien configurées, les réponses à votre requête seront en vert. Il y en aura 4. Deux pour https et 2 pour http.

Remplacer les URL qui sont en http :

1. Hébergeur/phpMyAdmin : Si cela n’est pas encore fait
Sauvegarder la BDD du site en ligne dans un dossier « Sauvegarde » sur votre Ordinateur.
Connectez-vous à votre « Espace client Hébergeur » et accéder à phpMyAdmin avec les codes fournis par l’hébergeur. Cliquer sur la base de données à gauche et cliquer à droite sur exporter une base de donnée.
Mettez celle-ci dans le dossier « Sauvegarde » du DD local.

2. FileZilla : Si cela n’est pas encore fait
Sauvegarder la totalité du site en ligne dans un dossier « Sauvegarde » sur votre Ordinateur.

3. Utilisation de Search and Replace DB.
Ce logiciel respecte la casse (sérialité) de l’URL du site et voici le lien pour télécharger le logiciel et lire la doc.
https://www.wpserveur.net/changer-vos-liens-facilement-avec-srdb/
Décompresser le fichier télécharger sur votre disque dur dans un dossier « Sauvegarde ».
Filezilla ou autres : créer un dossier « SRDB » (par exemple) dans la racine de votre site en ligne ou se trouve
wp-admin, etc et copier/coller les fichiers du dossier « Sauvegarde » vers le dossier « SRDB ».

4. Depuis le navigateur Mozilla ou autres, lancer la commande suivante : http://www.nom de domaine.fr/SRDB ou
http://nom de domaine.fr/SRDB
Vous arrivez directement à la page de configuration de Search and Replace DB.

5. Dans le champ « replace » indiquer le mot ou url à remplacer. Voir ci-dessous

6. Dans le champ « replace with » indiquer le mot ou url qui remplacera. Voir ci-dessous

7. Cliquer sur « Dry run » pour voir si cela fonctionne correctement

8. Cliquer sur « live run » pour tout remplacer

9. Cliquer sur « Delete me » pour supprimer le dossier « SRDB » contenant le script. Impératif.

Remplacer pour tout mettre en https://

(1) -Vérifier en recherchant avec » Dry run » s’il y a des URL en http://nom de domaine.fr. S’il y en a :
Replace : http://nom de domaine.fr  Ne pas mettre / à la fin
Replace with : https://nom de domaine.fNe pas mettre / à la fin

(2) - Vérifier en recherchant avec » Dry run » s’il y a des URL en http://www.nom de domaine.fr. S’il y en a :
Replace : http://www.nom de domaine.fr  Ne pas mettre / à la fin
Replace with : https://nom de domaine.fr  Ne pas mettre / à la fin

Remplacer pour tout mettre en https://www.

(1) -Vérifier en recherchant avec » Dry run » s’il y a des URL en http://nom de domaine.fr. S’il y en a :
Replace : http://nom de domaine.fr  Ne pas mettre / à la fin
Replace with : https://www.nom de domaine.fr  Ne pas mettre / à la fin

(2) - Vérifier en recherchant avec » Dry run » s’il y a des URL en http://www.nom de domaine.fr. S’il y en a :
Replace : http://www.nom de domaine.fr  Ne pas mettre / à la fin
Replace with : https://www.nom de domaine.fr  Ne pas mettre / à la fin

Une fois l’exécution du script terminé, tous les liens insérés dans vos articles, pages, menus et dans les réglages du site seront désormais en HTTPS.
Pour vous en convaincre, connectez-vous à votre site et allez dans Réglages > Général. Vous devriez voir que les adresses ont été mises à jour.

Mise à jour du WP-ADMIN (administration) :

Si après connexion à l’administration ou tableau de bord (dashboard) le https n’apparaît pas dans la barre du navigateur.
Aller voir l’article de https://wpmarmite.com/wordpress-https/

Vérifier les ressources chargées par le thème

Parfois, il arrive que le thème charge toujours des fichiers (CSS, JS ou autre) en HTTP au lieu de HTTPS.
On appelle ça les contenus mixtes (mixed content en anglais).
Cadenas Vert/orange et point d’interrogation à gauche de votre nom de domaine dans la barre du navigateur (ex:Mozilla)
Voir l’article de https://wpmarmite.com/wordpress-https/

Modifier les applications et extensions annexes

Mettre à jour Google

Il y a de très fortes chances pour que vous utilisiez des applications Google pour suivre la vie du site ou autres.
Il est donc nécessaire de tout mettre à jour.
Je vous indique ci-dessous mes modifications que j’ai dû faire lors du passage en https://.
Il y en a certainement d’autres et notamment celles qui touchent au Référencement « SEO ».

Google Search Console

Il n’y a pas de modification possible.
Vous devez créer une nouvelle propriété en https://
Celle en http:// sera à supprimer plus tard quand la prise en compte du https:// sera totale par Google.

Google Analytics

Aller sur Google Analytics
Vous arrivez au tableau « Accueil », ensuite tout en bas à gauche sur « Administration »
Vous arrivez sur un tableau à trois colonnes, Compte, Propriété et Vue.
Colonne « Propriété », cliquer sur « Paramètres de la propriété »
A « URL par défaut » mettez « https:// » en utilisant le curseur.

API de Google ou autres.

N’intervenir que si la synchronisation ne fonctionne plus.
Certaines extension ou plugins de votre site utilisent peut-être des clés obtenues depuis une API de Google.
Ces clés pointent très souvent sur le nom de domaine de votre site.
Donc ne pas oublier de revoir ces API ainsi que les clés et de les synchroniser.
Exemple :
Extension WordPress pour prendre des rendez-vous depuis le site avec une synchronisation entre cette extension et l’Agenda de Google, iCal, Twilo SMS, PayPal, WooCommerce, etc.

Le Sitemap

La dernière version de WordPress intègre désormais un sitemap qui est mis à jour automatiquement.
Sinon il y a des plugins pour créer et gérer un sitemap.

Mettre à jour le fichier robots.txt

Editer le fichier « robot.txt » qui se trouve à la racine du site et ajouter un « s » à http si nécessaire.

Le RGPD

Le Règlement Général sur la Protection des Données.
Vous utilisez certainement une extension donnant aux internautes la possibilité d’accepter ou de refuser les cookies.
Il s’agit maintenant d’une obligation.
Certaines extensions suivent le choix des internautes afin d’en faire des statistiques qui sont disponibles au webmaster depuis son compte.
Depuis ce compte, il faut vérifier et modifier si nécessaire l’URL de votre site.

Retour Sommaire