La navigation dans les Pages d’une Formation

La navigation dans les Pages d’une Formation

La création d’une navigation en séquence entre les Pages de vos formations

Si votre formation comporte plusieurs Pages situées au même niveau d’arborescence, vous pouvez proposer une navigation en séquence entre ces différentes Pages.
Le module Navigation dans les posts exploite la hierarchie de toutes les pages d’une formation.

  1. Dans chacune de ces Pages, ajoutez un Module Navigation dans les posts
  2. Depuis les Paramètres du Module, onglet Contenu, volet Texte, dans les  champs « Lien précédent » et « Lien suivant », vous pouvez entrer la valeur « %title » pour que les liens affichent les titres de vos Pages au lieu d’un libellé fixe

Les liens de navigation « Précédent » et « Suivant » sont créés automatiquement sur chaque Page.

L’utilisateur peut naviguer en parcourant ces Pages dans l’ordre dans lequel vous les avez placées dans l’arborescence des Pages.

Ce mode de navigation est utilisé dans cette documentation en ligne, un Module « Navigation dans les posts » ayant été placé sous l’icône « Documentation ».

La 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 vers n’importe quelle autre Page. Pour cela, localisez dans votre Page le Bloc à partir duquel vous souhaitez que l’utilisateur puisse naviguer :

  1. Depuis la liste des pages de Formations, localisez la Page souhaitée
  2. Cliquez sur le lien Copier l’URL dans le presse-papiers

Depuis la fenêtre des Paramètres d’un bloc texte :

  • Sélectionnez le texte cliquable
  • Cliquez sur l’icône lien
  • Dans le champ URL, collez le lien
  • Dans Cible, vous pouvez définir si votre lien s’ouvre dans une nouvelle fenêtre

Depuis la fenêtre des Paramètres d’un bloc Image :

  1. Cliquez sur l’onglet Contenu
  2. Cliquez sur le volet Lien
  3. Dans URL du lien de l’image collez le lien
  4. Dans Cible de lien d’mage, vous pouvez définir si votre lien s’ouvre dans une nouvelle fenêtre

Vous pouvez voir un exemple de lien mis en place depuis un bloc Résumé, en cliquant sur le lien : Exemple de formation sur plusieurs pages.

La création d’un menu de navigation dans vos formations

Avec le CMS Knowledge Place, vous pouvez créer des formations sur une Page ou sur plusieurs Pages.

Dans le cas d’une formation sur plusieurs Pages, vous pouvez faciliter la navigation de l’utilisateur en lui proposant un menu de navigation qui va lui fournir un accès direct à certaines Pages de votre formation.

Pour définir le menu de navigation d’une formation :

  1. Dans la liste des Pages, localisez la Page principale de la formation pour laquelle vous souhaitez définir un menu
  2. Cliquez sur le lien Modifier pour ouvrir cette Page dans l’Editeur par Bloc
  3. Dans la colonne principale de l’Éditeur par Bloc, cliquez sur le volet « Menu de navigation »
  4. Suivez les instructions fournies dans ce panneau pour définir le menu de navigation de cette formation
  5. Cliquez sur le bouton Mettre à jour

 

Votre menu de navigation est fonctionnel. Il est totalement Responsive Design et s’utilise aussi bien sur poste fixe que sur tablette ou smartphone. 

Vous pouvez définir une mise en forme personnalisée pour vos menus de navigation.

Pour définir une mise en forme personnalisée :

  • Ouvrez le menu « Design –> Couleurs et Styles » de votre CMS Knowledge Place
  • Personnalisez les styles CSS livrés à l’installation de votre CMS Knowledge Place

Ces styles sont présentés ci-dessous.

Styles CSS pour les menus de navigation dans les formations
.kps_training_nav_button a {
color: #4D94CD;
}
.kps_training_nav_menu {
color: #FFFFFF;
color-dark: #181818;
color-white: #FF9201;
font-family: "Open Sans";
}

La création d’une fonction de recherche dans vos formations

Vous pouvez ajouter une fonction de recherche dans chacune de vos formations, ce qui peut être utile pour celles qui comportent de nombreuses Pages.

Pour fournir à l’utilisateur une fonction de recherche dans une formation :

Ajouter un Module CMS, par exemple un Module Bouton  ou  Icône dans une ou plusieurs Pages de cette formation.

  1. Ouvrez la fenêtre des Paramétrages de ce Module
  2. Cliquez sur l’onglet Contenu
  3. Cliquez sur le volet Lien
  4. Sous URL du lien du Module saisissez la valeur : /kps_searchString
  5. Cliquez sur le bouton Enregistrer

 

En cliquant sur le Module, le champ de recherche permet à l’utilisateur d’entrer une expression de recherche.

  1. Saisissez le texte recherché dans le champ « Entrez un chaine de recherche »
  2. Cliquez sur le bouton OK
  3. Le CMS Knowledge Place affiche automatiquement la liste de toutes les Pages de la formation qui contiennent l’expression recherchée
  4. Au survol du titre un extrait de la Page correspondant soit aux 150 premiers caractères de la Page s’affiche, ou  l’extrait défini explicitement pour cette Page

    Pour chaque Page, un extrait peut être défini depuis la fenêtre des Paramétrages de Page, accessible en cliquant sur l’icône « Engrenage » affichée dans l’Éditeur Visuel.

    1. Cliquez sur l’icône « Engrenage » affichée dans l’Éditeur Visuel
    2. Cliquez sur l’onglet Contenu
    3. Cliquez sur le volet Page
    4. Sous extrait saisissez le texte de l’extrait défini explicitement pour cette Page 
    5. Cliquez sur le bouton OK