Jour 1 – WordPress : Définir l’identité et l’apparence du site
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 l’identité du site (slogan, icône, logo)
- Modifier l’en tête (texte, photo et vidéo)
- Modifier l’emplacement du menu principal
- Activer les réseaux sociaux
- 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
Ces éléments font partie du bloc Apparence, souvent mobilisé en début d’épreuve.
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
Avant de publier du contenu, une entreprise doit d’abord poser les bases de son identité digitale.
Sur WordPress, cela passe par l’apparence du site : le nom, le slogan, le logo, mais aussi les premiers éléments visibles par l’utilisateur.
Dans l’épreuve E5B, ces manipulations sont fréquentes car elles traduisent une compétence essentielle : adapter un site à une stratégie commerciale.
L’examinateur ne vérifie pas seulement si tu sais modifier un paramètre.
Il regarde si tu es capable de donner une cohérence à un site.
Les éléments d’identité se modifient principalement via deux chemins :
- 1. Réglages > Général (titre du site et slogan)
- 2. Apparence > Personnaliser (logo, icône, en-tête, couleurs)
Le personnalisateur (Customizer) d’Astra offre des options étendues : logo, icône de site (favicon), image d’en-tête, activation des icônes réseaux sociaux.
Les erreurs les plus fréquentes sont simples :
- modifier des éléments sans logique globale
- oublier d’enregistrer les changements
- ne pas vérifier le rendu côté front-office
- Modifier des éléments sans logique globale (changer le logo mais pas le slogan)
- Oublier d’enregistrer les changements dans le personnalisateur
- Ne pas vérifier le rendu côté frontoffice après chaque modification
🏢 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).
Dans ce cadre, l’entreprise développe une nouvelle gamme de produits personnalisés destinés aux événements professionnels (séminaires, cadeaux clients, opérations marketing).
Ta mission d’aujourd’hui, avant de publier du contenu, va être de mettre à jour l’identité du site pour refléter ce positionnement.
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.
Ta mission d’aujourd’hu est de commencer par structurer l’identité du site, afin qu’elle reflète cette nouvelle orientation.
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Modifier le titre du site et le slogan pour refléter le positionnement de l’entreprise.
🧠 Méthode
Ton titre doit refléter le positionnement B2B.
Ton slogan doit expliquer clairement la proposition de valeur.
💡 Indice :
Le titre et le slogan se modifient dans les réglages généraux ou via le personnalisateur du thème.
Question 2
Ajouter ou modifier le logo du site.
🧠 Méthode
Choisis un visuel lisible et cohérent avec l’activité de l’entreprise.
💡 Indice :
Le logo se configure généralement dans l’onglet Apparence → Personnaliser.
Question 3
Modifier l’en-tête du site (texte ou visuel principal).
🧠 Méthode
Assure-toi que le message est clair dès l’arrivée sur le site.
💡 Indice :
L’en-tête correspond à la zone visible en haut du site (header).
Question 4
Activer les liens vers les réseaux sociaux.
🧠 Méthode
Même sans liens précis, l’important est d’activer l’affichage.
💡 Indice :
Les réseaux sociaux sont souvent intégrés via :
- le personnalisateur
- ou un widget
Question 5
Vérifier les modifications sur le front-office du site.
🧠 Méthode
Même sans liens précis, l’important est d’activer l’affichage.
💡 Indice :
Passe du back-office au front-office.
✅ CORRECTION
Question 1
Réglages > Général > champ ‘Titre du site’ et ‘Slogan’ > Enregistrer les modifications.
Exemple Sucré’ative : Titre = ‘Sucré’ative Pro’ | Slogan = ‘Confiseries personnalisées pour vos événements professionnels’
Exemple Harmonia : Titre = ‘Harmonia Instruments Pro’ | Slogan = ‘Solutions musicales pour les écoles et les professionnels’
❌ erreurs fréquentes :
- garder un slogan trop vague oublier la dimension B2B ne pas enregistrer
- oublier la dimension B2B
- ne pas enregistrer
Question 2
Apparence > Personnaliser > Identité du site > Logo > Sélectionner une image ou Téléverser.
Choix du visuel : format PNG avec fond transparent recommandé, lisible en petite taille.
Publier les modifications > vérifier en frontoffice que le logo s’affiche dans l’en-tête.
❌ erreurs fréquentes : oublier d’enregistrer ou utiliser un format inadapté. Uploader une image trop grande ou en mauvais format qui déforme l’en-tête.
Question 3
Apparence > Personnaliser > En-tête (selon Astra : section ‘Header’ ou ‘Constructeur d’en-tête’).
Modifier le texte principal visible sur la page d’accueil (souvent une image de type ‘hero’ avec titre et sous-titre).
Le contenu doit parler directement à une cible professionnelle : ne pas rester sur un message généraliste B2C.
Publier > Vérifier en frontoffice.
Question 4
Apparence > Personnaliser > Réseaux sociaux (selon la configuration du thème Astra).
Si l’option n’est pas dans le personnalisateur : Apparence > Widgets >clique sur le Footer en bas de page ou Sidebar > Ajouter un widget ‘Icones de réseaux sociaux’ ou ‘Texte’ avec les liens.
Renseigner a minima LinkedIn et Instagram.
Publier > Vérifier en frontoffice que les icônes apparaissent (header ou footer selon configuration).
Question 5
Bouton ‘Aller sur le site’ (barre supérieure backoffice, en haut à gauche).
Parcourir : menu, page d’accueil, articles, pied de page.
Exemple d’élément incohérent : un article de blog avec un titre trop informel, un visuel B2C inadapté, un widget ‘Articles récents’ vide ou sans catégorie.
Cette question entraîne à l’analyse critique du site — compétence attendue à l’épreuve orale.
🔁 Demain — Jour 2
Configurer l’apparence de la page d’accueil sur PrestaShop.
— L’équipe Studalya