Skip to main content

Long Scroll Page ou site One page

Vous pouvez créer un site One page ou Long Scroll page facilement grâce aux identifiants uniques qui sont paramétrables au niveau des sections et composants de votre page.

L’effet de défilement est obtenu en créant un lien vers un de ces identifiants. Ce lien peut-être ajouté au menu de navigation principal mais également dans n’importe quel composant de votre page.

Le principe d’une Long Scroll Page est donc de remplacer les pages de votre site par des sections de contenu et de créer des liens vers ces différentes sections.

Par exemple au lieu d’avoir un site avec 4 pages qui seraient :

  1. Accueil
  2. A propos
  3. Nos services
  4. Contactez-nous

vous pourriez avoir une seule et unique page d’accueil avec 4 sections du même nom. Voici comment procéder :

  1. Éditer votre page d’accueil et ajoutez 4 sections. Ajoutez un titre à chacune de ces sections et utilisez les paramètres de grille et les composants pour agencer votre contenu.
  2. Éditer chaque section et renseignez un identifiant unique depuis l’onglet Avancé. Un identifiant s’écrit en minuscule, sans caractère accentué et sans espace. Vous pouvez remplacer les espaces par des tirets. Par exemple accueil – a-propos – nos-services – contactez-nous
  3. Depuis les gestionnaire de page qui reflète le menu de navigation, ajouter un lien vers chacune de ces sections. Pour ce faire cliquez sur l’icône add.svg de la navigation principale puis sélectionner l’élément Lien
  4. Indiquez un Titre de navigation, par exemple A propos
  5. Sélectionnez la page sur laquelle se trouvent vos sections, dans notre cas la page d’accueil
  6. Renseignez l’identifiant de la section à lier, par exemple a-propos
  7. Le cas échéant, renseigner un décalage en pixel, par exemple si vous utilisez un menu Sticky
  8. Enregistrez

Vous pouvez maintenant cliquer sur votre lien dans la fenêtre de prévisualisation.