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)

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

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 ».

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

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