WordPress - Référentiel BTS NDRC 2026

Annexe VI-3 (page 23) - Toutes les fonctionnalités E5B mobilisables le jour de l'épreuve, expliquées en détail

WordPress - Référentiel BTS NDRC 2026 Épreuve E5B Session 2026 7 rubriques officielles

⭐ Avant même de toucher le clavier : soigne ton jour J

L'épreuve E5B se joue sous le regard direct des examinateurs. Ta maîtrise technique compte, et l'impression que tu laisses aussi — autant mettre toutes les chances de ton côté.

⏰ L'arrivée
Repère le lieu la veille, vise 20 minutes d'avance, convocation et pièce d'identité préparées la veille au soir. Arriver serein, c'est déjà marquer des points sur soi-même.
👔 La tenue
Une tenue propre et un peu habillée (chemise ou haut sobre) : tu es en situation professionnelle. Pas besoin de costume — juste montrer que ce moment compte pour toi.
🧘 La posture
Dos droit, salutation des examinateurs en arrivant, téléphone éteint et rangé. Respire : 40 minutes, c'est assez si tu travailles calmement.
💬 Montrer sa maîtrise
Annonce posément ce que tu fais si l'examinateur t'interroge, vérifie chaque action en front-office, et si tu bloques : passe à la tâche suivante plutôt que de t'enliser.

Rien d'extraordinaire là-dedans — mais le jour J, ce sont ces détails simples qui installent la confiance, la tienne comme celle du jury.

Versions officielles de l'épreuve E5B — session 2026 : WordPress 6.6.2 (thème Astra + extension Spectra + Yoast SEO) et PrestaShop 1.7.8.9 (thème Classic). Versions de la session 2027 : à confirmer à la parution de la circulaire nationale 2027 (annexe VI-3)

Présentation

Cette page recense toutes les fonctionnalités WordPress que vous pouvez être amené à utiliser pendant l'épreuve E5B - Relation client à distance et digitalisation du BTS NDRC. Elle reprend fidèlement les sept rubriques de l'Annexe VI-3 de la Circulaire nationale d'organisation 2026 (page 23). Pour chaque point, vous trouverez :

Ce que vous devez faire
Comment y accéder (BO)
Comment vérifier (FO)
Astuces & pièges
BO vs FO : Le Back Office (BO) est l'interface d'administration (accès par /wp-admin) où l'on configure le site. Le Front Office (FO) est le site public, tel que le voient les visiteurs (accès par l'URL du site sans /wp-admin). À chaque action en BO, ouvrez un onglet FO pour vérifier le résultat côté visiteur (souvent avec Ctrl+F5 pour vider le cache).

1. Apparence

