Comment modifier l'en-tête dans WordPress

Récemment, l'un de nos lecteurs nous a demandé des instructions pas à pas sur la manière de modifier l'en-tête dans WordPress, car il ne trouvait rien pour le guider à partir de zéro.

Bien qu'il s'agisse de quelque chose de très basique, nous avons pensé qu'il s'agissait d'une excellente occasion d'aider ceux qui débutent avec WordPress.

Sans plus attendre, nous allons voir comment vous pouvez modifier l'en-tête de votre site WordPress et lui donner un aspect plus attrayant.

Comment modifier l'en-tête dans WordPress

Avec la dernière version de WordPress, vous pouvez utiliser l'éditeur de site interactif et convivial pour personnaliser et marquer votre site web et créer facilement un en-tête personnalisé.

Comme la plupart des nouvelles installations de WP sont livrées avec le thème Twenty Twenty-Four, l'éditeur de site est très utile pour plusieurs personnalisations de l'en-tête :

  • Polices de caractères
  • Couleurs
  • Style des boutons
  • Et plus encore

Étape 1 : Accéder à l'éditeur de site

Depuis votre tableau de bord WordPress, naviguez simplement vers Apparence et cliquez sur l'option Éditeur dans le menu.

L'éditeur de sélection de WordPress dans l'apparence

Cela vous redirigera vers l'éditeur de site, où vous pourrez personnaliser l'apparence de votre site web à l'aide de l'éditeur de blocs. Ouvrez les options dans Patterns.

L'éditeur du site sélectionne des modèles

Il ne vous reste plus qu'à faire défiler la page jusqu'à ce que vous voyiez la section Template Parts et à cliquer sur Header pour ouvrir ses options.

parties du modèle sélectionner l'en-tête

Dans la partie droite de l'écran, cliquez sur l'image de l'en-tête pour ouvrir les options de personnalisation disponibles dans l'éditeur de site et cliquez sur l'icône Modifier.

cliquer sur l'icône de modification

Vous serez maintenant redirigé vers l'éditeur de blocs de WordPress, où vous pourrez commencer par ajouter votre logo, votre navigation, vos icônes sociales et même un bouton CTA (si nécessaire).

Une fois que vous êtes dans l'éditeur de blocs pour l'en-tête de votre site web, cliquez sur l'icône de la vue en liste afin de savoir facilement quels éléments sont inclus dans l'en-tête de WordPress.

vue de la liste d'en-tête

Développez tous les blocs inclus dans la vue en liste, cliquez sur le premier élément de la ligne et réglez l'alignement sur Pleine largeur pour commencer à personnaliser le modèle d'en-tête.

mettre la ligne en pleine largeur

Il ne vous reste plus qu'à cliquer sur l'option Logo du site dans la vue en liste et à cliquer sur l'icône Télécharger dans la section de prévisualisation de l'en-tête.

télécharger le logo du site

Vous pouvez choisir de télécharger votre logo via l'onglet Télécharger des fichiers, ou simplement sélectionner le fichier dans votre bibliothèque de médias existante.

sélectionner le logo du site

Si nécessaire, vous pouvez utiliser les points de redimensionnement pour modifier les dimensions et la taille du logo du site, en fonction de vos besoins ou exigences spécifiques.

redimensionner les points pour le logo du site

Bon travail ! C'est tout ce que vous avez à faire pour télécharger le logo de votre site dans l'en-tête. Passons maintenant à l'étape suivante, qui consiste à ajouter le titre de votre site !

Étape 3 : Ajouter le titre du site

L'ajout du titre du site dans l'en-tête de votre site web est tout aussi simple que le téléchargement du logo du site sur le thème WordPress. Il vous suffit de cliquer sur Titre du site dans la vue en liste.

sélectionner le titre du site dans la liste

Ensuite, de la même manière que nous avons changé le logo du site plus tôt, cliquez sur le bloc qui dit "Write site title..." et ajoutez le titre de votre site à l'intérieur.

ajouter le titre du site

