Comment modifier l'en-tête dans WordPress

Récemment, l'un de nos lecteurs nous a demandé des instructions étape par étape sur la façon de modifier l'en-tête dans WordPress, car il n'avait rien trouvé pour le guider à partir de zéro.

Bien que ce soit quelque chose de très basique, nous avons pensé que c'était une excellente occasion d'aider ceux qui débutent dans leur parcours WordPress.

Alors, sans plus tarder, plongeons dans la façon dont vous pouvez modifier l'en-tête de votre site WordPress et le styliser pour le rendre 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é.

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

• Polices
• 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, puis cliquez sur l'option Éditeur dans le menu.

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 Motifs.

Maintenant, il vous suffit de faire défiler vers le bas jusqu'à ce que vous puissiez voir la section Parties de modèle, puis de cliquer sur En-tête pour ouvrir ses options.

Sur le côté droit 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.

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).

Étape 2 : Ajouter le logo de votre site

Une fois dans l'éditeur de blocs pour l'en-tête de votre site Web, cliquez sur l'icône Vue Liste afin de savoir facilement quels éléments sont inclus dans l'en-tête WordPress.

Développez tous les blocs inclus dans la vue Liste, cliquez sur le premier élément Ligne et définissez l'Alignement sur Pleine largeur pour commencer à personnaliser le modèle d'en-tête.

Maintenant, il vous suffit de cliquer sur l'option Logo du site dans la Vue Liste et de cliquer sur l'icône Télécharger dans la section d'aperçu de l'en-tête.

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 Médiathèque existante.

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.

Excellent travail ! C'est tout ce que vous devez faire pour télécharger le logo de votre site dans l'en-tête. Passons maintenant à l'étape suivante : l'ajout du 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 de votre site sur le thème WordPress. Cliquez simplement sur Titre du site dans la Vue Liste.

Ensuite, de la même manière que nous avons modifié le logo du site précédemment, cliquez sur le bloc qui dit « Écrire le titre du site... » et ajoutez votre Titre du site à l'intérieur.

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

Étape 4 : Ajouter les navigations de page

Pour ajouter vos pages à l'en-tête, cliquez simplement sur Navigation dans la Vue Liste, puis cliquez sur l'option Modifier pour son bloc.

Cela vous mènera à la page d'édition de bloc dédiée à l'élément Navigation, où vous pourrez ajouter de nouvelles pages et leurs liens via l'icône Plus.

Cela complétera l'apparence 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 !

Ajoutons un peu de style à votre en-tête maintenant pour le rendre plus attrayant et pour qu'il corresponde aux tons de couleur de votre site Web.

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

L'une des modifications les plus basiques que vous puissiez apporter à l'en-tête est de changer sa couleur d'arrière-plan. Pour ce faire, cliquez sur la première Ligne et ouvrez ses Paramètres.

Vous pourrez maintenant voir les options de Bloc pour la Ligne sélectionnée. Tout ce que vous avez à faire maintenant est de cliquer sur l'icône Styles à côté de l'icône d'engrenage (paramètres).

Cela ouvrira de nombreuses options pour la Ligne sélectionnée, où vous pourrez modifier la couleur, l'image d'arrière-plan, la typographie et les dimensions.

Vous pouvez explorer ces options pour rendre votre en-tête plus attrayant. Puisque nous avions juste besoin de changer la couleur, nous avons sélectionné le blanc pour le Texte et le noir pour l'Arrière-plan.

Comme vous pouvez le voir, l'en-tête sur le front-end est beaucoup plus beau maintenant et donne au site Web un aspect plus complet.

Voulez-vous apporter d'autres modifications à l'en-tête, comme insérer des icônes de réseaux sociaux et un bouton CTA ? Eh bien, le processus est simple !

Étape 6 : Ajouter des icônes sociales et un bouton CTA

Pour ajouter des icônes de réseaux sociaux et un bouton CTA, vous devrez ajouter une nouvelle Ligne. Cliquez sur l'icône Plus (+) et sélectionnez le bloc Ligne.

Ensuite, faites glisser le bloc Ligne nouvellement ajouté au-dessus de la ligne existante afin que vous puissiez le personnaliser librement sans affecter l'en-tête existant.

Après cela, cliquez sur le bouton (+) à l'intérieur de la nouvelle Ligne et recherchez et sélectionnez le bloc Icônes de réseaux sociaux.

Similaire à la façon dont nous avons ajouté des pages dans la Navigation, cliquez sur le bouton (+) pour insérer des Widgets de réseaux sociaux pour les plateformes de votre choix.

Une fois terminé, sélectionnez à nouveau la Ligne dans la Vue Liste et cliquez à nouveau sur le bouton (+) pour ajouter un bloc Bouton à votre en-tête.

Tout ce que vous avez à faire maintenant est de donner à votre bouton un texte comme « Réservez maintenant ! » et de mettre à jour son Lien pour configurer une redirection pour les visiteurs du site Web.

Pour que tout cela s'assemble, sélectionnez à nouveau la Ligne et définissez l'Alignement sur Largeur totale comme nous l'avons fait avec la première ligne.

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

Et voilà ! Votre en-tête est maintenant complet et parfait. Cliquez simplement sur le bouton Enregistrer en haut pour ne pas perdre vos modifications.

Étape 7 : Ajouter un logo aux modèles d'e-mails (facultatif)

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

Il est facile de modifier le fonctionnement des notifications par e-mail dans WPForms. Tout d'abord, allez dans WPForms » Paramètres et cliquez sur l'onglet E-mail.

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

Ensuite, pour ajouter le logo de votre site aux e-mails, accédez à la section Image d'en-tête et cliquez sur le bouton Télécharger l'image.

Une fois votre image téléchargée, sélectionnez la taille souhaitée pour l'image à utiliser dans vos notifications par e-mail à partir d'un menu déroulant.

Ensuite, cliquez simplement sur le lien Aperçu du modèle d'e-mail situé sous le menu déroulant Typographie.

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 dans WordPress est un sujet populaire auprès de nos lecteurs. Voici les réponses à quelques questions courantes à ce sujet.

Comment personnaliser mon en-tête dans WordPress ?

Pour personnaliser votre en-tête dans WordPress, accédez à votre tableau de bord et allez dans Apparence > Personnaliser. Ici, vous trouverez la section En-tête. Cliquez dessus pour explorer diverses options, telles que la modification du logo, l'ajustement de la mise en page de l'en-tête, des couleurs et d'autres éléments. Certains thèmes offrent des options d'en-tête supplémentaires à ajuster pour correspondre à votre style.

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

La modification des boutons d'en-tête dans WordPress implique généralement d'accéder au personnalisateur via Apparence > Personnaliser. Une fois sur place, recherchez les paramètres En-tête ou 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 prend en charge. 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, découvrez comment créer un formulaire en plusieurs étapes dans Elementor

Vous vous êtes déjà demandé comment augmenter l'engagement des utilisateurs et la génération de prospects sur votre site Web avec un formulaire multi-étapes Elementor ? Ces formulaires guident les utilisateurs à travers le processus étape par étape, le rendant moins intimidant et plus convivial.

Créez votre formulaire WordPress maintenant

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

Si cet article vous a aidé, veuillez nous suivre sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.