Le header (appelé aussi entête) est la section qui s’affiche en haut des pages de ton site et contient le menu principal pour naviguer facilement sur ton site web.
Le footer (appelé aussi pied de page) est la section qui s’affiche en bas des pages de ton site web et contient le menu secondaire avec les pages légales (et peut contenir aussi d’autres liens utiles pour faciliter la navigation sur le site).
Pour les personnaliser, tu peux ajuster :
- le format (design) : voir ci-dessous avec Elementor Pro ou la version gratuite.
- le contenu des menus (ordre, libellés, liens) : voir l’étape suivante « menus« .
Cas n°1 : Tu as opté pour Elementor Pro
Avec Elementor Pro, le header et footer peut être défini via les réglages des modèles « Constructeur de thème », et configuré pour qu’il s’affiche sur tout ou partie de ton site web. Selon le mode d’installation des templates, le process diffère.
Option 1 : Installation des templates via le plugin
Le header et footer est déjà installé dans la section « Modèles » > « Constructeur de Thème ».
Ajuster le format du header et footer (ex: couleur, bouton)
Depuis le tableau de bord :
- Cliquer sur « modèles » dans la barre latérale,
- puis sur « constructeur de thème ».
- Choisir la section à modifier « entête » (=header) ou « pied de page » (=footer).
- Cliquer sur le modèle à modifier pour le sélectionner,
- puis sur « modifier » pour ouvrir l’éditeur Elementor.
- Cliquer sur un élément à modifier pour afficher les réglages et effectuer les modifications.
- Une fois terminé, cliquer sur « mettre à jour » pour appliquer les changements sur tout ton site web.
Changer le contenu des menus (ex: ordre, libéllés, liens)
- Voir l’étape suivante ajouter/modifier le menu
Option 2 : Installation des templates manuelle
Après avoir ajouté manuelle les templates de footer et header, il reste à régler l’affichage sur tout le site.
Configurer l’header et footer, et ajuste le format avec Elementor PRO
Depuis le tableau de bord de ton site web :
- Cliquer sur « modèles » dans la barre latérale,
- Puis sur « constructeur de thème« .
- Choisir « entête » ou « pied de page » selon ce que tu veux ajouter.
- Cliquer sur « + » ou « ajouter une nouvelle« .
- Dans la liste des modèles, rechercher le modèle de header ou footer pro déjà installé (préfixe « M-« .
- Le sélectionner et cliquer sur « insérer ».
- Ajuster la forme si besoin (ex: couleur, bouton) en cliquant sur les éléments à changer.
- Cliquer sur la flèche vers le haut à côté du bouton « publier » puis sur « conditions d’affichage ».
- Puis sur « ajouter une condition » et « Dans tout le site ».
- Sauvegarder en cliquant sur « publier ».
Modifier le contenu des menus (ordre, libellés, liens)
Cas n° 2 : Tu as la version gratuite d'Elementor
Si tu n’as pas opté pour Elementor Pro, le header et footer de ton site web se configure dans les réglages de ton thème.
Construire le header et footer (format)
Sans Elementor PRO
Depuis le tableau de bord de ton site web :
- Cliquer sur « apparence » dans le menu latérale.
- Puis, sur « Personnaliser ».
- Cliquer dans le nouveau menu latéral sur « pied de page » ou « entête » selon ce que tu veux personnaliser.
- Ensuite, selon le thème choisi, tu as plus ou moins d’options de personnalisation. Par exemple :
- avec le thème Astra, tu peux ajouter un bouton d’action au header et aller changer directement les menus en cliquant sur les liens « configurer les menus ».
- avec le thème Hello Elementor, les options sont très restreintes.
- Cliquer sur « publier » pour sauvegarder et appliquer les modifications.
