M3202 – TD #1

DĂ©veloppement web S3


Installer WordPress

Vous avez besoin de

  • PHP ≥ 7.3
  • MySQL ≥ 5.6 ou MariaDB ≥ 10.1
  • Nginx ou Apache avec le module mod_rewrite
  • Prise en charge du HTTPS

Si vous travaillez sur un serveur, vous pouvez demander.

En local, on va utiliser XAMPP.

Version courte

  1. Télécharger et décompresser WordPress
  2. Créer une base de données MySQL pour WordPress
  3. Déposer les fichiers de WordPress à l'emplacement désiré
  4. Aller sur le site avec le navigateur web et suivre les instructions

Version longue

  1. Télécharger WordPress et le décompresser
  2. Lancer XAMPP et démarrer Apache et MySQL
  3. Créer une base de données pour WordPress :
    • aller sur phpMyAdmin (localhost/phpmyadmin/)
    • cliquer sur Nouvelle base de donnĂ©es
    • choisir un nom pour la base de donnĂ©es (wordpress, par exemple)
    • choisir l'encodage utf8mb4_general_ci
    • cliquer sur CrĂ©er
  1. Déposer les fichiers de WordPress à l'emplacement désiré
    • sur XAMPP, cliquer sur Explorer
    • aller sur le dossier htdocs/
    • crĂ©er un dossier pour le site web (m3202-wp/, par exemple)
    • dĂ©poser le contenu (wp-admin/, wp-content/, ...) dedans
  1. Aller sur le site avec le navigateur web (localhost/m3202-wp) et suivre les instructions :
    • Identifiant : 'root' ; mot de passe : '' (vide). Laisser les reste par dĂ©faut et valider
    • Remplir le reste

Exercice #1

Installer un thème

Les thèmes officiels de WordPress se trouvent sur wordpress.org/themes/.

Pour choisir un thème, faites attention a la date de la dernière mise à jour, le nombre d'installations, la compatibilité avec votre version de Wordpress et les notes.

Installation automatique

Dans le back-office, aller sur Apparence/Thèmes/Ajouter et choisir le thème.

Pourtant, ça ne marche pas toujours.

Installation manuelle

  1. Télécharger et décompresser le thème
  2. DĂ©poser le dossier dans wp-content/themes/

Exercice #2

Installer une extension

Extensions officielles : wordpress.org/plugins/.

L'installation d'une extension est similaire : mêmes consignes, mêmes problèmes.

Installation automatique

Dans le back-office, aller sur Extensions/Ajouter et choisir l'extension.

Pourtant, ça ne marche pas toujours.

Installation manuelle

  1. Télécharger et décompresser l'extension
  2. DĂ©poser le dossier dans wp-content/plugins/

Exercice #3

Sauvegarder/restaurer un site web avec WordPress

Le sauvegardes et restaurations sont la seule façon de récupérer votre site web après une faille.

Faites toujours une sauvegarde avant de changer ou mettre à jour un thème ou extension !

Sauvegarder

  1. Copier et compresser le dossier racine du site web
  2. Exporter la base de données :
    • Aller sur phpMyAdmin et cliquer sur la base de donnĂ©es associĂ©e au site web
    • Cliquer sur Exporter
    • Choisir Rapide, n'afficher...
    • Cliquer sur ExĂ©cuter

Vous avez un dossier compressé et un fichier SQL

Exercice #4

Restaurer

  1. Remplacer l'ancien dossier racine du site web par le dossier sauvegardé
  2. Importer la base de données :
    • Aller sur phpMyAdmin et cliquer sur la base de donnĂ©es associĂ©e au site web
    • Cliquer sur Importer
    • SĂ©lectionner le fichier avec extension sql contenant la base de donnĂ©es
    • Cliquer sur ExĂ©cuter

Exercice #5

Mettre un site web en ligne

Quand on fait un site web avec WordPress, on commence toujours en local et on le met après en ligne, sur un serveur web.

Cette migration est un point faible de WordPress, il faut faire plusieurs manipulations.

Migration manuelle

  1. Exporter le site web (en local)
  2. L'importer sur le serveur web (rappel)
  3. Modifier le fichier wp-config.php (sur le serveur) pour changer les informations de la nouvelle base de données :
    • define( 'DB_NAME', 'nom-bdd' );
    • define( 'DB_USER', 'identifiant' );
    • define( 'DB_PASSWORD', 'mot-de-passe' );
  1. Sur phpMyAdmin, modifier la valeur de siteurl dans la table wp_options pour mettre la nouvelle URL dans le serveur.
  2. Pareil pour la valeur de home
  3. Aller dans le back-office du site web, dans Réglages/Général, et enregistrer les modifications (sans rien changer)
  4. Pareil pour RĂ©glages/Permaliens
  5. Exécuter ce script SQL dans la BDD du serveur : UPDATE wp_posts SET post_content = REPLACE(post_content, 'ancienne_url', 'nouvelle-url');

Exercice #6

Migration avec plugin

Il existe plusieurs plugins pour faire cela automatiquement, mais la démarche est différente.

Le plus utilisé est All-in-One WP Migration.

Instructions

  1. Installer le plugin All-in-One WP Migration
  2. All-in-One WP Migration/Export, Export to file
  3. Installer WordPress dans le serveur avec le mĂŞme plugin
  4. All-in-One WP Migration/Import, Import file

Par contre, ça peut poser de problèmes si le fichier d'exportation est trop grand.

Ă€ faire

Trouvez un sujet qui vous intéresse pour faire un site web complet avec WordPress.