L’en-tête et le pied de page sont des éléments cruciaux de tout serveur WordPress – ils déterminent l’expérience utilisateur, la navigation, l’image de marque, et bien plus encore. Avec Elementor, l’un des constructeurs de pages les plus puissants, l’édition de ces zones devient simple et intuitive – même si vous n’avez aucune connaissance en codage. Ce guide vous explique, étape par étape, comment modifier les en-têtes et les pieds de page à l’aide d’Elementor.

Ce dont vous aurez besoin

Pour éditer les en-têtes et les pieds de page avec Elementor, vous aurez besoin de ce qui suit :

  • WordPress installé et fonctionnel

  • Le plugin Elementor

  • La version Pro d’Elementor (pour une personnalisation complète de l’en-tête et du pied de page)

  • Alternativement, un thème qui supporte l’édition de l’en-tête et du pied de page avec Elementor (comme Hello Elementor, Astra, ou OceanWP)

Méthode 1 : Utiliser le constructeur de thème d’Elementor Pro

Elementor Pro comprend un constructeur de thème intégré qui vous permet de concevoir vos propres en-têtes et pieds de page à partir de zéro.

étapes :

  1. Installer et activer Elementor Pro

    • Allez dans Plugins → Ajouter un nouveau, téléchargez la version Pro et activez-la.

  2. Ouvrir le constructeur de thème

    • Naviguer vers Templates → Theme Builder

    • Sélectionnez l’onglet En-tête ou Pied de page et cliquez sur Ajouter nouveau

  3. Choisissez un modèle prédéfini ou partez de zéro.

    • Elementor propose des blocs d’en-tête et de pied de page professionnels.

  4. Personnalisez en utilisant le glisser-déposer

    • Ajoutez des widgets tels que Logo, Menu Nav, Recherche, Bouton, Icônes sociales, etc.

    • Utilisez les paramètres responsive pour ajuster la mise en page pour mobile/tablette.

  5. Définir les conditions d’affichage

    • Après modification, cliquez sur Publier et définissez l’emplacement d’affichage (site entier, pages spécifiques, catégories, etc.)

  6. Sauvegarder et prévisualiser

    • Vérifiez l’apparence de l’en-tête/du pied de page sur votre site.

Méthode 2 : Utilisation d’un thème compatible Elementor gratuit (pas de version Pro)

Certains thèmes comme Astra, Neve et OceanWP vous permettent d’utiliser la version gratuite d’Elementor pour personnaliser les en-têtes/pieds de page via le Customizer de WordPress ou leurs propres crochets.

Exemple avec Astra :

  1. Installer le thème Astra et les widgets Astra

  2. Allez dans Apparence → Personnaliser → Constructeur d’en-tête/pied de page

  3. Utilisez Elementor pour concevoir le contenu de l’en-tête/du pied de page via des crochets ou des modules de mise en page

  4. Sauvegarder les changements dans le Customizer

Note : Ces méthodes n’offrent pas toute la flexibilité d’Elementor Pro mais permettent un bon contrôle.

Méthode 3 : Utiliser un plugin (alternative gratuite)

Si vous utilisez la version gratuite d’Elementor et que votre thème ne supporte pas les modifications d’en-tête et de pied de page, vous pouvez essayer :

  • Elementor Header & Footer Builder de Brainstorm Force

Comment cela fonctionne-t-il ?

  1. Installez le plugin à partir de Plugins → Ajouter nouveau

  2. Allez dans Apparence → En-tête Pied de page & Blocs

  3. Cliquez sur Add New et choisissez Type : En-tête ou Pied de page

  4. Concevez la mise en page avec Elementor

  5. Définissez l’emplacement et les conditions d’affichage

Ce plugin gratuit vous offre de nombreuses options de type Pro.

Widgets utiles pour les en-têtes et les pieds de page

  • Logo du site

  • Menu de navigation

  • Formulaire de recherche

  • Icônes sociales

  • Bouton / Appel à l’action

  • Sélecteur de langue (pour les sites multilingues)

  • Texte des droits d’auteur

Vous pouvez également utiliser des balises dynamiques comme {{Titre du site}}, {{Année en cours}}, etc.

Réflexions finales

La personnalisation des en-têtes et des pieds de page avec Elementor offre une liberté de conception totale et donne à votre site un aspect professionnel. Que vous utilisiez Elementor Pro, un thème compatible ou un plugin gratuit, vous pouvez créer des designs uniques et réactifs qui correspondent parfaitement à votre marque.

Prenez le contrôle de l’apparence de votre site web de haut en bas – Elementor rend cela à la fois facile et amusant.