Pour en avoir eu besoin et longtemps cherché, je sais que les menus déroulants disponibles sous forme de plugins ne sont pas nombreux ;-) . Il y a bien celui-ci que j’ai essayé mais qui ne me satisfaisait pas vraiment...
J’ai donc intégré à mon site un menu simple et efficace que j’ai trouvé sur le net. Quelques clics plus tard, vous pouvez lire ces lignes et télécharger le plugin « Menu_babbibel ».
Il s’agit d’un menu déroulant s’appuyant sur la librairie jQuery et donc parfaitement compatible avec les versions récentes de spip ainsi que tous les navigateurs ou presque.
Le code étant très simple, le menu est facile à personnaliser. Les feuilles css sont commentées pour faciliter la personnalisation et l’habillage.
Merci à Denisb pour sa contribution base de données test.
Installation
Comme tous les autres plugins, cf. https://www.spip.net/fr_article3396.html
- Le plugin fonctionne sur les squelettes disposant de la balise
#INSERT_HEAD
.
-
Le plugin utilise CFG (version > 1.14.0) pour la configuration.Pour respecter les nouvelles spécifications et être compatible avec SPIP 3, j’ai choisi de ne plus maintenir la compatibilité avec les versions 1.9.2 de SPIP. Désormais, le menu babbibel se passe de CFG. Le lien vers la page de configuration est accessible aux websmestres dans les menus de l’interface privé.
- Pour les versions spip 2.x, le plugin SPIP-Bonux est nécessaire.
Mise en oeuvre
Pour faire apparaitre le menu dans votre squelette, placez-y le code [(#MODELE{menu}{env}{id_rubrique}{id_article})]
là où vous souhaitez que le menu apparaisse. Ce menu convient à tous les sites. Il est capable d’identifier et trier les articles et rubriques par langue. La plupart des sites utilisera ce menu. N’hésitez pas à visualiser le résultat de votre configuration sur les pages tests.
Ceux qui ont configuré leur site avec un secteur par langue utiliseront plutôt [(#MODELE{secteur_langue}{env}{id_rubrique}{id_article})]
. Ce menu dissimule les secteurs. Il n’affiche que les rubriques de niveau 2 en les regroupant par langue. Il permet donc de répondre aux besoins spécifiques des sites multilangues par secteur (Cf. https://www.spip.net/fr_article2124.html#nh1).
Paramétrage
Le menu déroulant de babbibel se configure en quelques clics. Il est possible de choisir :
- le type de menu que l’on souhaite utiliser (secteur + rubriques, secteur + articles, rubriques par mot clé, etc...)
- le nombre d’article à afficher dans le menu (seulement si on a choisi un menu qui affiche des articles évidement)
- l’ordre dans lequel ces articles seront affichés (ordre chronologique, alphabétique, etc)
Pour gérer plus finement le contenu du menu déroulant, vous avez la possibilité de sélectionner les rubriques qui seront les rubriques principales du menu ou d’exclure du menu des rubriques ou des articles.
Pour cela, créez un groupe de mots-clés pouvant être associés aux rubriques et aux articles. Dans ce groupe, créez les mots clés :
-
menu_der
qui sélectionne une rubrique à afficher dans les menus de type « Rubriques par mots-clés ». -
exclu_menu_der
qui exclut du menu une rubrique et son contenu ou simplement un article. Ceux-ci ne seront exclus que du menu ! Attention toutefois à ne pas rendre inaccessible une partie de l’arborescence.
Personnalisation
Pour personnaliser l’apparence du menu, il suffit de modifier le fichier ./plugins/menu_babbibel/menu_babbi.css
. Je vous conseille de faire appel à l’extension firebug de vos navigateurs favoris.
Si vous avez personnalisé l’apparence du menu, placer le menu_babbi.css
dans le dossier squelettes
de votre site. C’est cette css qui sera prioritaire et les mises à jour du plugin n’écraseront pas votre css personnalisée. (Merci à Prad pour l’idée judicieuse)
Les classes babbin
et babbout
permettent de personnaliser l’apparence de l’article et/ou la rubrique exposé.
Compatibilité
Le menu a été testé avec succès sur la plupart des navigateurs. Le menu reste fonctionnel même si le javascript est désactivé.
Fonctionnement
Pour vous éviter de chercher, j’apporte ici quelques précisions sur le comportement général du menu :
- Affichage des secteurs & des rubriques se fait toujours par :
- numéro de titre
- puis par date
- puis par ordre alphabétique
- Configuration par défaut
- Menu « Secteur >>> sous rubriques »
- 100 articles maximum seront affichés
- Les articles affichés le seront par date
- Inverser l’ordre du tri aléatoire NE SERT À RIEN ;-)
- Le premier item du menu (« accueil site ») correspond à la valeur de
<:accueil_site:>
du fichier de langue de spip. Il sera donc traduit dans toutes les langues supportées par SPIP et ce pour tous les types de menus.
Discussions par date d’activité
153 discussions
Merci babbibel et pour les timides qui n’oseraient pas utiliser firebug, je propose ce lien.
Un prodige ! ;-)
Répondre à ce message
Hello,
Je rejoins Cedric sur le coté page blanche car l’entropie grandissante de la zone des plugins est souvent un frein pour les newbies voire les pastotalementnewbies... Et comme le menu déroulant est un peu un serpent de mer...
Sinon, concernant le plugin la démo est très agréable à l’oeil, par contre, je ne sais pas si c’est un bug ou si c’est voulu, mais quand on déroule le menu sur deux ou trois niveaux, il n’est pas possible de le remonter. On perd l’ensemble du menu déroulé. Ce fonctionnement ne me paraît pas ergonomique et est même très frustrant. Qu’en penses tu ?
Hello,
Tant que le curseur reste positionné au dessus d’un menu, sous-menu, sous-sous-menu... j’arrive à passer d’un item à l’autre sans trop de souci.
Je prends bonnes notes de vos remarques Éric et Cédric.
Y a t il un moyen jquery de mettre un timer sur ce menu pour empêcher qu’il se ferme trop facilement dés que la souris sors des bord ? un petit délais de 500ms avant disparition du menu faciliterait énormément la navigation...
Et y a t il un moyen simple de paramétrer l’effet du déroulement (avec un fading par exemple, ou un déroulement vertical, plutot qu’un déroulement en diagonal...) ?
[edit] : Je viens de découvrir les menus superfish : http://users.tpg.com.au/j_birch/plu... c’est peut être plutôt chez eux que je dois regarder.
Répondre à ce message
Bonjour,
comment cela se passe-t-il pour les utilisateurs qui ne disposent pas de javascript activé ? Ont-ils la possibilité d’accèder à la navigation malgré tout ?
Tu dis que Menu déroulant horizontal ne te satisfait pas vraiment. Qu’aurait-il fallu pour l’améliorer ? Que lui reproches-tu ? Le javascript n’y est pourtant utilisé que pour combler les lacunes d’IE6, et de ce fait, ce menu fonctionne dans tous les autres navigateurs sans javascript.
Il est toujours dommage de repartir d’une feuille blanche qui ajoute à l’entropie générale plutôt que de contribuer à un existant pour l’améliorer encore.
Bonjour,
Si le javascript n’est pas activé, le menu reste fonctionnel. Le petit effet d’ouverture progressive n’est plus disponible mais c’est la seule différence qu’observeront les utilisateurs.
Pour répondre à ta seconde question, je ne peux que te donner raison... C’est vrai que j’ai réinventé le fil à couper le beurre... Ce n’est pas très malin, mais c’est tellement gratifiant. ;-)
J’ai eu de grosses difficultés à personnaliser le menu déroulant horizontal en plugin. Celui de Babbibel m’a paru bcp plus facile à assortir à mon site... Mais c’est peut-être une question de (in)compétences.
En tout cas, maintenant, les spipeurs et spipeuses auront le choix...
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 : |