Jour 5 – WordPress : Gérer menus et navigation
Cet article fait partie d’une série de 30 exercices quotidiens pour réviser l’épreuve E5B (Relation client à distance et digitalisation) du BTS NDRC – session 2026.
Chaque jour, tu travailles sur un sujet concret, construit à partir des attendus réels de l’épreuve : un rappel de cours, un cas pratique et une correction détaillée.
Tu peux t’entraîner directement sur notre plateforme BTS NDRC Studalya WEB ou depuis n’importe quelle autre plateforme.
Compétences du jour :
Dans cet exercice, tu travailles les compétences suivantes issues de la circulaire BTS NDRC 2026 :
- Créer ou modifier les menus et sous-menus
- Créer un menu hors champ
- Ajouter un élément à un menu (catégorie, page, lien personnalisé)
- Modifier l’emplacement du menu principal
- Utiliser les onglets backoffice et frontoffice
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
Les menus WordPress permettent de structurer la navigation du site. Un menu peut contenir des pages, des catégories, des articles ou des liens personnalisés. Le menu hors champ (ou menu caché) est un menu créé mais non assigné à un emplacement d’affichage, il peut être utile pour des menus secondaires ou de pied de page. L’emplacement du menu (primaire, secondaire, pied de page) dépend du thème actif.
Ce que l’examinateur évalue : savoir créer un menu structuré, y ajouter différents types d’éléments, gérer les sous-menus et contrôler l’emplacement d’affichage.
Erreurs classiques :
- créer un menu sans l’assigner à un emplacement
- confondre sous-menu et nouvelle page
- ne pas sauvegarder le menu après modification.
🎯 SUJET DU JOUR — Jour 5 / 30
🏢 Contexte entreprise
Tu utilise notre plateforme BTS NDRC Studalya WEB :
Tu travailles pour Sucré’ative, une confiserie artisanale spécialisée dans la création de bonbons personnalisés.
Tu trouveras plus d’informations sur l’univers de la marque ici : Sucré’ative
ℹ️ Pense à d’abord te familiariser avec l’environnement Sucré’ative si ça n’est pas déjà en regardant comment sont construits les sites WordPress et PrestaShop.
L’objectif de Sucré’ative est aujourd’hui de développer sa présence en ligne pour toucher davantage une clientèle B2B (entreprises, événements, agences).
L’entreprise souhaite restructurer la navigation de son site WordPress pour mieux mettre en avant son offre B2B.
Ta mission : modifier le menu principal et créer un sous-menu dédié aux professionnels.
Tu n’utilise pas Studalya WEB :
Tu travailles pour Harmonia Instruments, une entreprise spécialisée dans la vente d’instruments de musique pour les particuliers et les professionnels.
L’entreprise propose :
- guitares, pianos, batteries
- accessoires et équipements
- services d’accompagnement pour musiciens
Jusqu’à présent, Harmonia était principalement positionnée sur une clientèle B2C.
Aujourd’hui, elle souhaite se développer sur un marché B2B : écoles de musique, studios, associations, événements.
Le site doit avoir une navigation claire séparant les offres grand public des offres professionnelles.
Ta mission : restructurer les menus en conséquence.
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Accède à la gestion des menus et identifie le menu principal existant. Ajoute une page « Nos offres » (crée-la si elle n’existe pas) comme nouvel élément du menu principal.
🧠 Méthode
Apparence > Menus. Sélectionne le menu principal. Dans la colonne de gauche, coche la page à ajouter et clique sur « Ajouter au menu ».
💡 Indice :
Si la page n’apparaît pas dans la liste, vérifie qu’elle est bien publiée.
Question 2
Crée un sous-menu « Professionnels » rattaché à l’élément « Nos offres » dans le menu principal, en y ajoutant au moins 2 liens (page ou lien personnalisé).
🧠 Méthode
Dans l’éditeur de menu, fais glisser l’élément légèrement vers la droite sous son parent pour en faire un sous-menu.
💡 Indice :
Le décalage vers la droite dans l’interface = niveau hiérarchique inférieur (sous-menu).
Question 3
Ajoute un lien personnalisé vers une URL externe (ex : page LinkedIn de l’entreprise) dans le menu.
🧠 Méthode
Dans la colonne de gauche > Liens personnalisés : renseigne l’URL et le texte du lien, puis clique sur « Ajouter au menu ».
💡 Indice :
Les liens personnalisés ne sont pas vérifiés par WordPress, une URL mal saisie ne générera pas d’erreur visible côté backoffice.
Question 4
Crée un second menu nommé « Menu Pied de page » sans l’assigner à un emplacement (menu hors champ). Ajoute-y au moins 2 éléments.
🧠 Méthode
Apparence > Menus > « Créer un nouveau menu ». Renseigne le nom, n’assigne aucun emplacement, sauvegarde.
💡 Indice :
Un menu hors champ est créé et géré dans le backoffice mais n’apparaît nulle part en frontoffice tant qu’il n’est pas assigné.
Question 5
Vérifie que le menu principal est bien assigné à l’emplacement « Menu principal » du thème Astra et contrôle le rendu en frontoffice.
🧠 Méthode
En bas de la page Menus > Réglages du menu > Emplacement d’affichage : coche « Menu principal ». Sauvegarde puis va sur le frontoffice.
💡 Indice :
Si le menu ne s’affiche pas en frontoffice, l’emplacement n’est probablement pas coché.
✅ CORRECTION
Question 1
Apparence > Menus. Sélectionner le menu existant ou en créer un. Dans Pages (colonne gauche) > cocher la page « Nos offres » > Ajouter au menu. La page apparaît dans la structure du menu à droite. Sauvegarder.
❌ erreurs fréquentes :
ajouter à un mauvais menu / ne pas sauvegarder.
Question 2
Dans la structure du menu (colonne droite), faire glisser l’élément à mettre en sous-menu vers la droite, jusqu’à ce qu’il soit décalé sous son parent. Le label « Sous-élément de » apparaît alors dans l’élément.
❌ erreurs fréquentes :
trop décaler vers la droite et créer un niveau 3 involontaire.
Question 3
Dans la colonne gauche > Liens personnalisés > renseigner l’URL (ex : https://linkedin.com/company/…) et le texte d’ancre (ex : « Suivez-nous sur LinkedIn ») > Ajouter au menu.
❌ erreurs fréquentes :
oublier le https:// dans l’URL.
Question 4
Apparence > Menus > onglet « Modifier les menus » > « Créer un nouveau menu » > saisir « Menu Pied de page » > Créer le menu. Ajouter 2 éléments (pages ou liens). Ne cocher aucune case dans Réglages du menu. Sauvegarder.
❌ erreurs fréquentes :
cocher involontairement un emplacement et écraser le menu déjà en place.
Question 5
Réglages du menu (en bas) > cocher « Menu principal » (ou « Primary Menu » selon la langue). Sauvegarder. Ouvrir le frontoffice, vérifier que le menu apparaît avec les bons éléments et que les sous-menus se déploient au survol.
❌ erreurs fréquentes :
oublier de sauvegarder après avoir coché l’emplacement / ne pas tester les sous-menus en frontoffice.
🔁 Demain — Jour 6
PrestaShop : Gérer les déclinaisons et attributs produit
— L’équipe Studalya