L’en-tête correspond à la partie supérieure du site. Il peut contenir du texte, une image ou une vidéo selon la configuration du thème et les consignes fournies.
Domaine E5B : Apparence. Les libellés et emplacements peuvent légèrement varier selon la version de WordPress installée ; les versions retenues pour l’examen sont précisées par les documents de chaque session.
Accès dans WordPress
WordPress → Apparence → Personnaliser → En-tête (Header Builder)
Étapes à suivre
- Depuis le tableau de bord WordPress, cliquer sur Apparence, puis sur Personnaliser.
- Dans le panneau de gauche, cliquer sur En-tête ou Header Builder (selon la version d’Astra).
- Vérifier que l’élément Titre du site / Logo / Texte est bien présent dans la zone d’en-tête.
- Pour modifier le texte de l’en-tête :
- Cliquer sur l’élément correspondant (titre ou texte).
- Modifier le contenu textuel selon les consignes.
- Cliquer sur l’élément correspondant (titre ou texte).
- Pour modifier une image d’en-tête :
- Cliquer sur l’option liée à l’arrière-plan ou à l’image de l’en-tête.
- Importer une nouvelle image depuis la bibliothèque de médias ou l’ordinateur.
- Cliquer sur l’option liée à l’arrière-plan ou à l’image de l’en-tête.
- Pour utiliser une vidéo en en-tête (si demandé) :
- Accéder aux réglages de l’arrière-plan de l’en-tête.
- Sélectionner une vidéo depuis la bibliothèque de médias ou via une URL si l’option est disponible.
- Accéder aux réglages de l’arrière-plan de l’en-tête.
- Ajuster les paramètres d’affichage si nécessaire (alignement, hauteur, visibilité).
- Vérifier le rendu en direct dans l’aperçu du site.
- Tester l’affichage sur ordinateur et mobile si les options sont disponibles.
- Cliquer sur Publier pour enregistrer les modifications.
Points d’attention
- Toute modification non publiée sera perdue.
- Les images utilisées doivent être adaptées à l’en-tête (format large, bonne résolution).
- Une vidéo trop lourde peut ralentir l’affichage du site.
- L’en-tête doit rester lisible et cohérent avec l’identité du site.
- Le rendu doit être vérifié sur le site après publication.
Exercice d’entraînement
Cas fictif Jump4Fun, conçu par Instansia pour s’entraîner (ce n’est pas une annale).
Ajoutez dans l’en-tête une bannière avec la phrase d’accroche « Vivez votre premier saut » et une image d’arrière-plan.
Résultat attendu : La bannière apparaît sur la page d’accueil, le texte est lisible sur l’image et l’affichage mobile reste correct.
Comment vérifier votre travail
- Enregistrer ou publier la modification (« Publier », « Mettre à jour » ou « Enregistrer »).
- Ouvrir le site public dans un nouvel onglet et actualiser la page.
- Contrôler aussi l’affichage sur mobile.
Dans quel cas l’utiliser en relation client ?
L’en-tête est la première chose que voit le visiteur : il porte l’identité de l’entreprise, la navigation et souvent un appel à l’action (bouton, téléphone). Un en-tête clair oriente immédiatement le visiteur.
À l’E5B, la consigne peut demander d’ajouter un bouton, un texte ou une image dans l’en-tête.
Questions fréquentes
Comment ajouter un bouton dans l’en-tête avec Astra ?
Dans le constructeur d’en-tête de l’outil de personnalisation, ajoutez l’élément Bouton dans une zone, puis renseignez son texte et son lien.
Peut-on avoir un en-tête différent sur mobile ?
Oui, le constructeur d’en-tête d’Astra propose une vue mobile réglable séparément.
Pourquoi mes modifications ont-elles disparu ?
L’outil de personnalisation a probablement été fermé sans cliquer sur Publier.
À lire aussi
- Créer ou modifier l’identité du site (logo, slogan, icône)
- Modifier l’emplacement du menu principal
- Activer les réseaux sociaux
- Tous les tutoriels WordPress
- La liste complète des fonctionnalités E5B WordPress et PrestaShop
Enseignant ou formateur ? Instansia déploie pour chaque étudiant un WordPress et un PrestaShop prêts pour s’entraîner à l’épreuve E5B, avec un suivi centralisé. Réserver une démo.