Logo EP Studly sites étudiants
Réserver une démo
WordPress BTS NDRCTutoriel pas-à-pas

Modifier votre header WordPress

Le header est la première zone visible du site : il porte le message d'accueil, l'image de marque et souvent le premier appel à l'action. Ce tutoriel le personnalise élément par élément — texte, image, vidéo et bouton.

Robin Richard · Formateur E5 · Co-fondateur d’EP Studly · 18 septembre 2025 · Mis à jour le 1 octobre 2025 · 4 min de lecture

Partager :
Comment modifier votre header wordpress TUTO E5B
Sommaire
  1. Introduction
  2. 1. Modifier le header wordpress et gérer les widgets
  3. 2. Ajouter une image dans le header wordpress
  4. 3. Ajouter une vidéo dans le header
  5. 4. Personnaliser lewidgetbouton
  6. 5. Publier les changements
  7. FAQ – Comment modifier le header WordPress
  8. Conseils pour l’examen
  9. Erreurs à éviter
  10. Checklist révision rapide

🎥 Regarde le tutoriel en vidéo

Introduction

Lors de l’épreuve E5B du BTS NDRC, vous devrez démontrer votre maîtrise des outils digitaux comme WordPress. Parmi les compétences clés figure la capacité à modifier le header WordPress pour y intégrer les bons éléments.

👉 Cette compétence est essentielle : l’entête est le premier élément que voit l’utilisateur, il doit être à la fois clair et professionnel.

1. Modifier le header wordpress et gérer les widgets

Accédez à Apparence > Personnaliser > Entête.

  • Vous verrez l’entête divisé en lignes et widgets.
  • Chaque zone peut être modifiée : titre, logo, bouton, etc.
  • Supprimez un widget via la croix.
  • Ajoutez-en un nouveau avec le “+”.
Accéder aux réglages WordPress
Accéder aux réglages WordPress
Aller dans l'option "en-tête" de wordpress
Aller dans l'option "en-tête" de wordpress

2. Ajouter une image dans le header wordpress

  1. Cliquez sur + Ajouter un widget sous la zone souhaitée.
  2. Choisissez Image.
  3. Importez depuis la médiathèque ou téléversez depuis votre ordinateur.
En-tête WordPress : zone d'ajout d'une image dans l'outil de personnalisation
En-tête WordPress : zone d'ajout d'une image dans l'outil de personnalisation
Widget d'en-tête numéro 1 : insertion d'une image dans le header
Widget d'en-tête numéro 1 : insertion d'une image dans le header
Image insérée dans le header, aperçu du rendu dans l'outil de personnalisation
Image insérée dans le header, aperçu du rendu dans l'outil de personnalisation
Ajout image dans le header wordpress
Ajout image dans le header wordpress

📌 Conseil : privilégiez une image légère (optimisée pour le web) pour ne pas ralentir le site.

3. Ajouter une vidéo dans le header

  1. Supprimez l’image si nécessaire.
  2. Cliquez sur + Ajouter un widget > Vidéo.
  3. Téléversez un fichier MP4 ou importez depuis la médiathèque.
Vidéo dans le header
Vidéo dans le header

👉 Une vidéo peut dynamiser la page, mais attention au poids du fichier pour éviter un site lent.

4. Personnaliser lewidgetbouton

Sélectionnez le widget bouton et ajustez :

  • Texte : ex. “Contactez-nous”.
  • Lien : vers la page contact ou une autre ressource.
  • Cible : ouvrir dans un nouvel onglet (option utile).
  • Visibilité : gérer affichage PC / tablette / mobile.
  • Design : couleur du texte, survol, fond, bordure, rayon d’arrondi.
Lien bouton wordpress
Lien bouton wordpress
Style bouton wordpress
Style bouton wordpress

📌 Exemple : bouton blanc, texte noir au survol, arrondis de 30 px.

5. Publier les changements

N’oubliez jamais de cliquer sur Publier pour enregistrer vos modifications et vérifier le rendu final en front-office.

