Un petit example "simple" sans chunks pour te lancer :
[!Wayfinder? &startId=`0` &hideSubMenus=`1` &outerClass=`menu` &firstClass=`first` &hereClass=`active` &lastClass=`last`!]
* &startId=`0` -> Affiche les menus depuis le niveau 0 (la racine)
* &hideSubMenus=`1` -> Masque les sous-menu autre que la catégorie actuelle (par defaut ils sont tous affichés)
* &outerClass=`menu` &firstClass=`first` &hereClass=`active` &lastClass=`last` -> definition facultative de quelques classes css
Ce qui donne le code suivant (friendly URLs activé):
<ul class="menu">
<li class="first"><a href="/premiermenu.html" title="PremierMenu" >PremierMenu</a></li>
<li class="active"><a href="/menuactif.html" title="MenuActif" >MenuActif</a>
<ul>
<li class="first active"><a href="/menuactif/sous-menu1.html" title="Sous-Menu1" >Sous-Menu1</a></li>
<li>a href="/menuactif/sous-menu2.html" title="Sous-Menu2" >Sous-Menu2</a></li>
</ul>
</li>
<li class="last"><a href="/derniermenu.html" title="DernierMenu" >DernierMenu</a></li>
</ul>
Ce qui doit ressembler a peu près à ça :
- PremierMenu
- MenuActif
[list]
[li]Sous-Menu1
- Sous-Menu2
[/li]
[li]DernierMenu[/li]
[/list]
---
* Comme déjà dit plus haut, les balises <ul> & <li> sont beacoup plus standards/acessibles pour les menus la balise <p> etant destinée aux paragraphes. Wayfinder utilise justement automatiquement <ul> & <li> par defaut
* Les classes "menu" ; "first" ; "active" & "last" te permettent d’implementer des style css particuliers pour certaines parties du menu. Par exemple la classe "active" peut te servir à mettres en gras le menu actif.
* Pour enlever les puces de <ul> & <li> c’est uniquement dans le css que celà se gère comme l’a dit david.
Pour te donner un css exemple :
.menu {
list-style-type: none; /* enlève les puces */
}
.active {
font-weight:bold; /* met en gras le menu actif */
}
Apres tu peux essayer de passer à l’étape des "chunks" dans wayfinder qui te permetrait de controler encore plus ton affichage (et de te passer des listes par exemple).
Pour la doc à peu près complète regarde
http://wiki.modxcms.com/index.php/Wayfinder.
