TD12 - CMS Wordpress (Content Management System) - Système de Gestion de Contenu (SGC)
Le projet est à rendre pour le 25 avril 2025. Voici les instructions : https://www.labri.fr/perso/preuter/cswd2025/projet-a-rendre.pdf
Objectif
Dans ce TD, nous allons connaître l’utilisation d’un Système de Gestion de Contenu (SGC), en anglais Content Management System (CMS), à l’exemple de Wordpress - initialement conçu pour créer des blogs (Web-logs), mais aujourd’hui utilisé pour créer de nombreuses sites web sur Internet.
CMS Wordpress : installation et découverte
Exercice 12.1 Installation
Aujourd’hui, nous travaillons dans le dossier
td12
.Rendez-vous sur le site https://fr.wordpress.org/.
Télécharger l’archive ZIP de wordpress.
∏ 4. Décompressez cette archive, et copier-le dans votre dossier du td12
.
Si vous ne travaillez pas sur les ordinateurs du CREMI, avec Filezilla, transférez votre dossier
td12
au CREMI, dans votre espace web habituel (espaces/www/cswd/
).Vous devez maintenant passer par la procédure d’installation à l’adresse https://prenom-nom.emi.u-bordeaux.fr/cswd/td12/wordpress/.
Ceci se passe en deux étapes :
- d’abord, vous devez saisir vos informations de connexion à votre base de données afin que wordpress puisse créer les tables nécessaires :
- Ensuite, vous devez choisir le nom de votre site (vous pouvez le choisir à volonté, c’est indépendant de votre projet cswd !), ainsi que le mot de passe administrateur (Compte
admin
). Cochez également la case Demander aux moteurs de recherche de ne pas indexer ce site, comme il s’agit pour l’instant d’un simple site de test à vocation pédagogique.
Exercice 12.2 Front-Office
- Visitez le Front-Office de votre site CMS à l’adresse https://prenom-nom.emi.u-bordeaux.fr/cswd/td12/wordpress/ ou similaire.
Votre site est prêt, vous pouvez explorer. Bien sûr, pour l’instant, il n’y a aucune personnalisation de votre site, mis à part le titre.
Exercice 12.3 Back-Office
Dans cet exercice, nous allons voir l’interface permettant de modifier du contenu de votre site Wordpress.
- Visitez maintenant Back-Office de votre site CMS dans l’adresse https://prenom-nom.emi.u-bordeaux.fr/cswd/td13/wordpress/wp-admin.
2 Explorez. Pour l’instant, ne modifiez rien, ce sera l’objet des prochains exercices.
CMS Wordpress : ajouter du contenu
Exercice 12.4 Rédaction d’un article et commentaires
Dans cet exercice, vous allez voir comment ajouter du contenu sur votre site internet grâce au Back-Office du CMS Wordpress. D’une manière générale, nous distinguons entre des articles, des pages, et des commentaires.
- Dans le menu “Articles” sur la gauche, aajoutez un nouvel article. Choisissez un titre, et écrivez quelques lignes.
Publier cet article.
Dans le Front-Office de votre site, visitez la page d’acceuil, et vérifier l’apparition de votre article.
Cliquez sur votre article pour le visualiser, et laissez un commentaire.
Créer une nouvelle catégorie, ainsi qu’un nouvel article que vous classez dans cette catégorie.
Exercice 12.5 Rédaction d’une page
Dans cet exercice, nous allons voir comment ajouter une page sur votre site internet.
Dans le Back-Office de votre site, dans le menu “Pages” sur la gauche, rajoutez une nouvelle page. Rédigez un titre, texte, et publiez.
Dans le Front-Office de votre site, vérifiez les onglets des menus, et affichez votre page.
CMS Wordpress : fonctionnement
Exercice 12.6 Analyser la base de données de wordpress
Dans cet exercice, nous allons essayer de comprendre le fonctionnement du CMS Wordpress
Visitez l’administration phpMyAdmin au CREMI https://services.emi.u-bordeaux.fr/mariadb/phpmyadmin/.
Explorez les différentes tables qui ont été ajoutés par Wordpress, et essayez de retrouver les enregistrements de votre article, votre commentaire, et votre page. Essayez également de trouver votre compte utilisateur avec le login et mot de passe.
Essayez d’identifier quelques clés étrangères dans ces tables.
CMS Wordpress : mise en forme
Exercice 12.7 Aperçu et Thèmes
Dans cet exercice, nous allons changer l’aperçu de votre site CMS Wordpress.
Dans le Back-Office de votre site, cliquez sur “Apparence”, puis “Thèmes”. Activez l’autre thème préinstallé s’appelant “Twenty Twenty-Four”.
Veillez le changement sur votre Front-Office du site.
Si vous le souhaitez, essayez d’autres thèmes.
CMS Wordpress : extensions
Exercice 12.8 Extensions
Wordpress vous permet de rajouter une grande variété des extensions afin d’enrichir votre site.
- Nous allons commencer par installer une extension existante, par exemple Contact Form 7 permettand de faire un formulaire de contact. Après l’installation, n’oubliez pas de l’activer.
Ajoutez le code pour un formulaire de contact dans une de vos pages.
Testez et regardez l’évolution dans votre backoffice, et aussi dans votre base de données.
Expérimentez quelques autres extensions qui vous semblent intéressantes.
La version actuelle de Wordpress requiert une version de PHP 8 minimum, et une base de données MariaDB de 10.5.
Au CREMI, actuellement, la version de PHP est 8.2 (ce que vous pouvez trouver avec la fonction phpinfo()
, par exemple), et la version de MariaDB est de 10.11.6 (ce que vous pouvez trouver en exécutant une requête SELECT VERSION()
dans votre interface phpMyAdmin, par exemple).
On est donc bon :-)
Quant à des installations en local sur vos ordinateurs : si vous avez une version antérieur de PHP, mais supérieur ou égal à 7.4, vous pouvez l’essayer en local sur vos ordinateurs, mais ne la mettez pas en ligne car il y a des informations sur des failles des sécurité.
- Cette semaine, les exercices sont à rendre sur moodle jusqu’au mercredi, 16 avril prochain, 23h59.