📸 Captures réelles du back-office (environnement d'entraînement)

Capture WordPress : Apparence → Thèmes : gestion du thème actif
Apparence → Thèmes : gestion du thème actif
Capture WordPress : Apparence → Widgets : zones et blocs
Apparence → Widgets : zones et blocs

Tout ce qui touche à l'identité visuelle du site : logo, slogan, en-tête, menu, widgets et structure des pages. Ces réglages se font principalement dans Apparence → Personnaliser (Customizer) ou Apparence → Éditeur selon le thème.

1.1

Créer ou modifier l'identité du site (slogan, icône, logo)

Apparence → Personnaliser → Identité du site : titre, slogan, logo et icône
Apparence → Personnaliser → Identité du site : titre, slogan, logo et icône

L'identité du site regroupe le titre, le slogan, le logo et l'icône du site (favicon affichée dans l'onglet du navigateur). Ces éléments apparaissent sur toutes les pages.

À faire

  1. Préparer un logo (PNG transparent, largeur ~250 px conseillée).
  2. Préparer une icône du site au format carré 512×512 px minimum.
  3. Rédiger un titre court et un slogan percutant (8 à 12 mots).
  4. Téléverser les fichiers via la bibliothèque média.
  5. Publier les modifications.

Accès BO

Apparence → Personnaliser → Identité du site

Ou via Réglages → Général pour le titre et le slogan uniquement.

  • Logo : Sélectionner le logo
  • Titre du site : champ texte
  • Slogan : champ texte
  • Icône du site : Sélectionner l'icône
  • Bouton Publier en haut

Vérification FO

  1. Ouvrir l'URL du site (sans /wp-admin).
  2. Vérifier que le logo s'affiche dans l'en-tête.
  3. Vérifier le titre et le slogan (sous le logo ou dans l'onglet du navigateur).
  4. Regarder l'onglet du navigateur : la favicon doit apparaître (faire Ctrl+F5 si besoin).
  5. Tester sur mobile (responsive).
Customizer WordPress - Identité du site
Panneau « Identité du site » dans le Customizer WordPress (source : WordPress.org)
⚠️ Points d'attention :
  • L'icône du site doit faire au moins 512×512 px sinon WordPress refuse.
  • Penser à Publier (bouton bleu en haut) sinon rien n'est sauvegardé.
  • Vider le cache navigateur (Ctrl+F5) si l'ancien logo persiste en FO.
1.2

Modifier l'en-tête (texte, photo et vidéo)

L'en-tête (header) est la bannière située en haut du site. Selon le thème (Astra, Twenty Twenty-Four…), il peut contenir une image, une vidéo en arrière-plan, un texte d'accueil ou un bouton d'appel à l'action.

À faire

  1. Choisir une image d'en-tête au format paysage (≥ 1920×600 px), ou une vidéo MP4 (durée < 10 s, < 8 Mo).
  2. Rédiger le titre d'en-tête et un sous-titre qui résument la proposition de valeur.
  3. Ajouter un bouton CTA si le thème le permet.
  4. Vérifier la lisibilité du texte par-dessus l'image.
  5. Publier.

Accès BO

Apparence → Personnaliser → En-tête

Ou pour un thème basé sur les blocs :

Apparence → Éditeur → Patterns → Header
  • Cliquer Ajouter une nouvelle image.
  • Pour la vidéo : Sélectionner une vidéo (MP4 hébergé ou URL YouTube).
  • Modifier le texte directement dans la zone d'aperçu.

Vérification FO

  1. Ouvrir la page d'accueil.
  2. Vérifier l'image/vidéo en haut.
  3. Lire le texte par-dessus : doit être lisible.
  4. Si vidéo : elle doit se lancer en autoplay muet et boucler.
  5. Tester sur mobile et tablette.
💡 Astuces :
  • Préférer une image compressée (TinyPNG, < 300 Ko) pour des temps de chargement courts.
  • Pour les vidéos, héberger sur YouTube/Vimeo plutôt que sur WordPress (économie de bande passante).
  • Ajouter un overlay semi-transparent pour améliorer le contraste du texte.
1.3

Modifier l'emplacement du menu principal

Apparence → Menus → onglet « Gérer les emplacements »
Apparence → Menus → onglet « Gérer les emplacements »

WordPress permet d'attribuer un menu à un emplacement précis du thème : menu principal (header), menu de pied de page, menu mobile, menu social…

À faire

  1. Vérifier les emplacements disponibles dans le thème (souvent 2 à 4).
  2. Sélectionner un menu existant ou en créer un.
  3. Cocher la case correspondant à l'emplacement souhaité (Header, Footer, Mobile…).
  4. Enregistrer le menu.
  5. Tester en front office.

Accès BO

Apparence → Menus
  • Onglet Modifier les menus puis bas de page : Réglages du menu → Emplacement.
  • Ou onglet Gérer les emplacements.
  • Avec un thème FSE : Apparence → Éditeur → Navigation.

Vérification FO

  1. Recharger la page d'accueil.
  2. Vérifier que le menu apparaît au bon endroit (haut, bas, latéral).
  3. Cliquer sur chaque élément pour vérifier les liens.
  4. En mobile : vérifier l'affichage burger (☰).
1.4

Activer les réseaux sociaux

L'objectif est d'afficher les icônes des réseaux sociaux (Facebook, Instagram, X/Twitter, LinkedIn, YouTube…) reliés aux profils de l'organisation. Cela passe soit par un menu social, soit par un bloc Icônes sociales.

À faire

  1. Lister les URL des comptes sociaux à activer.
  2. Choisir l'emplacement : en-tête, pied de page ou widget latéral.
  3. Ajouter un bloc « Icônes sociales » dans la zone choisie.
  4. Pour chaque icône, coller l'URL du profil.
  5. Choisir le style (par défaut, plein, contour).
  6. Enregistrer / Publier.

Accès BO

Apparence → Widgets → Pied de page

OU :

Apparence → Éditeur → Templates → Footer
  • Cliquer sur le + (Inserter)
  • Chercher « Icônes sociales »
  • Cliquer sur le + dans le bloc pour ajouter un réseau
  • Sélectionner le réseau et coller l'URL

Vérification FO

  1. Aller en pied de page (ou emplacement choisi).
  2. Vérifier l'apparition des icônes.
  3. Cliquer sur chaque icône : doit ouvrir le bon profil dans un nouvel onglet.
  4. Tester l'effet de survol.
⚠️ Pièges fréquents :
  • Les icônes ne s'affichent pas tant qu'on n'a pas saisi une URL valide commençant par https://.
  • Cocher « Ouvrir les liens dans un nouvel onglet » pour ne pas faire sortir le visiteur du site.
1.5

Gérer les widgets en pied de page et en colonne latérale de blog

Apparence → Widgets : zones de pied de page et colonne latérale
Apparence → Widgets : zones de pied de page et colonne latérale

Les widgets sont des blocs ajoutables dans des zones réservées du thème : pied de page (jusqu'à 4 colonnes), sidebar de blog… Exemples : Articles récents, Catégories, Recherche, Texte personnalisé, Calendrier.

À faire

  1. Identifier les zones disponibles dans le thème.
  2. Choisir les widgets pertinents : Articles récents, Catégories, Recherche, Pied de page social…
  3. Glisser-déposer (ou + ajouter bloc) dans la zone choisie.
  4. Configurer chaque widget (titre, nombre d'éléments…).
  5. Enregistrer.

Accès BO

Apparence → Widgets
  • Zones visibles : Pied de page #1 à #4, Sidebar Blog…
  • Cliquer sur + pour ajouter un bloc-widget.
  • Configuration dans la sidebar de droite.

Vérification FO

  1. Pied de page : faire défiler tout en bas de n'importe quelle page.
  2. Sidebar blog : ouvrir un article du blog, vérifier la colonne latérale.
  3. Tester chaque widget : cliquer sur un article récent, faire une recherche…
1.6

Personnaliser la structure des pages ou des articles avec une colonne latérale

Certains thèmes (Astra, OceanWP…) permettent de définir si une page ou un article s'affiche en pleine largeur, avec sidebar à gauche ou à droite.

À faire

  1. Décider de la structure souhaitée (avec ou sans sidebar).
  2. Modifier la structure globale dans le Customizer.
  3. Ou personnaliser au cas par cas : Réglages → Mise en page dans l'éditeur d'une page.
  4. Mettre à jour la page.

Accès BO

Apparence → Personnaliser → Mise en page → Sidebar

Au niveau d'une page :

Pages → [page] → Sidebar de droite

Vérification FO

  1. Ouvrir la page concernée.
  2. Vérifier l'absence ou présence de la colonne latérale.
  3. Tester la position (gauche/droite).
  4. Tester le rendu sur mobile (sidebar souvent passée en bas).

💡 Point de révision — Apparence WordPress

  • Logo et identité : Apparence → Personnaliser → Identité du site (logo PNG transparent, icône de 512×512 px minimum).
  • Menus : Apparence → Menus ; widgets par glisser-déposer : Apparence → Widgets (pied de page, sidebar).
  • En-tête : image paysage d’au moins 1920×600 px ou vidéo MP4 courte (< 10 s, < 8 Mo).
  • Pièges du jour J : icône refusée si trop petite, oublier le bouton Publier, cache navigateur à vider avec Ctrl+F5.

2. Contenu

📸 Captures réelles du back-office (environnement d'entraînement)

Capture WordPress : Articles → Tous les articles
Articles → Tous les articles
Capture WordPress : Nouvel article : éditeur Gutenberg
Nouvel article : éditeur Gutenberg
Capture WordPress : Inserteur de blocs Gutenberg
Inserteur de blocs Gutenberg
Capture WordPress : Pages → Toutes les pages
Pages → Toutes les pages
Capture WordPress : Articles → Catégories
Articles → Catégories
Capture WordPress : Commentaires : modération
Commentaires : modération
Capture WordPress : Réglages → Commentaires (discussion)
Réglages → Commentaires (discussion)

Cœur du métier WordPress : articles, pages, catégories, blocs Gutenberg, médias, commentaires, pop-up Spectra, RGPD.

2.1

Créer, modifier, publier et supprimer un article, une page et une catégorie

Éditeur d'article : panneau Réglages → onglet Article → Catégories
Éditeur d'article : panneau Réglages → onglet Article → Catégories
Articles → Tous les articles : modifier, corbeille, états
Articles → Tous les articles : modifier, corbeille, états

Distinction fondamentale :
📄 Page = contenu fixe et atemporel (Qui sommes-nous, Contact…).
📝 Article = contenu daté, rangé dans le blog, organisé par catégories et étiquettes.
🏷 Catégorie = classement hiérarchique des articles.

À faire

  1. Créer un article : Articles → Ajouter, titre + contenu, catégorie, image mise en avant, Publier.
  2. Créer une page : Pages → Ajouter, titre + contenu, Publier.
  3. Créer une catégorie : Articles → Catégories, nom, slug, description, Ajouter.
  4. Modifier : passer la souris sur l'élément, cliquer Modifier.
  5. Supprimer : Mettre à la corbeille (réversible 30 jours).

Accès BO

Articles → Tous les articles / Ajouter
Pages → Toutes les pages / Ajouter
Articles → Catégories
  • Bouton bleu Publier (en haut à droite).
  • Pour programmer : cliquer sur la date à côté de « Publier immédiatement ».
  • Pour retirer publiquement sans supprimer : passer le statut en Brouillon.

Vérification FO

  1. Cliquer « Voir l'article » / « Voir la page » juste après publication.
  2. L'article doit apparaître dans la liste du blog.
  3. La catégorie doit afficher la page /category/nom-categorie/.
  4. Pour une suppression : l'URL doit retourner une page 404.
Éditeur Gutenberg WordPress
Éditeur de bloc (Gutenberg) lors de la création d'un article (source : WordPress.org)
⚠️ Points d'attention :
  • Toujours assigner l'article à une catégorie (sinon il tombe dans « Non classé »).
  • Ne pas oublier l'image mise en avant (Réglages → Image mise en avant).
  • Vérifier que le permalien est propre et SEO-friendly.
2.2

Utiliser les blocs Gutenberg : titre, paragraphe, bouton, bannière, image, galerie, tableau, flux RSS, calendrier, audio, fichier

L'inserteur de blocs Gutenberg (bouton « + » en haut à gauche)
L'inserteur de blocs Gutenberg (bouton « + » en haut à gauche)

L'éditeur Gutenberg est basé sur des blocs. Chaque type de contenu est un bloc indépendant. Voici les 11 blocs explicitement listés dans le référentiel BTS NDRC 2026.

BlocCatégorieUsage typiqueRéglages clés
TitreTexteStructurer la page (H1/H2/H3)Niveau, alignement, ancre
ParagrapheTexteBloc texte standardTypo, couleur, lettrine
BoutonDesignCTA (Call To Action)URL, style, couleur
Bannière (Cover)MédiaImage/vidéo de fond + texteOverlay, hauteur, point focal
ImageMédiaInsérer une imageAlt, lien, taille
GalerieMédiaPlusieurs images en grilleColonnes, recadrage, lien
TableauTexteDonnées comparativesLignes/colonnes, en-tête, pied
Flux RSSWidgetsAfficher un flux externeURL RSS, nb articles, extrait
CalendrierWidgetsCalendrier des articlesMois / année
AudioMédiaPodcast, jingleAuto-play, boucle, légende
FichierMédiaPDF, DOCX téléchargeablesTexte du bouton, ouvrir en pop-up

À faire

  1. Dans l'éditeur, cliquer sur le + bleu (Inserter).
  2. Taper le nom du bloc ou parcourir.
  3. Cliquer pour insérer le bloc.
  4. Configurer dans la barre d'outils flottante ou dans la sidebar de droite.
  5. Mettre à jour.

Accès BO

Articles ou Pages → [élément] → Modifier
  • Inserter : icône + en haut à gauche ou / dans un paragraphe vide.
  • Raccourci : /titre, /image, /bouton…

Vérification FO

  1. Cliquer « Voir » ou ouvrir l'URL.
  2. Vérifier l'affichage et le rendu de chaque bloc.
  3. Tester les interactions : clic sur bouton, lecture audio, téléchargement de fichier…
  4. Adaptabilité mobile.
2.3

Utiliser les blocs spécifiques Spectra : Slider, Form, FAQ, Témoignages, Team, Google Map, Countdown

Inserteur → rechercher un bloc Spectra (ex. « Slider »)
Inserteur → rechercher un bloc Spectra (ex. « Slider »)

Spectra (ex-Ultimate Addons for Gutenberg) est un plugin gratuit qui ajoute des blocs avancés à Gutenberg. Le référentiel BTS NDRC 2026 cible explicitement 7 blocs Spectra, à utiliser sans les fonctionnalités avancées (Pro).

À faire

  1. Vérifier que Spectra est installé : Extensions → Extensions installées.
  2. Dans l'inserter, taper « Spectra » ou le nom du bloc.
  3. Choisir le layout et personnaliser dans la sidebar.
  4. Limiter aux options gratuites (Pro = grisé).

Les 7 blocs ciblés :

  • Slider : diaporama
  • Form : formulaire de contact
  • FAQ : questions / réponses dépliantes
  • Testimonials : avis clients
  • Team : trombinoscope
  • Google Map : carte interactive
  • Countdown : compte à rebours

Accès BO

Article / Page → Éditer → + → "Spectra"
  • Tous les blocs Spectra ont une icône logo Spectra.
  • Pour Google Map : clé API Google Maps configurée dans Spectra → Settings.
  • Pour Form : configurer l'email de réception.

Vérification FO

  1. Slider : doit défiler automatiquement.
  2. Form : envoyer un message test, vérifier la réception email.
  3. FAQ : cliquer sur une question, la réponse doit se déplier.
  4. Countdown : doit décompter en temps réel.
  5. Google Map : doit afficher la carte interactive.
⚠️ Attention :
  • Le référentiel précise « sans prendre en compte les fonctionnalités avancées » : ne pas activer la version Pro.
  • Les blocs Spectra peuvent alourdir la page : ne pas en abuser.
2.4

Ajouter un média (photo, vidéo, audio)

Médias → Ajouter : glisser-déposer ou sélection de fichiers
Médias → Ajouter : glisser-déposer ou sélection de fichiers

Tout fichier multimédia passe par la bibliothèque média. WordPress accepte JPG, PNG, GIF, WebP, MP4, MP3, OGG, PDF, DOCX… La taille max par défaut est de 8 Mo.

À faire

  1. Préparer le fichier (compresser image, format compatible).
  2. Téléverser via la bibliothèque média ou directement dans un bloc.
  3. Renseigner les métadonnées : titre, alt, légende, description.
  4. Insérer dans la page/article.

Accès BO

Médias → Ajouter
  • Bloc Image / Vidéo / Audio → Téléverser ou Bibliothèque média.
  • Glisser-déposer directement sur la page d'édition.

Vérification FO

  1. Visiter la page contenant le média.
  2. Vérifier l'affichage / lecture.
  3. Pour vidéo/audio : tester lecture, pause, volume.
  4. Inspecter pour vérifier le chemin du fichier.
2.5

Insérer et modifier une galerie

Inserteur → bloc « Galerie » : sélection multiple d'images
Inserteur → bloc « Galerie » : sélection multiple d'images

La galerie permet d'afficher plusieurs images en grille, avec navigation et zoom optionnel.

À faire

  1. Ajouter un bloc Galerie.
  2. Sélectionner ≥ 2 images via Bibliothèque ou Téléverser.
  3. Régler le nombre de colonnes (2 à 8).
  4. Choisir Recadrage automatique Oui/Non.
  5. Configurer le lien de chaque image.
  6. Pour modifier : sélectionner le bloc → toolbar → Modifier.

Accès BO

Éditer page → + → "Galerie"

Vérification FO

  1. Vérifier l'alignement des images en grille.
  2. Tester le responsive (mobile : 1-2 colonnes).
  3. Cliquer sur une image : doit ouvrir une lightbox ou la page média.
2.6

Créer et insérer des liens internes et externes

Un lien interne pointe vers une page du même site, un lien externe vers un site tiers. Maillage essentiel pour le SEO.

À faire

  1. Sélectionner le texte ou l'image qui servira d'ancre.
  2. Cliquer sur l'icône 🔗 Lien ou Ctrl+K.
  3. Pour un lien interne : taper le titre de la page → WordPress propose la liste.
  4. Pour un lien externe : coller l'URL complète (https://…).
  5. Cocher « Ouvrir dans un nouvel onglet » pour les liens externes.
  6. Valider avec Entrée.

Accès BO

Disponible dans :

  • Bloc Paragraphe : surligner + 🔗
  • Bloc Bouton : champ URL
  • Bloc Image : icône lien dans la toolbar
  • Bloc Liste : surligner + 🔗

Vérification FO

  1. Survol : le curseur change en main.
  2. Clic : doit ouvrir la bonne destination.
  3. Liens externes : doivent s'ouvrir dans un nouvel onglet.
  4. Tester la couleur du lien.
💡 SEO :
  • Éviter les ancres génériques type « cliquez ici » : préférer des ancres descriptives.
  • Ajouter rel="noopener noreferrer" sur les liens externes (auto WordPress).
2.7

Créer un pop-up via Spectra Pop Up Builder

Le Pop Up Builder de Spectra permet de créer une fenêtre surgissante (newsletter, promo, RGPD…) déclenchée par scroll, clic ou délai.

À faire

  1. Activer Spectra Pop Up Builder dans Spectra → Settings.
  2. Aller dans Spectra → Pop-ups → Add New.
  3. Choisir un template (Newsletter, Promo, Cookie consent).
  4. Personnaliser le contenu (texte, image, bouton).
  5. Définir le déclencheur : Page Load, Scroll, Exit Intent, Click.
  6. Régler la fréquence d'affichage.
  7. Choisir les pages cibles.
  8. Publier.

Accès BO

Spectra → Pop-ups → Add New Pop-up
  • Onglet Design : édition visuelle avec blocs Gutenberg.
  • Onglet Display Rules : où l'afficher.
  • Onglet Trigger : quand le déclencher.

Vérification FO

  1. Ouvrir le site en navigation privée (cookies réinitialisés).
  2. Attendre le délai ou scroller selon le déclencheur.
  3. Vérifier l'apparition du pop-up.
  4. Tester la croix de fermeture.
  5. Tester le formulaire / bouton à l'intérieur.
2.8

Épingler un article

Panneau Réglages de l'article : case « Épingler en haut du blog »
Panneau Réglages de l'article : case « Épingler en haut du blog »

Un article épinglé apparaît en première position sur la page de blog, indépendamment de sa date.

À faire

  1. Ouvrir l'article à épingler.
  2. Sidebar de droite : onglet Article → section Résumé.
  3. Cliquer sur « Mettre cet article en avant ».
  4. Cocher « Épingler en haut du blog ».
  5. Mettre à jour.

Accès BO

Articles → [article] → Sidebar droite → Visibilité

Ou depuis la liste : Modification rapide.

Vérification FO

  1. Aller sur la page blog.
  2. L'article doit être en première position, avec souvent une épingle ou étiquette « À la une ».
  3. Les autres articles sont triés par date décroissante.
2.9

Modérer et répondre à un commentaire

Commentaires : approuver, répondre, indésirable, corbeille
Commentaires : approuver, répondre, indésirable, corbeille

WordPress permet aux visiteurs de commenter les articles. L'administrateur doit modérer et répondre.

À faire

  1. Vérifier les commentaires en attente.
  2. Lire chaque commentaire.
  3. Choisir : Approuver / Désapprouver / Indésirable / Corbeille.
  4. Pour répondre : cliquer Répondre sous le commentaire, rédiger, publier.

Accès BO

Commentaires
  • Filtres : Tous, En attente, Approuvés, Indésirables, Corbeille.
  • Actions groupées disponibles.
  • Réglages : Réglages → Discussion

Vérification FO

  1. Ouvrir l'article concerné.
  2. Scroller jusqu'aux commentaires.
  3. Vérifier que seuls les commentaires approuvés apparaissent.
  4. La réponse s'affiche en retrait (thread).
2.10

Générer et compléter une page de politique de confidentialité

Réglages → Confidentialité : générer la page de politique
Réglages → Confidentialité : générer la page de politique

Obligation RGPD : tout site doit afficher une politique de confidentialité.

À faire

  1. Aller dans Réglages → Confidentialité.
  2. Cliquer « Créer une nouvelle page Politique de confidentialité ».
  3. WordPress génère un modèle.
  4. Compléter : qui sommes-nous, données collectées, cookies, contact RGPD…
  5. Publier.
  6. Désigner cette page comme page de politique.
  7. Insérer un lien dans le pied de page.

Accès BO

Réglages → Confidentialité

Vérification FO

  1. Pied de page : un lien doit pointer vers /politique-de-confidentialite/.
  2. Cliquer → la page s'ouvre et liste tous les traitements.
  3. Vérifier le formulaire de contact RGPD.
📋 Sections obligatoires :
  • Identité du responsable de traitement
  • Données collectées (cookies, formulaires, comptes)
  • Finalité du traitement
  • Durée de conservation
  • Droits des utilisateurs
  • Coordonnées du DPO ou contact

💡 Point de révision — Contenu WordPress

  • Articles → Ajouter et Pages → Ajouter ; toujours affecter une catégorie (sinon « Non classé ») et une image mise en avant.
  • Éditeur Gutenberg par blocs : titre, paragraphe, bouton, bannière, image, galerie, tableau, fichier, etc.
  • Pop-ups : Spectra → Pop-ups → Add New, après activation dans Spectra → Settings (rester sur la version gratuite, pas Spectra Pro).
  • RGPD : Réglages → Confidentialité pour créer la politique de confidentialité, puis lien en pied de page.
  • Piège du jour J : oublier de cliquer sur Publier en haut à droite du back-office.

3. Image et vidéo

📸 Captures réelles du back-office (environnement d'entraînement)

Capture WordPress : Médiathèque : bibliothèque de médias
Médiathèque : bibliothèque de médias
Capture WordPress : Médias → Ajouter (téléversement)
Médias → Ajouter (téléversement)

Gestion fine des médias : bibliothèque centralisée, positionnement et métadonnées (SEO et accessibilité).

3.1

Utiliser une bibliothèque média

Médias → Médiathèque : vue grille et recherche
Médias → Médiathèque : vue grille et recherche

La bibliothèque média centralise tous les fichiers téléversés. Elle permet de filtrer, rechercher, modifier et réutiliser un média sans le téléverser deux fois.

À faire

  1. Ouvrir la bibliothèque média.
  2. Choisir l'affichage : liste ou grille.
  3. Filtrer par type (image, vidéo, audio, document) ou par date.
  4. Utiliser la recherche.
  5. Cliquer sur un média pour modifier ses métadonnées.

Accès BO

Médias → Bibliothèque
  • Ou directement depuis l'éditeur : bloc Image → Bibliothèque média.
  • URL directe : /wp-admin/upload.php

Vérification FO

  1. Aucun affichage direct (bibliothèque privée).
  2. Vérifier indirectement via les pages utilisant le média.
  3. Tester l'URL du média (/wp-content/uploads/…).
3.2

Ajuster et positionner un média

Une fois inséré, un média peut être recadré, redimensionné, aligné et positionné.

À faire

  1. Cliquer sur le bloc Image.
  2. Alignement : barre d'outils → Gauche / Centre / Droite / Large / Pleine largeur.
  3. Taille : sidebar → Dimensions (Vignette, Moyenne, Grande…).
  4. Recadrer : sidebar → Outils de bloc → Recadrer.
  5. Filtre : duotone dans la toolbar.
  6. Mettre à jour.

Accès BO

Réglages dans :

  • Barre d'outils flottante.
  • Sidebar de droite.
  • Avancé : Médias → [image] → Modifier l'image

Vérification FO

  1. Vérifier l'alignement.
  2. Vérifier la taille (clic droit → Inspecter → width).
  3. Tester mobile.
3.3

Renseigner les textes alternatifs, le titre, la légende et la description d'une image

Détails du média : texte alternatif, titre, légende, description
Détails du média : texte alternatif, titre, légende, description

Les métadonnées d'une image sont cruciales pour le SEO (Google Images) et l'accessibilité (lecteurs d'écran - WCAG).

À faire

  1. Cliquer sur l'image dans la bibliothèque.
  2. Remplir les 4 champs :
    • Texte alternatif (alt) : description courte pour lecteurs d'écran et SEO.
    • Titre : s'affiche au survol.
    • Légende : texte affiché sous l'image en FO.
    • Description : texte long, page d'archive du média.
  3. Mettre à jour.

Accès BO

Médias → [image] → Modifier

Ou directement dans le bloc image :

  • Sidebar → Texte alternatif
  • Champ légende sous l'image

Vérification FO

  1. Clic droit → Inspecter → vérifier alt="…".
  2. Survol de l'image : le titre apparaît.
  3. La légende est visible sous l'image.
  4. Google Search Console pour vérifier l'indexation.
♿ Accessibilité :
  • Le texte alt est obligatoire pour les images informatives.
  • Laisser le alt vide pour les images décoratives.
  • Pas de « image de… » dans l'alt : décrire directement.

💡 Point de révision — Médias WordPress

  • Bibliothèque centrale : Médias → Bibliothèque (filtrer par type ou date, réutiliser sans re-téléverser).
  • 4 métadonnées à remplir : texte alternatif (SEO + accessibilité), titre, légende (visible en front), description.
  • Règle de l’alt : décrire directement sans « image de » ; le laisser vide pour une image purement décorative.
  • Bloc Image : alignement dans la barre d’outils, dimensions dans la sidebar, recadrage et filtre duotone.
  • Piège du jour J : images non compressées = site lent ; alt vide sur une image informative = accessibilité échouée.

6. Référencement naturel (SEO)

📸 Captures réelles du back-office (environnement d'entraînement)

Capture WordPress : Réglages Yoast SEO
Réglages Yoast SEO
Capture WordPress : Extensions installées (Yoast, Spectra…)
Extensions installées (Yoast, Spectra…)

Optimiser le positionnement dans Google : titres, mots-clés, liens, balises, Yoast SEO.

6.1

Structurer le texte (titres, sous-titres)

Une hiérarchie de titres correcte est un pilier du SEO et de l'accessibilité.
H1 : titre principal (un seul par page).
H2 : grandes sections.
H3 / H4 : sous-sections.

À faire

  1. Ajouter un bloc Titre.
  2. Choisir le niveau (H1 à H6).
  3. Respecter la hiérarchie (pas de H4 sans H3 au-dessus).
  4. Inclure le mot-clé principal dans le H1 et au moins un H2.
  5. Mettre à jour.

Accès BO

Éditeur → + → "Titre"
  • Toolbar → H2/H3/H4…
  • Sidebar → Niveau.
  • Yoast SEO vérifie la structure.

Vérification FO

  1. Clic droit → Afficher le code source.
  2. Vérifier les balises <h1>, <h2>…
  3. Outils : HeadingsMap, Lighthouse Chrome DevTools.
6.2

Utiliser des mots-clés

Les mots-clés sont les termes tapés par les internautes. Ils doivent apparaître naturellement.

À faire

  1. Recherche : Google Suggest, AnswerThePublic, Ubersuggest.
  2. Choisir 1 mot-clé principal + 3 à 5 secondaires.
  3. Placer dans : Titre H1, URL, méta-description, 1er paragraphe, alt d'image.
  4. Densité : 1 à 3 % (pas de bourrage).

Accès BO

Article / Page → Sidebar → Yoast SEO → Requête cible

Score Yoast par couleur (vert = bon).

Vérification FO

  1. Ctrl+F pour compter les occurrences.
  2. Vérifier le title dans l'onglet.
  3. Outil : SEOquake, SEMrush.
6.3

Utiliser des liens internes et externes

Le maillage interne aide Google. Les liens externes renforcent la crédibilité.

À faire

  1. 2 à 5 liens internes par article.
  2. 1 à 3 liens externes vers des sources fiables.
  3. Ancres descriptives.
  4. Liens externes : nouvel onglet.

Accès BO

Bouton 🔗 dans la toolbar du bloc.

Voir fonction 2.6.

Vérification FO

  1. Cliquer chaque lien.
  2. Vérifier qu'aucun n'est cassé (404).
  3. Broken Link Checker, Screaming Frog.
6.4

Renseigner les étiquettes, balises et descriptions

Étiquettes (tags) : mots-clés transversaux.
Balise title : 50-60 caractères, affichée dans l'onglet et SERP.
Méta-description : 150-160 caractères, résumé Google.

À faire

  1. Étiquettes : sidebar de l'article → Étiquettes.
  2. Balise title : Yoast → Titre SEO.
  3. Méta-description : Yoast → Méta description.
  4. Vérifier le snippet preview.

Accès BO

Article → Sidebar → Étiquettes
Article → Bas → Yoast SEO → Snippet

Vérification FO

  1. Title dans l'onglet.
  2. Clic droit → code source → <meta name="description">.
  3. Outil : SEO META in 1 CLICK.
  4. Google Search Console.
6.5

Activer et utiliser l'extension Yoast SEO (requête cible, méta-description)

Métabox Yoast sous l'éditeur : requête cible et méta-description
Métabox Yoast sous l'éditeur : requête cible et méta-description
Réglages généraux de Yoast SEO
Réglages généraux de Yoast SEO

Yoast SEO est l'extension SEO la plus utilisée au monde.

À faire

  1. Installer : Extensions → Ajouter → « Yoast SEO » → Installer → Activer.
  2. Lancer l'assistant de configuration.
  3. Pour chaque article :
    • Section Yoast en bas.
    • Requête cible → mot-clé principal.
    • Méta description → 150-160 caractères.
    • Snippet preview.
  4. Améliorer jusqu'au vert.

Accès BO

Yoast SEO → Paramètres
  • Onglets : SEO, Lisibilité, Réseaux sociaux.

Vérification FO

  1. Code source : title, méta description, OG tags.
  2. opengraph.xyz pour la preview Facebook/LinkedIn.
  3. Google Search Console.
Logo Yoast SEO
Logo Yoast SEO — découvrir l'éditeur sur yoast.com

💡 Point de révision — SEO WordPress

  • Hiérarchie : un seul H1 par page (mot-clé principal), sections en H2, sous-sections en H3.
  • Yoast SEO (Extensions → Ajouter) : requête cible, titre SEO de 50-60 caractères, méta-description de 150-160 caractères.
  • Placer le mot-clé dans le H1, l’URL, la méta-description, le premier paragraphe et l’alt ; densité de 1 à 3 %.
  • Liens : ancres descriptives (jamais « cliquez ici »), liens externes ouverts dans un nouvel onglet.
  • Pièges du jour J : title tronqué au-delà de 60 caractères, bourrage de mots-clés pénalisé par Google.

7. Utilisateurs

📸 Captures réelles du back-office (environnement d'entraînement)

Capture WordPress : Utilisateurs : liste et rôles
Utilisateurs : liste et rôles
Capture WordPress : Ajouter un utilisateur : choix du rôle
Ajouter un utilisateur : choix du rôle

Gestion des comptes : création, rôles, transfert de paternité.

7.1

Créer, modifier ou supprimer un compte

Comptes → liste, modification, suppression
Comptes → liste, modification, suppression

WordPress permet de créer des comptes utilisateurs pour collaborer.

À faire

  1. Créer : Utilisateurs → Ajouter :
    • Identifiant unique
    • Email unique
    • Prénom / Nom
    • Site web (optionnel)
    • Mot de passe (généré ou manuel)
    • Rôle
  2. Modifier : cliquer sur l'utilisateur → champs → Mettre à jour.
  3. Supprimer : survol → Supprimer → choisir « Attribuer le contenu à » ou « Supprimer le contenu ».

Accès BO

Utilisateurs → Tous les utilisateurs
Utilisateurs → Ajouter

Vérification FO

  1. Pas d'affichage direct sauf page auteur (/author/identifiant/).
  2. Tester la connexion via /wp-login.php.
  3. Utilisateur supprimé : connexion impossible.
7.2

Attribuer un rôle

Ajouter un utilisateur : le menu déroulant « Rôle »
Ajouter un utilisateur : le menu déroulant « Rôle »

WordPress propose 5 rôles natifs :

RôlePermissions
AdministrateurTout : extensions, thèmes, utilisateurs, contenus.
ÉditeurTous articles/pages, modération.
AuteurPublie ses propres articles.
ContributeurRédige, ne publie pas (en attente).
AbonnéProfil uniquement.

À faire

  1. Ouvrir Utilisateurs → Tous les utilisateurs.
  2. Cocher un ou plusieurs utilisateurs.
  3. Menu Modifier le rôle en… → choisir.
  4. Modifier.
  5. Ou fiche utilisateur : champ Rôle.

Accès BO

Utilisateurs → Tous les utilisateurs → [Bulk]

Vérification FO

  1. Se connecter en tant que l'utilisateur.
  2. Menus accessibles en BO (Auteur ne voit pas « Extensions »).
7.3

Changer l'auteur d'un article ou d'une page

Utile pour transférer la paternité.

À faire

  1. Ouvrir l'article/page.
  2. Sidebar de droite → onglet Article → Auteur.
  3. Menu déroulant → choisir l'auteur.
  4. Mettre à jour.
  5. Modification rapide : depuis la liste.
  6. Modification groupée : cocher plusieurs → Modifier.

Accès BO

Articles → [article] → Sidebar → Auteur

Vérification FO

  1. Ouvrir l'article.
  2. Nom de l'auteur sous le titre (selon thème).
  3. Cliquer → /author/identifiant/ avec ses articles.

💡 Point de révision — Utilisateurs WordPress

  • 5 rôles natifs : Administrateur, Éditeur, Auteur, Contributeur (rédige sans publier), Abonné.
  • Créer un compte : Utilisateurs → Ajouter (identifiant et email uniques, mot de passe, choix du rôle).
  • Changer l’auteur d’un article : article → sidebar droite → Auteur, ou modification rapide depuis la liste.
  • Piège du jour J : supprimer un utilisateur sans « Attribuer le contenu à » = perte de tous ses articles.
  • Sécurité : ne pas donner le rôle Administrateur à tous les collaborateurs.

Sources et références

Ce document s'appuie sur les références officielles suivantes :

Note sur les images : les captures d'écran utilisées proviennent de la documentation officielle WordPress.org et Yoast.com. Elles sont incluses à titre purement pédagogique pour la formation des candidats au BTS NDRC.

Quiz de validation

🎯Fiche de révision — Réflexes E5B WordPress L'essentiel à retenir

📌 Définitions clés

  • BO / FO : back-office (administration, /wp-admin) et front-office (site public) ; toujours ouverts dans deux onglets en parallèle pendant l'épreuve.
  • Page vs Article : la page est un contenu fixe non daté (Qui sommes-nous) ; l'article est un contenu de blog daté, classé par catégorie obligatoire (sinon « Non classé »).
  • Bloc Gutenberg : brique de contenu insérée avec le + bleu ou la commande / (Titre, Paragraphe, Bouton, Bannière, Image, Galerie, Tableau, Flux RSS, Calendrier, Audio, Fichier).
  • Spectra : extension gratuite ajoutant 7 blocs au référentiel — Slider, Form, FAQ, Testimonials, Team, Google Map, Countdown (version gratuite uniquement, pas Pro).
  • Yoast SEO : extension SEO — requête cible, titre SEO (50-60 caractères), méta-description (150-160 caractères), viser le feu vert.
  • Rôles utilisateurs : Administrateur (tout) > Éditeur (tous contenus) > Auteur (ses articles) > Contributeur (rédige sans publier) > Abonné (profil seul).
  • Texte alternatif (alt) : description d'une image pour l'accessibilité et le SEO ; obligatoire sur les images informatives, vide sur les images décoratives.

🛠️ Méthodes / réflexes examen : chemins BO essentiels

  1. Identité du site (logo, slogan, favicon 512×512 min) : Apparence → Personnaliser → Identité du site, ou Réglages → Général.
  2. Menus et sous-menus : Apparence → Menus → créer, ajouter Pages/Catégories/Liens personnalisés, décaler à droite pour un sous-menu, cocher l'emplacement, Enregistrer.
  3. Widgets (pied de page, sidebar) : Apparence → Widgets → + bloc-widget (Articles récents, Recherche, Icônes sociales avec URL https complète et ouverture nouvel onglet).
  4. Article : Articles → Ajouter → titre + contenu + catégorie + image mise en avant → Publier ; épingler : sidebar Article → Épingler en haut du blog.
  5. Page d'accueil statique : Réglages → Lecture → Une page statique → choisir Page d'accueil et Page des articles.
  6. SEO : hiérarchie un seul H1 puis H2/H3 ; Yoast en bas d'article : requête cible, titre SEO, méta-description ; étiquettes dans la sidebar.
  7. Commentaires : menu Commentaires → Approuver / Indésirable / Répondre ; réglages dans Réglages → Discussion.
  8. Médias : Médias → Ajouter (ou bloc Image) → remplir alt, titre, légende, description ; alignement et taille dans la toolbar et la sidebar du bloc.
  9. Utilisateurs : Utilisateurs → Ajouter (identifiant, email, rôle) ; changer l'auteur d'un article : sidebar Article → Auteur.
  10. RGPD : Réglages → Confidentialité → créer la page Politique de confidentialité, puis lien dans le pied de page.
  11. Après CHAQUE manipulation : recharger le FO avec Ctrl+F5 (vide le cache) et vérifier le rendu, y compris mobile.

📌 Pièges du jour J

  • Oublier de cliquer Publier / Mettre à jour = travail non sauvegardé = 0 point.
  • Ne pas faire Ctrl+F5 : le FO affiche l'ancienne version, on croit à une erreur.
  • Article sans catégorie (Non classé) ou sans image mise en avant.
  • Case « Demander aux moteurs de ne pas indexer » cochée dans Réglages → Lecture = SEO nul.
  • Icône sociale sans URL complète https:// = invisible ; lien externe sans « nouvel onglet ».
  • Texte alt manquant sur les images, ancres de liens du type « cliquez ici ».
  • Favicon inférieur à 512 px = rejeté ; menu créé mais non assigné à un emplacement = n'apparaît pas.
  • Utiliser des blocs Spectra Pro (grisés) alors que le référentiel exige la version gratuite.

📊 Chiffres repères

7 rubriques officielles du référentiel (Apparence, Contenu, Image et vidéo, Menu, Navigation, SEO, Utilisateurs) · 11 blocs Gutenberg + 7 blocs Spectra au programme · 5 rôles utilisateurs · Titre SEO : 50-60 caractères · Méta-description : 150-160 caractères · Densité mot-clé : 1-3 % · 2-5 liens internes et 1-3 liens externes par article · Favicon ≥ 512×512 px · Corbeille récupérable 30 jours