Jusqu’à la 3.7, le bandeau de navigation ne proposait que deux entrées de menu, "Connaitre" et "Participer", même si ces menus étaient en partie configurables.
De nouveaux menus
A partir de la 3.8 de nouvelles possibilités apparaissent.
En créant des menus dont l’identifiant commence par bionav, ces menus sont détectés par la logique de mise en page, et remplacent ceux qui prévalaient jusque là. La mise en page va détecter les menus bionav et les présenter par ordre alphanumérique d’identifiant de droite à gauche. Ainsi on pourra définir biodnav1, bionav2, etc
Choisir un titre
En créant un menu, comme décrit pour les anciens menus, on lui attribue un identifiant (par exemple bionav2) mais aussi un titre. Le titre sera affiché dans le bandeau de navigation du site : on choisira donc de préférence un titre court, typiquement un verbe.
Si vous choisissez comme identifiant le terme Rechercher, la mise en page insèrera dans votre menu déroulant un formulaire de recherche, semblable à celui qui figure dans les anciens menus.
Il est important de tester la mise en page, après avoir choisi les titres et les icônes, afin de s’assurer d’une présentation correcte quelle que soit la taille de l’écran. Dans la pratique, pour une longueur moyenne de verbe, quatre menus sont un maximum.
Associer les icônes
Chacun des deux anciens menus du bandeau de navigation est pourvu d’une icône, qui apparait dans le bandeau à côté du titre du menu.
La 3.8 est livrée avec quatre icônes par défaut, correspondant à chacun des quatre menus bionav1 à bionav4. Ces icônes sont des fichiers SVG qui sont stockés dans le répertoire Rsc3/look/svg-fa/inline sous les noms bionav1.svg.html à bionav4.svg.html.
Le nom de ces icônes doivent correspondre aux identifiants des menus correspondants. Si vous choisissez des identifiants différents pour les menus (par exemple bionav-a à bionav-d, vous devrez renommer les icônes en bionav-a.svg.html à bionav-d.svg.html.
Choisir vos propres icônes
Au delà de changer les identifiants des menus et le nom des icônes, vous pouvez également changer les icônes elles-mêmes.
Celles qui sont fournies avec 3.8 sont issues de la distribution gratuite Font Awesome 6.4.2. Un sous ensemble de cette distribution est disponible dans les répertoires Rsc3/look/svg-fa/solid et Rsc3/look/svg-fa/regular.
Si vous souhaitez remplacer une des icônes de menu, comme bionav2, par une autre icône FontAwesome, procédez de la manière suivante :
- recopiez le fichier SVG correspondant dans le répertoire
Rsc3/look/svg-fa/inline - changez son extension
svgensvg.html, et adaptez son nom pour correspondre à l’identifiant du menu ciblé - éditez ce fichier (c’est du texte UTF-8), et ajoutez le texte
class="fa-icon"tel qu’illustré ci-dessous. Sauvegardez vos modifications.
