Fonctions des Menus
Les Menus facilitent la navigation des Utilisateurs dans les Knowledge Places en proposant un accès direct à certaines Pages de Knowledge Places.
Un Menu se compose de plusieurs éléments qui peuvent être organisés en arborescence, chaque élément fournissant un accès direct à une Page de Knowledge Place.
Vous pouvez créer plusieurs Menus et chaque Menu peut être utilisé dans plusieurs Knowledge Places.
La création des Menus
La création du premier Menu
Pour créer un premier Menu :
- Se connecter au CMS Knowledge Place
- Cliquer sur le menu Knowledge Places puis sur le menu Menus
- Dans le champ Nom du menu, donner un nom à votre Menu puis cliquer sur le Bouton Créer le menu
L’ajout d’éléments au premier Menu
Pour ajouter des éléments au premier Menu :
- Ouvrir le panneau Liens Personnalisés
- Dans le champ URL, entrer le lien à utiliser pour cet élément de Menu, par exemple /kps_gotoHomePage pour proposer une navigation vers les Pages Accueil des Knowledge Places
- Dans le champ Texte du lien, entrer le libellé à afficher pour cet élément de Menu
Vous pouvez glisser déplacer les éléments pour les organiser en arborescence.
Lorsque tous les éléments sont ajoutés :
- Cliquer sur le bouton Enregistrer le menu
La création de Menus supplémentaires
Vous pouvez créer autant de Menus que vous le souhaitez.
Pour créer un Menu supplémentaire :
- Se connecter au CMS Knowledge Place
- Cliquer sur le menu Knowledge Places puis sur le menu Menus
- Cliquer sur créer un nouveau menu
Pour ajouter des éléments à ce nouveau Menu et l’enregistrer, procéder comme pour le premier Menu.
La modification des Menus
Pour modifier un Menu existant :
- Se connecter au CMS Knowledge Place
- Cliquer sur le menu Knowledge Places puis sur le menu Menus
- Sélectionner le Menu à modifier dans la liste déroulante puis cliquer sur Sélectionner
- Modifier les éléments du Menu puis cliquer sur Enregistrer le menu
La suppression des Menus
Pour supprimer un Menu existant :
- Se connecter au CMS Knowledge Place
- Cliquer sur le menu Knowledge Places puis sur le menu Menus
- Sélectionner le Menu à modifier dans la liste déroulante puis cliquer sur Sélectionner
- Pour supprimer le Menu, cliquer sur Supprimer le menu
L’affichage des Menus dans les Pages des Knowledge Places
Pour utiliser un Menu dans une Page de Knowledge Place :
- Ouvrir cette Page de Knowledge Place dans l’Éditeur Visuel du CMS Knowledge Place
- Ajouter une Section pleine largeur
- Dans cette Section, ajoutez un Module CMS Menu plein écran
- Dans le champ Menu du volet Contenu de la fenêtre Paramètres de ce Module CMS, sélectionnez le Menu à afficher
- Cliquer sur le bouton Sauvegarder
Vous pouvez utiliser le même Menu dans plusieurs Pages de Knowledge Places.
L’utilisation d’icônes dans les Menus
Vous pouvez rendre vos Menus plus attrayants en ajoutant une icône à chaque élément de Menu.
Activer l’utilisation des icônes
Pour pouvoir ajouter des icônes aux éléments de Menus, il faut activer les classes CSS sur les éléments de Menu :
- Se connecter au CMS Knowledge Place
- Cliquer sur le menu Knowledge Places puis sur le menu Menus
- Cliquer sur Options de l’écran affiché en haut à droite de l’écran
- Dans les propriétés avancées du menu, cocher la case Classes CSS
Configurer l’affichage des icônes
Pour que les icônes s’affichent correctement dans les Menus, il faut ajouter du CSS dans les Réglages du CMS :
- Se connecter au CMS Knowledge Place
- Cliquez sur le menu Réglages
- Dans le champ Personnaliser CSS de l’onglet Général, ajouter le CSS ci-dessous
/* icons in menus */
.fullwidth-menu a:first-child:after {
position: unset !important;
}
.fullwidth-menu-nav .fa:before {
float: left !important;
font-size: x-large;
margin-right: 5px;
}
.fullwidth-menu-nav ul li.fa a {
font-family: ‘Open Sans’;
}
.fullwidth-menu-nav li {
white-space: nowrap;
}
.sub-menu li {
display: block;
}
.sub-menu .fa:before {
margin-top: 5px;
}
.fullwidth-menu-nav ul li {
margin-right: 25px;
}
.et_mobile_nav_menu .fa::before {
display: none;
}
.et_mobile_nav_menu li.fa {
display: block;
}
.et_mobile_nav_menu li.fa a {
font-family: ‘Open Sans’;
padding: 15px 5% 15px 5%;
}
- Cliquez sur Sauvegarder les changements
Ajouter une icône à un élément de Menu
Le CMS Knowledge Place vous permet d’utiliser toutes les icônes disponibles dans la collection Font Awesome consultable ici.
Pour ajouter une icône à un élément de Menu :
- Dans la structure du Menu, ouvrir le volet correspondant à l’élément de Menu auquel vous souhaitez ajouter une icône
- Dans le champ Classes CSS, définissez l’icône que vous souhaitez utiliser en utilisant la syntaxe suivante, iconValue étant le nom de l’icône à utiliser et les éventuels réglages associés
fa iconValue
Par exemple, la valeur fa fa-sharp fa-light fa-headphones peut être utilisée pour ajouter l’icône Font Awesome headphones à un élément de Menu.
- Cliquez sur Enregistrer le menu
