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.
Dans cet article
- Étape 1 : Accéder à l'éditeur de site
- Étape 2 : Ajouter le logo de votre site
- Étape 3 : Ajouter le titre du site
- Étape 4 : Ajouter des pages de navigation
- Étape 5 : Modifier la couleur d'arrière-plan
- Étape 6 : Ajouter les icônes sociales et le bouton CTA
- Étape 7 : Ajouter un logo aux modèles de courrier électronique (facultatif)
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 !
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.
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).
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.
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.
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.
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.
Ensuite, cliquez sur le bouton (+) dans la nouvelle rangée et recherchez et sélectionnez le bloc 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.
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.
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.
Pour que tout soit parfait, sélectionnez à nouveau la ligne et réglez l'alignement sur "pleine largeur" , comme pour la première ligne.
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.
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.
É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.
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.
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.
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.
Ensuite, il suffit de cliquer sur le lien Prévisualiser le modèle d'e-mail situé dans 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 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.