Sticky Header Effects for Elementor
Description
Sticky Header for Elementor est un plug-in de WordPress qui permet d’améliorer la navigation de vos sites. Elle offre la possibilité de rendre les en-têtes plus pratiques et plus dynamiques. Utilisé en complément de la version gratuite d’Elementor ou Elementor Pro, l’extension permet de créer des en-têtes fixes (sticky headers), qui restent visibles en haut de l’écran lorsque vous scrollerez votre écran vers le bas. Ici, on améliore à la fois l’expérience utilisateur et l’esthétique globale du site.
Les fonctionnalités principales du plug-in sont la fixation des en-têtes, le contrôle de la visibilité, la compatibilité avec les animations (exemple : faire apparaître ou disparaître l’en-tête), la personnalisation avancée et l’optimisation responsive.
Configuration
1- On installe d’abord le plug-in puis on l’active depuis le tableau de bord de WordPress, dans l’onglet « Ajouter une extension ».
2- On va ensuite dans la modification de page ou d’article avec Elementor si on a la version Pro. Si on travaille sur la version gratuite, il sera nécessaire d’installer le plug-in Elementor Header & Footer Builder. Une fois l’installation faite et notre en-tête crée, on se rend sur la page de modification Elementor du header.
3- On accède au panneau latéral gauche et on se rend dans la section du plug-in.
4-Ici, on sélectionne « Position collante »(« Sticky ») puis on spécifiera si l’en-tête doit rester visible et comment elle doit se comporter sur la page.
Utilisation personnelle
J’ai utilisé le plug-in Sticky Header for Elementor pour personnaliser l’en-tête de mon site afin d’en améliorer la navigation.
En effet, ayant une page d’accueil one page, je souhaitais que l’on puisse accéder à toutes les parties de mon site, hors la catégorie « mes extensions » depuis cette page. J’ai donc rendu mon menu de navigation fixe; de ce fait, vous pouvez accéder à toutes les sections, descendre et remonter, facilement.
Ça m’a permis de faciliter l’expérience utilisateur et la navigation.