Table des matières

, , ,

créer des menus avec DW

des essais et des notes à copier-coller les prochaines fois…

tout à la main

Pour une partie du site,par exemple :

  • 📁 outils
    • 📁 du web
    • 📁 pour imprimer en 3D
    • 📁 pour découper - graver

où chaque dossier-espace de nom comporte plusieurs pages, voir plusieurs sous-catégories.

avec les balises Bootstrap

comme nav ou listgroup qui permettent d'obtenir des trucs sympas: 

<nav>
  * [[:start| Accueil du site]]
  * Outils
    * [[:outils:duweb| pour Faire du Web]]
    * [[:outils:freecad| pour dessiner en 3D]]
  * [[:projets:start| Projets]]
  * Notes
    * [[:notes:start| en vrac]]
    * [[:welcome| à propos de ce site]]
</nav>

affichera :

C'est la base du menu que j'utilise dans la sidebar des Outils.

balise nav

On ne peut pas mettre de lien vers une page en “sur-menu”.

avec l'extension nspages

à partir de sa doc ici

Bases

un clic sur le bouton ns dans l'éditeur donne :

<nspages -h1 -subns -exclude:start>

ce qui affiche :

Sous-catégories :

Pas de sous-catégories.

Pages dans la catégorie :

C
M
R
S

Par défaut c'est un affichage alphabétique des sous-pages, sur 3 colonnes.

je ne veux pas afficher les sous-catégories

  • j'enlève -subns : 
    <nspages -h1 -exclude:start>

je veux changer les textes de titre

  • Sous-catégories j'ajoute -textNS=“Titre des sous-catégories” : 
    <nspages -h1 -exclude:start -textNS="Mes 📁">
  • Pages dans la catégories j'ajoute -textPages=“Titre des pages” : 
    <nspages -h1 -exclude:start -textNS="Mes 📁" -textPages="Mes 📃">

je veux changer le nombre de colonnes

  • j'ajoute -nbCol=5 (par défaut à 3) : 
    <nspages -h1 -exclude:start -textNS="Mes 📁" -textPages="Mes 📃" -nbCol=5>

mises en forme

l'index alphabétique n'est pas forcément le plus évident pour des menus.

Avec le même menu modifié précédemment, en changeant un paramètre:

ici normal :

Mes 📃

C
M
R
S

en ajoutant -tree on obtient une liste

Mes 📃

en ajoutant -simpleLine on obtient une suite de liens sur une ligne

Mes 📃

créer des menus avec DW, modèles de pages DW, rappel syntaxe DW, structure des sites DW et Hooks

Bonus:

le paramètre -usePictures affiche la première image de chaque page pour un appel visuel.

Bon là ça marche pas trop mais… on voit qu'il ne tient pas compte du paramétrage des colonnes. 

<nspages -usePictures -h1 -exclude:start -textNS="Mes 📁" -textPages="Mes 📃" -hideNoSubns>
Comment mettre en forme cette option? à creuser

Mes 📃

créer des menus avec DW
modèles de pages DW
rappel syntaxe DW
structure des sites DW et Hooks

Pages dans la catégorie :