Comme vous pouvez le voir, l'en-tête de votre thème prend peu à peu forme. Pour la prochaine étape, nous allons ajouter des éléments de navigation à votre en-tête.

Étape 4 : Ajouter des pages de navigation

Pour ajouter vos pages à l'en-tête, il vous suffit de cliquer sur Navigation dans la vue en liste, puis de cliquer sur l'option Modifier pour son bloc.

modifier le bloc de navigation

Vous accédez ainsi à la page de l'éditeur de blocs dédiée à l'élément Navigation, où vous pouvez ajouter de nouvelles pages et leurs liens à l'aide de l'icône Plus.

ajouter des pages à la navigation

Cela complétera l'aspect de votre en-tête, mais comme vous pouvez le voir, il semble trop simple et il y a beaucoup de place pour l'amélioration !

aperçu de l'en-tête

Ajoutons maintenant un peu de style à votre en-tête pour le rendre plus attrayant visuellement et l'harmoniser avec les couleurs de votre site web.

Étape 5 : Modifier la couleur d'arrière-plan

L'une des modifications les plus élémentaires que vous pouvez apporter à l'en-tête est de changer sa couleur de fond. Pour ce faire, cliquez sur la première rangée et ouvrez ses paramètres.

paramètres du bloc de rangées

Vous pouvez maintenant voir les options de bloc pour la rangée sélectionnée. Il ne vous reste plus qu'à cliquer sur l'icône Styles à côté de l'icône de l'engrenage (paramètres).

paramètres des styles de ligne

De nombreuses options s'ouvrent alors pour la ligne sélectionnée, dont vous pouvez modifier la couleur, l'image d'arrière-plan, la typographie et les dimensions.

Vous pouvez les explorer pour rendre votre en-tête plus attrayant. Comme nous devions simplement changer la couleur, nous avons choisi le blanc pour le texte et le noir pour l'arrière-plan.

modifier la couleur d'arrière-plan et le texte

Comme vous pouvez le constater, l'en-tête de la page d'accueil est désormais beaucoup plus attrayant et donne au site web un aspect plus complet.

header frontend preview

Vous souhaitez apporter d'autres modifications à l'en-tête, comme l'insertion d'icônes sociales et d'un bouton CTA ? La procédure est simple !

Étape 6 : Ajouter les icônes sociales et le bouton CTA

Pour ajouter des icônes sociales et un bouton CTA, vous devez ajouter une nouvelle rangée. Cliquez sur l'icône Plus (+) et sélectionnez le bloc Rangée.

insérer un bloc de lignes

Ensuite, faites glisser le bloc Row nouvellement ajouté au-dessus de la rangée existante afin de pouvoir le personnaliser librement sans affecter l'en-tête existant.

faire glisser la ligne au-dessus

Ensuite, cliquez sur le bouton (+) dans la nouvelle rangée et recherchez et sélectionnez le bloc Icônes sociales.

insérer des icônes sociales

De la même manière que nous avons ajouté des pages dans la navigation, cliquez sur le bouton (+) pour insérer des widgets de médias sociaux pour les plateformes de votre choix.

ajouter plusieurs icônes sociales

Une fois cela fait, sélectionnez à nouveau la rangée dans la vue en liste et cliquez à nouveau sur le bouton (+) pour ajouter un bloc Bouton à votre en-tête.

insérer un bloc de boutons

Il ne vous reste plus qu'à donner à votre bouton un texte du type "Réservez maintenant !" et à mettre à jour son lien pour mettre en place une redirection pour les visiteurs du site web.

ajouter un lien au bouton

Pour que tout soit parfait, sélectionnez à nouveau la ligne et réglez l'alignement sur "pleine largeur" , comme pour la première ligne.

mettre la ligne en pleine largeur

Ensuite, pour donner à cette section un aspect plus attrayant, utilisez le menu Modifier la justification des éléments et sélectionnez l'option Justifier les éléments à droite.

rangée justifier les éléments à droite

