Jour 11 – WordPress : Gérer médias, galeries et images
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 :
- Utiliser une bibliothèque média
- Ajuster et positionner un média
- Renseigner les textes alternatifs, le titre, la légende et la description d’une image
- Insérer et modifier une galerie
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
La bibliothèque média WordPress centralise tous les fichiers téléchargés (images, vidéos, PDF, audio). Chaque image doit impérativement avoir un texte alternatif (alt) pour le SEO et l’accessibilité, c’est le texte lu par les lecteurs d’écran et indexé par les moteurs de recherche. Le titre, la légende et la description sont des champs complémentaires utiles mais non obligatoires.
La galerie WordPress permet d’afficher plusieurs images dans une mise en page automatique. Elle se crée avec le bloc Galerie natif de Gutenberg.
Erreurs classiques :
- télécharger une image sans renseigner le texte alternatif
- confondre légende (visible en frontoffice) et description (usage interne)
- ne pas ajuster la taille ou le positionnement d’une image.
🎯 SUJET DU JOUR — Jour 11 / 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 visuellement sa page produit avec une galerie de photos de ses coffrets et optimiser les métadonnées de chaque image pour le SEO.
Ta mission : enrichir la page produit.
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.
La page dédiée aux instruments doit être enrichie d’une galerie photos de produits, avec des images correctement décrites pour le référencement.
Ta mission : enrichir la page.
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Accède à la bibliothèque média et télécharge au moins 2 nouvelles images. Pour chacune, renseigne le texte alternatif, le titre et la légende.
🧠 Méthode
Médias > Ajouter. Télécharger les images. Cliquer sur chaque image pour accéder à ses métadonnées dans le panneau de droite.
💡 Indice :
Le texte alternatif est le seul champ obligatoire pour le SEO et l’accessibilité. Les autres sont utiles mais secondaires.
Question 2
Dans un article ou une page, insère une image depuis la bibliothèque média et ajuste son positionnement (alignée à gauche, droite ou centrée) et sa taille.
🧠 Méthode
Dans l’éditeur > bloc Image > sélectionner depuis la bibliothèque. Utiliser la barre d’outils du bloc pour l’alignement. Dans le panneau latéral droit, modifier la largeur ou sélectionner une taille prédéfinie.
💡 Indice :
Les tailles prédéfinies (miniature, moyenne, grande, taille réelle) dépendent des réglages de WordPress.
Question 3
Crée une galerie d’au moins 3 images sur une page ou un article, en sélectionnant les images depuis la médiathèque.
🧠 Méthode
Dans l’éditeur > + > Galerie. Sélectionner les images dans la bibliothèque média > Créer une galerie.
💡 Indice :
Le bloc Galerie Gutenberg organise automatiquement les images en grille. Tu peux réordonner les images par glisser-déposer.
Question 4
Modifie les métadonnées (texte alternatif et légende) d’une image existante directement depuis la bibliothèque média, sans passer par l’éditeur de page.
🧠 Méthode
Médias > Médiathèque > cliquer sur une image > modifier les champs dans le panneau latéral ou cliquer sur « Modifier l’image » pour la page complète de modification.
💡 Indice :
Les modifications faites dans la bibliothèque s’appliquent globalement à l’image, partout où elle est utilisée sur le site.
Question 5
Vérifie en frontoffice que la galerie s’affiche correctement et que les légendes des images sont visibles.
🧠 Méthode
Publier ou mettre à jour la page > aller en frontoffice > vérifier l’affichage de la galerie et la lisibilité des légendes.
💡 Indice :
Certains thèmes masquent les légendes par défaut — vérifier quand même que le bloc est bien rendu.
✅ CORRECTION
Question 1
Médias > Ajouter > glisser-déposer ou sélectionner les fichiers. Une fois téléchargés, cliquer sur chaque image > panneau droit : renseigner Texte alternatif (description de l’image pour les moteurs), Titre (nom du fichier optionnel), Légende (texte visible sous l’image).
❌ erreurs fréquentes :
laisser le texte alternatif vide / utiliser le même texte alternatif pour toutes les images.
Question 2
Dans l’éditeur, + > Image > Médiathèque > sélectionner l’image. Dans la barre d’outils du bloc : icônes d’alignement (gauche, centre, droite). Dans le panneau latéral droit : sélectionner la taille (Miniature, Moyenne, Grande).
❌ erreurs fréquentes :
ne pas enregistrer après modification de la taille.
Question 3
Dans l’éditeur, + > « Galerie ». La bibliothèque s’ouvre > cocher les images souhaitées (3 minimum) > « Créer une nouvelle galerie » > valider. Les images s’affichent en grille dans l’éditeur. Publier/mettre à jour.
❌ erreurs fréquentes :
sélectionner le bloc Image au lieu du bloc Galerie / sélectionner moins de 3 images.
Question 4
Médias > Bibliothèque > cliquer sur l’image. Dans le panneau latéral : modifier directement le Texte alternatif et la Légende. Ces modifications sont immédiatement sauvegardées (pas de bouton Enregistrer à cliquer).
❌ erreurs fréquentes :
croire qu’il faut enregistrer manuellement — les champs se sauvegardent automatiquement.
Question 5
Aller sur la page publiée en frontoffice. Vérifier que la galerie s’affiche en grille. Cliquer sur une image pour vérifier si elle s’ouvre en plein écran (lightbox). Vérifier que les légendes sont visibles sous chaque image.
❌ erreurs fréquentes :
page pas mise à jour avant d’aller vérifier en frontoffice.
🔁 Demain — Jour 12
PrestaShop : Gérer les modules (carrousel, réassurance, réseaux sociaux)
— L’équipe Studalya