Publier sur wordpress
Publier sur wordpress

FAQ – Comment modifier le header WordPress

Le header WordPress, ou en-tête, est la première zone visible de votre site : logo, menu, bouton et parfois réseaux sociaux.

Dans l’épreuve E5B du BTS NDRC, savoir modifier le header WordPress est indispensable pour créer un site clair, fonctionnel et professionnel.

👉 Cette FAQ répond aux principales questions posées par les étudiants et débutants sur la personnalisation du header WordPress : réglages, éléments modifiables, bonnes pratiques et erreurs à éviter.

1. Qu’est-ce que le header WordPress ?

Le header WordPress correspond à l’en-tête du site. Il inclut généralement le logo, le menu de navigation, parfois un bouton d’appel à l’action et des icônes de réseaux sociaux. C’est la zone la plus visible et essentielle pour l’identité du site.

2. Comment modifier le header WordPress ?

Pour modifier le header WordPress, allez dans Apparence > Personnaliser > En-tête. Vous pourrez y gérer le logo, le menu principal, les widgets et la disposition. Certains thèmes ou constructeurs (ex. Elementor, Spectra) offrent encore plus d’options de personnalisation.

3. Quels éléments peut-on personnaliser

Dans l’onglet En-tête, vous pouvez modifier :

le logo et le titre du site,
le menu de navigation principal,
un bouton CTA (ex. : “Contactez-nous”),
les icônes de réseaux sociaux,
les couleurs, polices et espacements.

4. Pourquoi modifier le header est important pour l’épreuve E5B du BTS NDRC ?

Le header reflète la crédibilité de l’entreprise. Dans l’épreuve E5B, montrer que vous savez personnaliser un en-tête WordPress prouve votre maîtrise des outils digitaux et votre capacité à créer un site adapté au parcours client.

5. Quelles erreurs éviter lors de la modification du header

Laisser le logo par défaut du thème.
Mettre un menu trop long ou désorganisé.
Oublier d’adapter le header au responsive mobile.
Ne pas publier après les modifications.

Conseils pour l’examen

  • Justifiez toujours vos choix (ex. : image optimisée pour le web, bouton clair pour l’appel à l’action).
  • Préférez un design sobre et professionnel plutôt que surchargé.
  • Ajoutez un alt text descriptif aux images/vidéos (point bonus SEO/accessibilité).

Erreurs à éviter

  • Ajouter une vidéo trop lourde (ralentit le site).
  • Oublier de lier le bouton à une page fonctionnelle.
  • Utiliser une image non recadrée ou floue.
  • Négliger la visibilité mobile/tablette.

Checklist révision rapide

  • Widgets de l’entête identifiés et gérés
  • Image ajoutée (optimisée, recadrée)
  • Vidéo ajoutée (légère, format MP4)
  • Bouton configuré (texte, lien, design)
  • Couleurs/bordures cohérentes avec la charte

📚 Envie d’aller plus loin ? Découvrez notre guide complet BTS NDRC E5B 2025-2026 – Formation WordPress BTS NDRC 2025 pour maîtriser toutes les compétences de l’épreuve !

🎥 Retrouvez tous nos tutos en vidéo sur la playlist YouTube dédiée !

Newsletter

La circulaire, les sujets, la méthode — dans votre boîte mail

Deux parcours distincts : formateur (ressources de classe, décryptage de la circulaire) ou étudiant (révisions, sujets corrigés). Zéro spam, désinscription en un clic.

En vous inscrivant, vous acceptez de recevoir nos emails. Désinscription à tout moment.

Robin Richard, EP Studly

Robin Richard

Co-fondateur d’EP Studly

07 43 39 76 98robin@epdigital.fr

Contactez nous pour obtenir une démo, une demande de devis ou de support.

Vos informations servent uniquement à traiter votre demande et sont conservées trois ans après notre dernier échange. Détail dans notre politique de confidentialité

Un membre de notre équipe vous recontacte sous 24 h