Chapitre 1.4 — Visite guidée du back-office (wp-admin)
⏱️ TL;DR — Le back-office de WordPress vit à l’adresse
votresite.com/wp-admin. C’est un tableau de bord organisé en menu latéral gauche : Articles, Pages, Médias, Commentaires, Apparence, Extensions, Utilisateurs, Réglages. Comprendre cette carte — et la distinction Article vs Page, le rôle de chaque menu — vous permet de retrouver n’importe quoi en quelques secondes, et pose les repères pour tout ce que vous coderez ensuite (vos plugins ajouteront des entrées dans ce même menu).
🎯 Objectifs
- Savoir se connecter et naviguer dans
wp-admin. - Connaître le rôle de chaque menu principal.
- Distinguer Article, Page, Média, et comprendre pourquoi ça compte.
- Repérer la barre d’administration et le lien admin ↔ site public.
1. Se connecter
L’administration est toujours à /wp-admin (ou /wp-login.php). Après connexion, vous arrivez sur le Tableau de bord (Dashboard).
💡 Pour un dev React — Mentalement :
wp-admin= le back-office,/(la racine) = le front public. Deux mondes, une seule base de données. La barre d’administration noire en haut (visible quand vous êtes connecté, y compris côté public) est le pont : elle vous ramène à l’admin et propose des raccourcis contextuels (« Modifier cette page »).
2. Le menu latéral, menu par menu
| Menu | Ce qu’on y fait | À noter |
|---|---|---|
| Tableau de bord | Vue d’ensemble, mises à jour, activité. | Point d’entrée. |
| Articles (Posts) | Contenu daté/chronologique (blog). Catégories & étiquettes. | Type de contenu par défaut. |
| Médias | Bibliothèque d’images, PDF, vidéos uploadés. | Stockés dans wp-content/uploads. |
| Pages | Contenu statique hors chronologie (Accueil, Contact). | Pas de catégories/étiquettes par défaut. |
| Commentaires | Modération des commentaires. | Peut être désactivé. |
| Apparence (Appearance) | Thème actif, personnalisation, menus, widgets, éditeur de site (si thème bloc). | Le « look » du site. |
| Extensions (Plugins) | Installer/activer/désactiver les plugins. | Le « quoi faire » du site. |
| Utilisateurs | Comptes, rôles (admin, éditeur, auteur…). | Permissions = Partie 2. |
| Outils | Import/export, santé du site, données perso. | Utilitaires. |
| Réglages (Settings) | Titre du site, permaliens, lecture, discussion. | Config globale. |
⚠️ Piège — Article ou Page ? C’est la confusion de départ la plus fréquente. Article = contenu chronologique (un billet, une actu), rangé par date et par catégories/étiquettes, affiché dans le flux du blog et le flux RSS. Page = contenu intemporel (À propos, Mentions légales), hiérarchique (une page peut avoir une page parente), hors flux. Choisir le mauvais type complique tout ensuite (URL, affichage, tri).
3. Anatomie d’un écran d’édition
Quand vous créez un Article ou une Page, vous ouvrez l’éditeur de blocs (Gutenberg) — détaillé au chapitre suivant. Autour de la zone d’édition :
- La zone centrale : le contenu, composé de blocs.
- Le panneau latéral droit : réglages du document (statut, visibilité, date de publication, catégories, étiquettes, image mise en avant, extrait) ou réglages du bloc sélectionné.
- La barre supérieure : ajouter un bloc (
+), annuler/refaire, liste des blocs, Enregistrer/Publier, aperçu.
L’image mise en avant (featured image) et l’extrait (excerpt) sont des notions à retenir : elles alimentent les listes d’articles, les partages sociaux, et — important pour vous — les réponses de la REST API en headless (Partie 9).
4. Réglages qui comptent dès le début
- Réglages → Permaliens : la structure des URLs (
/%postname%/= URL propre/mon-article/, à privilégier). On y reviendra (Partie 5) car ça touche au rewrite et au SEO. - Réglages → Lecture : quelle page d’accueil (derniers articles ou une page statique), visibilité par les moteurs.
- Apparence → Thèmes : le thème actif décide du rendu.
- Extensions : la liste des plugins installés — le premier réflexe d’audit quand vous reprenez un site client.
📚 Aller plus loin — En reprenant un site client, votre check-list express : version de WordPress (Tableau de bord), thème actif et s’il est enfant (Apparence), liste des plugins (Extensions), structure de permaliens (Réglages), rôles des utilisateurs (Utilisateurs). En cinq écrans, vous savez à quoi vous avez affaire.
5. Ce que ça préfigure pour le développeur
Tout ce menu est extensible : vos futurs plugins pourront ajouter une entrée de menu, une page de réglages, une metabox dans l’éditeur, un type de contenu (Custom Post Type) qui apparaîtra à côté de « Articles ». Le back-office que vous visitez ici est le terrain de jeu des Parties 7 et 8. Familiarisez-vous avec sa logique : vous n’allez pas contre elle, vous vous branchez dessus.
✏️ Exercices
- Vous devez créer la page « Mentions légales » et un billet « Nouveautés de la rentrée ». Lequel est une Page, lequel un Article ? Pourquoi ?
- Où changez-vous la structure des URLs pour obtenir
/mon-titre/au lieu de?p=123? - En reprenant un site inconnu, listez les cinq écrans à consulter pour l’auditer rapidement.
✅ Solution
- « Mentions légales » = Page (contenu intemporel, statique, hors flux). « Nouveautés de la rentrée » = Article (contenu daté, chronologique, catégorisable, dans le flux du blog).
- Réglages → Permaliens, en choisissant la structure « Titre de la publication » (
/%postname%/). - Version de WordPress (Tableau de bord), thème actif + enfant ou non (Apparence), plugins installés (Extensions), permaliens (Réglages), rôles des utilisateurs (Utilisateurs).
🧠 Quiz de révision
1. À quelle URL se trouve le back-office ?
/wp-admin (l’écran de connexion étant /wp-login.php).
2. Différence Article vs Page ?
Article = contenu chronologique (daté, catégorisable, dans le flux). Page = contenu intemporel, hiérarchique, hors flux.
3. Où gère-t-on les plugins ? Les thèmes ?
Les plugins dans Extensions ; les thèmes dans Apparence → Thèmes.
4. Qu’est-ce que l’image mise en avant et pourquoi la retenir ?
Une image représentative du contenu (featured image) ; elle alimente les listes, les partages sociaux et les réponses de la REST API (headless).
5. Pourquoi ce menu intéresse-t-il le développeur ?
Parce qu’il est extensible : vos plugins y ajouteront des menus, des réglages, des types de contenu, des metaboxes.
Chapitre suivant : Gutenberg côté créateur de contenu.