Vous avez un site avec des rubriques, sous rubriques, sous sous rubriques etc.. et votre fil d’Ariane devient interminable.
Ce plugin va vous permettre de construire un fil d’Ariane extensible (type accordéon) et en plus bien joliment présenté.
Pour commencer vous devez installer le plugin dans le dossier qui va bien et comme tous les plugins vous devrez l’activer.
Ensuite rien de plus simple. Une petite retouche sur le squelette et voilà votre Ariane 2 prête au décollage !
Mise en place
Si l’on prend la page article par exemple, le fil d’Ariane ressemble à cela :
[(#REM) Fil d'Ariane ]
<div id="hierarchie">
<a href="#URL_SITE_SPIP/"><:accueil_site:></a>
<BOUCLE_ariane(HIERARCHIE){id_article}>
> <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
</BOUCLE_ariane>
[ > <strong class="on">(#TITRE|couper{80})</strong>]
</div>
Il faut maintenant faire une ou deux modifications comme ceci :
<div class="breadCrumbHolder module">
<div id="breadCrumb2" class="breadCrumb module">
<ul>
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a></li>
<BOUCLE_ariane(HIERARCHIE){id_article}>
<li><a href="#URL_RUBRIQUE">[(#TITRE)]</a></li>
</BOUCLE_ariane>
[<li><strong class="on">(#TITRE)</strong></li>]
</ul>
</div>
</div>
On a plus besoin de couper les titres à 80 caractères puisque de toute façon, les menus seront cachés tant que l’on ne les active pas.
Plus il y a de sous rubriques, plus il y aura d’onglets refermés. Plus les titres seront longs plus il y aura également d’onglets refermés.
Note :
Ce plugin nécessite la balise #INSERT_HEAD
Merci à Jason Roy pour son plugin JQuery.BreadCrumb ( miettes de pain en français)
Discussions par date d’activité
15 discussions
Bonjour Bernard,
Je tiens à te remercier pour ce plugin, qui m’à permis de mieux comprendre comment créer un plugin avec Spip.
Squirrel :)
http://pips.legtux.org/
Oui un plugin simple, facile à comprendre, efficace et qui semble bien plaire.. tout ce que j’aime.
Merci à toi
Répondre à ce message
Bonjour,
ce plugin est très intéressant et offre un fil d’ariane pratique.
Deux petites questions :
<div id="hierarchie">
ou un<p id="hierarchie">
afin qu’il soit directement opérationnel sur le squelette de la dist ou un squelette comme Zpip sans avoir à modifier les squelettes ?Bonjour,
Ce plugin est à disposition de tous maintenant. Si tu souhaites le déposer sur la zone, fais le, si tu veux retravailler le code, fais le également, c’est ça l’avantage du tout communautaire.
Répondre à ce message
Bonjour,
Une version pour SPIP 2.0.x est-elle envisageable ?
Cordialement
FDG
C’est le cas !
Répondre à ce message
Non malheureusement, je n’ai pas de site public avec des fils d’Ariane trop longs mais tu peux voir une démo non SPIP sur le site de l’inventeur du script :
http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html
Magnifique,
Beau et ergonomiques
Pourrait-il être adapté afin de ne s’enclencher que lorsque la ligne du fil d’Arianne dépasse 1 ligne ?
A intégrer dans les squelettes, en tout cas comme une option.
Bravo
FDG
Après avoir revu la démo, j’ai la réponse à ma question :
Pourrait-il être adapté afin de ne s’enclencher que lorsque la ligne du fil d’Arianne dépasse 1 ligne ?
La réponse est oui, c’est déjà le cas
Ariane 2 est parfait !
Cordialement
FDG
Bonjour, Bernard,
Je peux dire que cela marche, sous XP, avec IE6 (c’est dire !), IE7, safari, Opéra, Chrome et Firefox (pas visible en ligne, je teste en local).
C’est une très bonne idée ! la navigation dans la hiérarchie en est très améliorée...
Bonne continuation !
KMk
Oui enfin il faut rendre à César ce qui est à César.. Je ne suis pas l’inventeur du script, je n’ai fait qu’une simple adaptation de celui-ci pour SPIP.
Pour tout le reste un grand merci, mon plaisir étant de faire plaisir
... dans ce cas, je salue la contribution... de tous les « César » !
Répondre à ce message
En démo quelque part cet accordéon ?
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |