Naviguer à l’intérieur des Pages

Le CMS Knowledge Place abandonne le format Diapositive des outils auteurs traditionnels au profit du format Page Responsive, parfaitement adapté à la diffusion de formations en ligne sur tous les équipements fixes ou mobiles.

Vous n’êtes plus contraint par le format fixe de la Diapositive. Vous pouvez adapter la longueur de chaque Page au contenu qui lui est destiné, et vous pouvez même proposer des formations sur une Page, par exemple pour des formations courtes avec un déroulé linéaire.

Pour une expérience utilisateur fluide, le CMS Knowledge Place vous permet de mettre en place une navigation à l’intérieur de chaque Page.

Navigation par points

Avec la Navigation par points, vous bénéficiez automatiquement d’une navigation directe vers chaque Section de votre Page.

Pour activer la Navigation par points :

1. Dans le volet Attributs de la page, localisez le panneau Paramètres de la page Divi situé en haut de la colonne affichée sur le côté droit de l’écran
2. Dans le champ « Navigation par Points », sélectionnez « On »
3. Cliquez sur « Prévisualiser les modifications » pour obtenir un aperçu de votre Page avec la navigation par points
4. Cliquez sur le bouton Mettre à jour pour enregistrer la modification

Navigation sur mesure

Vous pouvez mettre en place une navigation sur mesure depuis tous les blocs : module, colonne, ligne et section cliquable de votre Page, par exemple depuis une Image ou un Bouton, vers n’importe quel autre Bloc de cette même Page :

• Localisez dans votre Page le Bloc vers lequel vous souhaitez que l’utilisateur puisse naviguer
• Cliquez sur l’icône « Hamburger » de ce Bloc pour ouvrir son formulaire de paramétrage
• Dans l’onglet Avancé du formulaire, champ « Identifiant CSS », entrez une valeur spécifique à ce Bloc, par exemple : conclusion
• Localisez dans votre Page le Module cliquable à partir duquel vous souhaitez que l’utilisateur puisse naviguer
• Cliquez sur l’icône « Hamburger » de ce Bloc pour ouvrir son formulaire de paramétrage
• Dans l’onglet Contenu, champ « URL », entrez le caractère # suivi de l’Identifiant CSS choisi précédemment, par exemple : #conclusion

Lorsque l’utilisateur clique sur le Module, la Page défile automatiquement dans le navigateur pour se positionner sur le Bloc correspondant à cet identifiant.

Vous pouvez voir un exemple au début de notre exemple de formation sur une page.

Bouton retour en haut de Page

Vous pouvez mettre en place un bouton permettant le retour en haut de Page, pour cela depuis la page d’accueil du CMS Knowledge Place dans le menu latéral gauche :

1. Cliquez Réglages
2. Sous l’onglet Général, dans « Bouton retour en haut de page », cliquez sur ACTIVER
3. Cliquez sur le bouton Sauvegarder les modifications
4. Le bouton de retour en haut de page, situé en bas à droite de la Page, s’applique à toutes les pages