Une navigation par ancres permet, sur une page longue (« one-page »), de faire défiler directement vers une SECTION précise de la MÊME page via un menu — voici comment la mettre en place dans Elementor. Le principe des ancres : (1) Une ANCRE est un repère placé à un endroit de la page (une section). (2) Un LIEN peut pointer vers cette ancre (via son identifiant, précédé de #). (3) Cliquer sur ce lien fait DÉFILER la page jusqu'à l'ancre (au lieu d'aller vers une autre page). C'est ce qui permet, sur une page « one-page » (tout sur une seule longue page : accueil, services, à-propos, contact), d'avoir un menu qui mène à chaque section. La méthode dans Elementor : (1) Placez une ANCRE à chaque section cible. Elementor propose un widget « Menu Anchor » (ancre de menu) : glissez-le au début de la section vers laquelle vous voulez pouvoir naviguer, et donnez-lui un IDENTIFIANT unique (ex. « services », « apropos », « contact »). (Alternative : donner un ID CSS à la section elle-même via l'onglet Avancé.) (2) Créez les LIENS vers ces ancres. Dans votre menu (ou vos boutons), pointez chaque lien vers l'ancre correspondante en utilisant #identifiant (ex. le lien « Services » pointe vers « #services »). (a) Pour un menu WordPress : ajoutez des liens personnalisés avec l'URL « #services », etc. (b) Pour des boutons Elementor : dans le champ lien, mettez « #services ». (3) Activez le DÉFILEMENT FLUIDE (smooth scroll) pour que le défilement vers l'ancre soit doux et animé (plutôt qu'un saut brusque) — Elementor le gère (réglage global ou via les liens), améliorant l'expérience. (4) TESTEZ : cliquer sur chaque lien doit faire défiler jusqu'à la bonne section. Les usages : (1) Sites « ONE-PAGE » (une seule longue page avec toutes les sections) : le menu navigue entre les sections par ancres. (2) Pages longues : un sommaire/menu interne pour accéder directement à une partie. (3) Boutons « aller à » (ex. un bouton « Nous contacter » qui défile vers la section contact plus bas). Les bonnes pratiques : (1) IDENTIFIANTS clairs et uniques (services, apropos, contact — sans espaces ni accents, en minuscules). (2) DÉFILEMENT FLUIDE activé (expérience agréable). (3) Prévoir le DÉCALAGE de l'EN-TÊTE FIXE : si l'en-tête est « collant » (fixe en haut), le défilement vers une ancre peut cacher le haut de la section sous l'en-tête — Elementor permet de régler un décalage (offset) pour compenser. (4) MENU clair (les sections principales). (5) Tester sur MOBILE (le défilement et le menu hamburger doivent bien fonctionner). (6) Liens corrects (# + bon identifiant). Les pièges : (1) Identifiants incohérents entre l'ancre et le lien (# qui ne correspond pas → ne défile pas). (2) Oublier l'offset de l'en-tête fixe (section cachée sous l'en-tête). (3) Saut brusque sans smooth scroll (moins agréable). (4) Espaces/accents dans les identifiants (peuvent poser problème). En résumé : créez une navigation par ancres pour une page longue en PLAÇANT une ANCRE (widget « Menu Anchor » ou ID de section) au début de chaque section cible, avec un IDENTIFIANT unique (services, apropos, contact), puis en créant des LIENS pointant vers ces ancres via #identifiant (dans le menu WordPress avec des liens personnalisés « #services », ou dans les boutons Elementor). Activez le DÉFILEMENT FLUIDE (smooth scroll) pour un défilement doux, et réglez un DÉCALAGE (offset) si l'en-tête est fixe (pour ne pas cacher le haut de la section). C'est idéal pour les sites « one-page » et les pages longues (menu ou boutons menant directement aux sections). Veillez à des identifiants clairs et cohérents (ancre = lien), testez sur mobile, et vérifiez les liens. La navigation par ancres offre une expérience fluide sur les pages longues — le visiteur accède directement à ce qui l'intéresse.

Le menu de navigation se gère dans WordPress (et, avec Elementor Pro, se conçoit dans l'en-tête via le Theme Builder), et doit être adapté au mobile — généralement en menu « hamburger » — car la navigation est essentielle et le mobile majoritaire. Gérer le MENU : (1) Les menus se créent dans WordPress (Apparence → Menus) : on y ajoute les éléments (pages, liens personnalisés, catégories), on les ORGANISE (ordre, sous-menus/menus déroulants), on assigne le menu à un emplacement (ex. « menu principal »). (2) L'affichage de l'en-tête dépend de la version : (a) en Elementor FREE, l'en-tête (et donc le menu) vient du THÈME (on le gère via les options du thème et les menus WordPress) ; (b) avec Elementor PRO et le THEME BUILDER (niveau 3-1), on CONÇOIT l'en-tête dans Elementor et on y place un WIDGET de menu de navigation (Nav Menu) — contrôle total du design du menu. (3) Un menu clair et logique (les pages/sections importantes, bien organisées, pas trop d'items) guide le visiteur. Adapter au MOBILE : (1) Pourquoi : sur mobile (écran étroit, majoritaire), un menu horizontal complet ne tient pas. Il faut une version adaptée. (2) Le menu « HAMBURGER » : la solution standard — le menu se replie derrière une icône (trois barres, le « hamburger ») ; le visiteur clique pour le dérouler. Cela économise l'espace tout en gardant la navigation accessible. (3) Selon la version : (a) en Free, le comportement responsive du menu dépend du THÈME (la plupart des thèmes gèrent le hamburger sur mobile) ; (b) en Pro, le widget de menu de navigation propose des options responsive (point de bascule vers le hamburger, style du menu mobile, du menu déroulant). (4) Régler le POINT DE BASCULE (à partir de quelle largeur le menu passe en hamburger) et soigner le menu mobile (lisible, cibles tactiles assez grandes). Les bonnes pratiques : (1) MENU CLAIR et LOGIQUE : les pages/sections principales, bien ordonnées ; ne pas surcharger (trop d'items perd le visiteur ; regrouper en sous-menus si besoin). (2) Adapter au MOBILE (hamburger), tester le déroulé et la lisibilité sur petit écran. (3) Cibles tactiles assez grandes (liens faciles à toucher). (4) Cohérence du menu sur tout le site (surtout avec le Theme Builder en Pro : un en-tête unique pour toutes les pages). (5) ACCESSIBILITÉ : navigation au clavier, liens explicites, structure claire. (6) LIENS corrects (pas de liens cassés). (7) Mettre en avant les éléments importants (un bouton d'appel à l'action dans le menu, par exemple). Le lien avec le Theme Builder (Pro) : (1) En Pro, l'EN-TÊTE (avec le menu) se conçoit une fois dans le Theme Builder et s'applique à tout le site (niveau 3-1) — on maîtrise entièrement son design (logo, menu, boutons) et son comportement responsive. (2) En Free, on dépend du thème pour l'en-tête et le menu (moins de contrôle sur le design). Les pièges : (1) Menu surchargé (trop d'items). (2) Menu non adapté au mobile (illisible, débordant). (3) Cibles tactiles trop petites sur mobile. (4) Liens cassés ou incohérents. (5) En Free, oublier que le design du menu dépend du thème (choisir un thème adapté). En résumé : gérez le menu de navigation dans WordPress (Apparence → Menus : ajouter, organiser, sous-menus, assigner l'emplacement) ; son affichage dans l'en-tête vient du THÈME en Elementor Free, ou se CONÇOIT dans Elementor avec PRO et le Theme Builder (widget de menu de navigation, contrôle total — niveau 3-1). Adaptez-le au MOBILE, généralement en menu « HAMBURGER » (replié derrière une icône, déroulé au clic — pour économiser l'espace sur écran étroit), en réglant le point de bascule et en soignant la lisibilité et les cibles tactiles. Gardez un menu CLAIR et logique (pas surchargé), cohérent sur tout le site, accessible (clavier, liens explicites) et testé sur mobile. La navigation est essentielle à l'expérience, et le mobile étant majoritaire, un menu bien adapté (hamburger lisible) est indispensable. Avec Pro, le Theme Builder offre le contrôle complet de l'en-tête et du menu ; avec Free, on s'appuie sur le thème.