Jour 15 – WordPress : Gérer les widgets et la colonne latérale
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 :
- Gérer les widgets en pied de page et en colonne latérale de blog
- Personnaliser la structure des pages ou des articles avec une colonne latérale
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
Les widgets WordPress sont des blocs de contenu réutilisables affichables dans des zones spécifiques du thème (pied de page, colonne latérale). Ils permettent d’ajouter du contenu dynamique sans modifier le thème : liens de navigation, formulaire de recherche, liste d’articles récents, texte libre… La colonne latérale (sidebar) peut être activée ou désactivée selon le type de page et les options du thème.
Erreurs classiques :
- confondre widget et bloc Gutenberg
- ajouter un widget dans la mauvaise zone
- ne pas vérifier l’affichage en frontoffice après modification.
🎯 SUJET DU JOUR — Jour 15 / 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 enrichir le pied de page de son site avec des liens utiles et ajouter une colonne latérale sur les pages blog.
Ta mission : améliorer et enrichir le pied de page du site.
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 pied de page doit être structuré avec les informations de contact et des liens rapides. Le blog doit avoir une colonne latérale avec les articles récents.
Ta mission : structurer le pied de page
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Accède à la gestion des widgets et ajoute au moins 2 widgets dans le pied de page (ex : texte de présentation et liens de navigation).
🧠 Méthode
Apparence > Widgets. Trouver la zone « Pied de page » et y glisser les widgets souhaités.
💡 Indice :
Dans WordPress récent avec Gutenberg, les widgets utilisent aussi l’éditeur par blocs. Cherche le bloc « Widget texte » ou « Menu de navigation ».
Question 2
Configure le widget texte du pied de page pour afficher une courte présentation de l’entreprise et un lien vers la page Contact.
🧠 Méthode
Dans le widget Texte/HTML, rédige le texte et insère un lien HTML simple vers la page Contact.
💡 Indice :
Le widget texte accepte du HTML basique : <a href= »/contact »>Nous contacter</a>
Question 3
Ajoute un widget « Articles récents » dans la colonne latérale du blog en affichant les 3 derniers articles.
🧠 Méthode
Apparence > Widgets > zone « Colonne latérale de blog » ou « Sidebar » > ajouter le widget « Articles récents » > configurer pour afficher 3 articles.
💡 Indice :
Si la colonne latérale n’est pas visible, elle doit d’abord être activée dans les options du thème Astra.
Question 4
Personnalise la structure d’un article de blog pour afficher la colonne latérale à droite du contenu.
🧠 Méthode
Ouvrir un article > dans le panneau latéral droit > Options du thème Astra > choisir la disposition « Colonne latérale droite ».
💡 Indice :
Astra permet de définir une disposition différente pour chaque article individuellement, ou de définir une disposition par défaut pour tous.
Question 5
Vérifie en frontoffice que le pied de page et la colonne latérale s’affichent correctement avec le bon contenu.
🧠 Méthode
Aller sur le frontoffice, naviguer vers un article de blog pour vérifier la sidebar et faire défiler jusqu’en bas pour vérifier le footer.
💡 Indice :
Le pied de page est visible sur toutes les pages. La colonne latérale n’apparaît que sur les pages/articles où elle est activée.
✅ CORRECTION
Question 1
Apparence > Widgets. Identifier la zone « Footer » ou « Pied de page » (noms variables selon la configuration du thème). Cliquer dessus pour déplier. Cliquer sur + pour ajouter des blocs (dans WordPress avec éditeur de blocs) : ajouter un bloc Paragraphe et un bloc Navigation ou Liste.
❌ erreurs fréquentes :
ajouter les widgets dans la Sidebar au lieu du Footer / chercher une interface glisser-déposer classique non disponible dans les versions récentes.
Question 2
Dans le widget texte du pied de page, rédiger : nom de l’entreprise, 1-2 phrases de présentation, puis insérer un lien avec le bloc Bouton ou en HTML. Mettre à jour.
❌ erreurs fréquentes :
oublier de mettre à jour après modification du widget.
Question 3
Apparence > Widgets > zone Sidebar ou Colonne latérale blog > ajouter le bloc/widget « Articles récents ». Configurer : Nombre d’articles à afficher : 3. Mettre à jour.
❌ erreurs fréquentes :
mettre le widget dans le Footer au lieu de la Sidebar.
Question 4
Ouvrir l’article concerné dans l’éditeur. Dans le panneau latéral droit > section Astra Settings ou Options Astra > Sidebar. Sélectionner « Droite ». Mettre à jour l’article.
❌ erreurs fréquentes :
modifier le paramètre global du thème au lieu du paramètre individuel de l’article.
Question 5
Ouvrir un article en frontoffice. Vérifier que la colonne latérale est visible à droite avec les 3 articles récents. Descendre en bas de page et vérifier la présence du texte de présentation et des liens dans le footer.
❌ erreurs fréquentes :
tester sur la page d’accueil au lieu d’un article où la sidebar est configurée.
🔁 Demain — Jour 16
PrestaShop : SEO et référencement sur PrestaShop
— L’équipe Studalya