Projet Niveau 0 — Site vitrine « Le Club de lecture » (sans code)
⏱️ TL;DR — Votre tout premier contact avec WordPress : monter un site complet et publiable sans écrire une ligne de code, uniquement depuis
wp-admin. Objectif : comprendre la différence articles/pages, les menus, les médias, les extensions et l’éditeur de site — le socle sur lequel tout le reste se greffe. On construit le site d’un petit club de lecture (pratique pour le fil rouge « livres » des niveaux suivants).
🎯 Niveau & objectifs
- Niveau : 0 (découverte). Prérequis : une install WordPress locale (Partie 4) ou un hébergement de test. Aucun code.
- Durée indicative : 2–4 h.
- Vous allez pratiquer : tableau de bord, articles vs pages, catégories/étiquettes, médias, menus, extensions, réglages, l’éditeur de site (FSE).
📋 Cahier des charges
Contexte — Un club de lecture local veut un site pour publier ses chroniques et présenter ses rencontres. Pas de budget, pas de dev : tout doit se faire dans l’admin.
Objectif — Livrer un site en ligne, cohérent visuellement, avec du contenu réel et une navigation claire.
Périmètre inclus
- Un thème installé et personnalisé (couleurs, logo, titre du site).
- 3 pages : Accueil, À propos, Contact.
- 5 articles minimum (chroniques de livres), répartis dans 2 catégories (« Romans », « Essais ») avec des étiquettes.
- Une image à la une par article (importée dans la médiathèque).
- Un menu principal reliant les pages + une page listant les articles.
- Une page d’accueil statique définie dans les réglages (pas le flux d’articles par défaut).
- Un formulaire de contact via une extension gratuite.
- Des permaliens en mode « Titre de la publication ».
Périmètre exclu — Aucun code, aucun thème enfant, aucune extension payante, pas de SEO avancé, pas de performance. On découvre.
Contraintes
- Thème par blocs (FSE) de préférence (ex. Twenty Twenty-Four/Five), pour rencontrer l’éditeur de site dès maintenant.
- Contenu en français, cohérent (pas de lorem ipsum partout).
Livrables
- Le site accessible (URL locale) avec tout le contenu ci-dessus.
- Une note d’une page : « ce que fait chaque écran de l’admin que j’ai utilisé ».
✅ Critères de réussite
- La home est une page statique, pas la liste d’articles.
- Les 5 chroniques apparaissent dans une page d’articles dédiée, filtrables par catégorie.
- Le menu fonctionne sur toutes les pages.
- Chaque article a une image à la une visible sur la liste et l’article.
- Le formulaire de contact envoie (ou log) un message.
- Les URLs sont lisibles (
/mon-article, pas/?p=123). - Vous savez expliquer article vs page et catégorie vs étiquette.
🗺️ Endroits à visiter
Avant/pendant le projet, ouvrez et explorez ces écrans — c’est la carte de WordPress :
| Endroit | Menu | Pourquoi y aller |
|---|---|---|
| Tableau de bord | Accueil | Le point d’entrée, les notifications, l’état du site |
| Articles vs Pages | Articles / Pages | La distinction fondatrice : flux daté vs contenu statique |
| Catégories / Étiquettes | Articles → Catégories | Vos deux taxonomies natives (hiérarchique vs plate) |
| Médiathèque | Médias | Où vivent les fichiers ; tailles générées automatiquement |
| Éditeur de site | Apparence → Éditeur | Le cœur FSE : gabarits, styles globaux, en-tête/pied |
| Extensions | Extensions → Ajouter | Le magasin ; installez un formulaire de contact |
| Réglages → Lecture | Réglages | Choisir la page d’accueil statique |
| Réglages → Permaliens | Réglages | La structure des URLs (à régler tôt) |
| Comptes | Comptes | Rôles : admin, éditeur, auteur… (utile P2) |
| Outils → Santé du site | Outils | Diagnostic ; à connaître dès le début |
💡 Pour un dev React — Ici, WordPress est un CMS que vous pilotez par son UI, comme vous configureriez un Sanity ou un Strapi via leur back-office. La nuance à intégrer : dans WordPress, le contenu, la présentation (thème/FSE) et les fonctionnalités (extensions) sont trois couches distinctes. Repérez qui fait quoi — c’est la clé de tout le reste.
⚠️ Piège — Réglez les permaliens au tout début. Les changer plus tard casse les liens déjà partagés et impose des redirections. « Titre de la publication » est le bon défaut.
🚀 Étapes suggérées
- Réglages → Général (titre, slogan), puis Permaliens.
- Installer et activer un thème par blocs.
- Créer les 2 catégories, puis les 5 articles avec image à la une.
- Créer les 3 pages ; définir Accueil en page statique (Réglages → Lecture).
- Construire le menu (Apparence → Éditeur → Navigation).
- Personnaliser couleurs/logo dans Styles.
- Installer une extension de formulaire ; poser le formulaire sur Contact.
- Se relire en navigation privée comme un visiteur.
🎁 Bonus
- Créez un compte « Auteur » et publiez une chronique sous ce rôle (aperçu de la Partie 2).
- Ajoutez une page d’archive par catégorie au menu.
- Testez un motif (pattern) prêt à l’emploi dans une page.
🔗 Chapitres du cours liés
- Partie 1 — Découvrir WordPress
- Partie 2 — Utiliser & administrer
- Partie 3 — Gutenberg & éditeur de site
Projet suivant : Niveau 1 — Thème enfant & portfolio structuré.