Comment modifier les en-têtes et les pieds de page avec Elementor dans WordPress

Elementor, un puissant constructeur de pages par glisser-déposer pour WordPress, facilite la conception d’en-têtes et de pieds de page personnalisés sans nécessiter de connaissances en codage. En utilisant Elementor Pro ou le plugin Elementor Header & Footer Builder, vous pouvez créer et modifier ces zones pour donner à votre site un aspect et des fonctionnalités uniques. Voici comment modifier les en-têtes et les pieds de page avec Elementor dans WordPress.

Méthode 1 : Utilisation d’Elementor Pro

Si vous avez Elementor Pro, l’édition des en-têtes et des pieds de page est très simple grâce à la fonctionnalité Theme Builder.

Étape 1 : Installer Elementor Pro

1. Si ce n’est pas déjà fait, achetez et téléchargez Elementor Pro depuis le site web d’Elementor.
2. Dans votre tableau de bord WordPress, allez dans Plugins > Ajouter un nouveau et téléchargez le fichier ZIP d’Elementor Pro.
3. Cliquez sur Installer maintenant, puis sur Activer.
4. Assurez-vous que les deux plugins Elementor et Elementor Pro sont actifs sur votre site.

Étape 2 : Accéder à Elementor Theme Builder

1. Depuis le tableau de bord de WordPress, naviguez vers Templates > Theme Builder.
2. Sur la page Theme Builder, vous verrez des options pour créer des modèles pour les en-têtes, les pieds de page et d’autres parties du thème.

Étape 3 : Créer ou modifier l’en-tête

1. Cliquez sur l’onglet En-tête dans le concepteur de thème.
2. Pour créer un nouvel en-tête, cliquez sur Ajouter nouveau et sélectionnez En-tête.
3. Une fenêtre contextuelle vous demande de nommer le modèle ; donnez-lui un nom (par exemple, “En-tête principal”) et cliquez sur Créer un modèle.
4. Vous pouvez choisir parmi des modèles d’en-tête prédéfinis ou concevoir un en-tête à partir de zéro en faisant glisser et en déposant des éléments tels que des logos, des menus de navigation, des boutons, etc.
   • Ajoutez un logo: Utilisez le widget Image pour placer votre logo.
   • Ajoutez un menu de navigation: Utilisez le widget Nav Menu pour créer votre menu principal.
   • Ajouter des icônes sociales: Utilisez le widget Icônes sociales pour inclure des liens vers les médias sociaux.

Étape 4 : Définir les conditions d’affichage

1. Après avoir conçu votre en-tête, cliquez sur Publier.
2. Vous serez invité à définir les conditions d’affichage, qui déterminent l’endroit où l’en-tête apparaîtra sur votre site (par exemple, l’ensemble du site, des pages spécifiques ou des articles).
3. Choisissez l’endroit où vous souhaitez que l’en-tête s’affiche, puis cliquez sur Enregistrer et fermer.

Étape 5 : créer ou modifier le pied de page

1. Pour créer ou modifier un pied de page, répétez le processus en cliquant sur l’onglet Footer dans le Theme Builder.
2. Cliquez sur Ajouter nouveau et sélectionnez Pied de page.
3. Concevez votre pied de page en utilisant les widgets d’Elementor (par exemple, ajoutez des widgets comme du texte, des informations sur les droits d’auteur, des coordonnées ou des icônes sociales).
4. Après la conception, définissez les conditions d’affichage (similaires à celles de l’en-tête) et cliquez sur Enregistrer et fermer.

Méthode 2 : Utiliser Elementor Header & Footer Builder (Option gratuite)

Si vous utilisez la version gratuite d’Elementor, vous pouvez toujours créer des en-têtes et des pieds de page personnalisés en installant le plugin Elementor Header & Footer Builder.

Étape 1 : Installer le plugin Elementor Header & Footer Builder

1. Dans votre tableau de bord WordPress, naviguez vers Plugins > Ajouter un nouveau.
2. Recherchez Elementor Header & Footer Builder et cliquez sur Installer maintenant.
3. Après l’installation, cliquez sur Activer.

Étape 2 : Créer un nouveau modèle d’en-tête

1. Une fois le plugin activé, allez dans Apparence > Elementor Header & Footer Builder dans le tableau de bord de WordPress.
2. Cliquez sur Add New pour créer un nouveau modèle.
3. Dans la fenêtre popup, choisissez Header comme type de modèle.
4. Donnez un nom à votre modèle (par exemple, “Custom Header”) et cliquez sur Create Template (Créer un modèle).

Étape 3 : Concevoir l’en-tête avec Elementor

1. Vous serez redirigé vers l’éditeur Elementor, où vous pourrez concevoir votre en-tête personnalisé.
2. Utilisez les widgets d’Elementor pour ajouter du contenu tel qu’un logo, un menu de navigation et des icônes sociales.
3. Une fois que vous êtes satisfait du design, cliquez sur Publier.

Étape 4 : Attribuer des règles d’affichage

1. Après avoir cliqué sur Publier, définissez les règles d’affichage pour décider où l’en-tête apparaîtra (site entier, pages spécifiques, etc.).
2. Enregistrez vos modifications.

Étape 5 : Créer un modèle de pied de page

1. Pour créer un pied de page personnalisé, allez dans Apparence > Elementor Header & Footer Builder et cliquez sur Ajouter nouveau.
2. Sélectionnez Footer comme type de modèle.
3. Concevez le pied de page à l’aide de l’interface glisser-déposer d’Elementor, en ajoutant des widgets tels que des informations sur les droits d’auteur, des liens et des icônes sociales.
4. Définissez les règles d’affichage pour spécifier où le pied de page apparaîtra, puis enregistrez vos modifications.

Personnalisation de l’en-tête et du pied de page

Que vous utilisiez Elementor Pro ou le plugin gratuit, vous pouvez entièrement personnaliser le design de vos en-têtes et pieds de page :

• Ajouter un en-tête collant: Activez l’option collante pour l’en-tête dans les paramètres avancés, afin que l’en-tête reste visible lors du défilement.
• Conception réactive: Utilisez les paramètres réactifs d’Elementor pour ajuster l’affichage de votre en-tête et de votre pied de page sur les appareils mobiles et les tablettes.
• Ajouter du contenu dynamique: Pour les utilisateurs d’Elementor Pro, vous pouvez insérer du contenu dynamique comme des boutons de connexion, des paniers d’achat ou des barres de recherche.

Conclusion

L’utilisation d’Elementor pour créer et éditer des en-têtes et des pieds de page dans WordPress est un moyen facile et puissant de personnaliser le design de votre site sans coder. Avec Elementor Pro, vous pouvez contrôler entièrement l’en-tête et le pied de page avec le constructeur de thème, tandis que le plugin gratuit Elementor Header & Footer Builder offre une expérience similaire pour les utilisateurs qui n’ont pas la version Pro. En suivant ces étapes, vous pouvez créer un en-tête et un pied de page professionnels et uniques en un rien de temps.