Et voilà ! Votre en-tête est maintenant complet et a l'air parfait. Il vous suffit de cliquer sur le bouton Enregistrer en haut de la page pour ne pas perdre vos modifications.

aperçu complet de l'en-tête

Étape 7 : Ajouter un logo aux modèles de courrier électronique (facultatif)

Envisagez d'ajouter votre logo à un modèle d'e-mail pour ajouter une image de marque cohérente qui se répercute également sur les e-mails envoyés à partir de votre site Web WordPress.

Il est facile de modifier le fonctionnement des Notifications par Email dans WPForms. Tout d'abord, allez dans WPForms " Settings et cliquez sur l'onglet Email.

wpforms email settings

Choisissez le style qui convient le mieux à votre image de marque dans la section Modèle et cliquez sur le bouton Choisir pour l'appliquer.

choisir un modèle moderne

Ensuite, pour ajouter le logo de votre site aux courriels, naviguez jusqu'à la section Image d'en-tête et cliquez sur le bouton Charger une image.

télécharger l'image d'en-tête

Une fois que vous avez téléchargé votre image, sélectionnez dans un menu déroulant la taille souhaitée pour l'image à utiliser dans vos notifications par courrier électronique.

image d'en-tête d'un modèle de courrier électronique

Ensuite, il suffit de cliquer sur le lien Prévisualiser le modèle d'e-mail situé dans le menu déroulant Typographie.

Aperçu du courrier électronique

Un nouvel onglet s'ouvrira dans votre navigateur où vous pourrez voir un aperçu de votre modèle d'e-mail de notification avec le logo de votre site !

FAQ sur la modification de l'en-tête dans WordPress

Apprendre à modifier l'en-tête de WordPress est un sujet populaire parmi nos lecteurs. Voici les réponses aux questions les plus courantes à ce sujet.

Comment personnaliser mon en-tête dans WordPress ?

Pour personnaliser votre en-tête dans WordPress, naviguez dans votre tableau de bord et allez dans Apparence > Personnaliser. Vous y trouverez la section En-tête. Cliquez dessus pour explorer diverses options, telles que la modification du logo, l'ajustement de la disposition de l'en-tête, des couleurs et d'autres éléments. Certains thèmes proposent des options d'en-tête supplémentaires à adapter à votre style.

Comment modifier les boutons d'en-tête dans WordPress ?

Pour modifier les boutons d'en-tête dans WordPress, il faut généralement accéder au Customizer via Appearance > Customize (Apparence > Personnaliser). Une fois dans le Customizer, cherchez les paramètres Header (En-tête ) ou Menu (Menu). Vous pouvez modifier les boutons en changeant leur texte, leurs liens et leurs styles ou en ajoutant de nouveaux éléments si votre thème le permet. Si nécessaire, vous pouvez également ajouter du code personnalisé pour modifier les boutons d'en-tête.

Comment réinitialiser mon en-tête et mon pied de page dans WordPress ?

Pour réinitialiser votre en-tête et votre pied de page dans WordPress, vous pouvez commencer par aller dans Apparence > Personnaliser et sélectionner la section En-tête ou Pied de page. Recherchez une option de réinitialisation dans ces paramètres. S'il n'y en a pas, vous devrez peut-être annuler manuellement les modifications ou utiliser un plugin qui offre des fonctionnalités de réinitialisation.

Ensuite, apprenez à créer un formulaire à plusieurs étapes dans Elementor

Vous êtes-vous déjà demandé comment augmenter l'engagement des utilisateurs et la génération de leads sur votre site web avec un formulaire multi-étapes Elementor? Ces formulaires guident les utilisateurs tout au long du processus, étape par étape, ce qui le rend moins accablant et plus convivial.

Créez votre formulaire WordPress maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.

Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Hamza Shahid

Hamza est rédacteur au sein de l'équipe WPForms et se spécialise également dans les sujets liés au marketing numérique, à la cybersécurité, aux plugins WordPress et aux systèmes ERP.En savoir plus

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.