Menus

Créez enfin vos menus facilement !

Introduction

Lorsqu’on ne se sert pas du plugin ’Menus’, on est obligé de définir tous ses menus dans les squelettes, ce qui fait que les administrateurs du site n’ont pas directement la main dessus, que lorsqu’ils veulent y changer quelque chose, ils sont obligés d’en faire la demande à la personne en charge des squelettes.

De plus, lorsqu’on veut des liens statiques (un lien vers un article précis, ou vers une page précise, ou vers un site externe) il faut les écrire en dur dans le squelette du menu.

Le but du plugin ’Menus’ est donc de permettre de facilement élaborer des menus au moyen d’une interface conviviale, directement dans la partie privée.

Attention ! Ce plugin ne s’occupe pas de la manière dont seront affichés les menus. Il permet de les créer facilement et d’en générer le HTML.

Pour l’affichage, voyez avec votre thème ou des plugins spécifiques tels que Menu animé déroulant, Menu Déroulant 2, Menu Accordéon 2 ou Menu jQuery Superfish.

Installation

Comme n’importe quel plugin.

Création d’un menu

Le plugin ajoute un lien dans le bandeau de SPIP :

La page liste tous vos menus, et vous propose d’en créer un nouveau :

D’abord vous devez identifier votre menu. Il faut lui donner un titre, ainsi qu’un mot-clé qui vous permettra de l’appeler facilement. En effet, vous ne pouvez pas prévoir à l’avance dans vos squelettes le numéro du menu. Grâce à ce mot-clé identifiant, vous n’avez donc pas à modifier vos squelettes à chaque fois. Vous pouvez également saisir une classe qui sera ajoutée au premier élément ul du menu généré. Ceci peut permettre d’activer la gestion de l’affichage par un plugin tiers.

Vous pouvez alors commencer à construire le menu en ajoutant des entrées :

Les différents types d’entrées

Les Menus sont fournis pour l’instant avec plus de dix types d’entrées qui permettent déjà de construire la plupart des menus facilement.

N’hésitez pas à en proposer d’autres !

Voici la description de quelques uns des types d’entrées disponibles :

-  Lien arbitraire : vous pouvez créer des liens vers ce que vous voulez en donnant une adresse et un titre.

-  Objet de SPIP : crée un lien vers n’importe quel objet éditorial de SPIP. Ça peut être un article, une rubrique ou n’importe quoi venant d’un plugin.

-  Liste dynamique de rubriques et d’articles : vous pouvez afficher les rubriques de SPIP, y compris de manière arborescente. Pour cela, il suffit de définir la rubrique dans laquelle il faut commencer la liste, le niveau maximum de sous-rubriques, les exclusions éventuelles, le type de tri... Vous pouvez aussi inclure les articles dans l’arborescence, limiter leur nombre, en gérer le tri...

Modification des entrées

Lorsque vous avez déjà ajouté des choses, vous obtenez alors la liste des entrées sous cette forme :

Vous pouvez alors déplacer les entrées pour modifier leur ordre, les supprimer, changer leurs paramètres et créer des sous-menus en-dessous des entrées qui le permettent.

Utiliser les menus dans votre site

Pour afficher un menu dans votre site, il vous suffit d’inclure un petit squelette où vous le désirez :

#INCLURE{fond=inclure/menu, env, identifiant=<votre_menu>}

Vous pouvez aussi tester votre menu facilement en cliquant sur le bouton « Voir en ligne » ou en allant sur la page : spip.php?menu<numero>

Exporter les menus vers un autre site

Imaginons que sur une version de votre site en local vous réorganisez tous les menus. Pour reporter ces changements en prod, il faut exporter les menus dans un fichier et les réimporter en prod.

S’assurer tout d’abord que le plugin Yaml est activé .

Lorsqu’il est activé une icône apparaît : exporter ce menu

Le sauvegarder sur votre ordinateur

Sur le site de destination, il suffit de créer un nouveau menu avec le même identifiant ( penser à le supprimer avant s’il existe). Et à la création, si le plugin YAML est bien activé, la boite de choix de fichier est proposée.

Surcharge des fichiers menus/<type>.html

Si pour des besoins particuliers, on doit surcharger un fichier du répertoire menus/, il ne faut pas oublier de copier le fichier XML de description qui va avec.

En effet, le plugin cherche le fichier XML au même endroit que le fichier HTML.

Discussion

354 discussions

  • 6

    Bonjour,
    je rencontre un bug lorsque je surcharge menus/objet.html : dans l’interface privé les objets de menu deviennent non-modifiable.
    Pour pouvoir éditer mon menu je dois renommer objet.html dans mes squetettes en autre chose, éditer mon menu, puis renommer objet.html
    J’ai déjà rencontré ce problème sur plusieurs sites...
    Je ne sais pas si d’autres l’ont rencontrés aussi ?
    joz

    ps : Ce n’est pas ma modification sur objet.html qui cause ce bug.

    • En effet, même problème ici. Il ne faut pas le modifier pour pouvoir éditer les menus dans la zone privée. Cela dit, si votre menu est complet, vous pouvez quand même faire la modification a posteriori pour la partie publique.

    • Bonjour,

      Problème que j’ai déjà rencontré.. depuis au moins 2 ans.
      Mais il me semblais que c’était réparé avec SPIP3. Quelle version de SPIP avez-vous ?

      dd

    • Bonjour,

      J’ai également eu ce problème.
      La solution est de copier également le fichier objet.xml dans vos squelettes.

    • Bonjour,

      J’aurai dû lire ce message aussi… Il faudrait l’ajouter dans la documentation :

      Surcharge des fichiers menus/fichier.html

      Si pour des besoins particuliers, nous devons surcharger un fichier du répertoire menus/ du présent plugin, il ne faut pas oublier de copier le fichier .xml qui va bien avec.

      En effet, le plugin cherche le fichier XML au même endroit que le fichier HTML. Le couple étant indissociable actuellement.

    • C’est ajouté Teddy merci

    • Merci à toi ! ;-)

    Répondre à ce message

  • 2

    Bonjour RastaPopoulos ,
    suite à une récente m.a.j, je me pose la question de la source d’un rewriting aléatoire de mes adresses de rubriques dans le menu :
    ex : la 1re rubrique : donne : http://www.productivix.com/?page=rubrique&id_rubrique=24 alors qu’il est affiché (en bas en survol) http://www.productivix.com/rubrique24.html
    la 2e donne bien : http://www.productivix.com/rubrique44.html comme prévu
    de même la 5 ème et 7éme (http://www.productivix.com/?page=rubrique&id_rubrique=4) blaguent comme la 1re ...
    ce ne sont pas que des menus de 1er niveau car http://www.productivix.com/?page=rubrique&id_rubrique=2 blague aussi.
    Une idée ? merci d’avance (j’ai vidé le cache avant)
    Cordialement
    William

    • Je ne vois aucun problème sur ton propre site là en y allant. Et de toute façon, si dans le HTML ça génère le bon lien (puisque tu dis qu’en le survolant ton navigateur t’affiche le bon lien) c’est tout ce que fait le plugin Menus, de générer le HTML. Une fois cliqué dessus ça n’a plus aucun rapport avec Menus, donc ça ne peut pas venir de lui.

    • bonsoir et merci ,
      désolé , je me suis aperçu vers 18:00 que c’est en fait le tampon du navigateur Firefox qui faisait cela !! en le purgeant cela ne faisait plus rien de tordu.
      Sans doute bien de purger ce post ?

    Répondre à ce message

  • Bonjour,

    Je suis passé à spip 3.1 sur certains de mes sites, précdemment en zpip ou spipr selon le cas. Mais je voudrais retrouver la dist. Donc j’ai menu + spip3.1 + dist tout à jour.

    Si je nomme le menu barrenav : j’ai comme html :

    <div class="menu-conteneur navbar-inner">
    <ul class="menu-liste menu-items">
    		<li class="menu-entree item">
    		<a href="http://blog.example.org/">Accueil</a>
    		 
    			</li>
    	</ul></div>

    alors que la dist attend un contenu de ce type

    <div class="nav clearfix" id="nav">
    	<ul>
    		<li class="nav-item  first"><a href="a-propo">A propos</a></li>
    
    	</ul>
    </div>

    Les classes .nav et .nav .nav-item ne fonctionne donc pas.

    Je peux donc modifer les classes, mais je me pose la question du meilleur moyen de le faire.

    Utiliser #ENV{class} dans inclure/nav du squelette ? utiliser #VAL{_MENUS_EXTRA_CLASS} ? ou modifier directement inclure/menu et inclure/barre-nav ?

    Merci :)
    PS : a moins que cela soit déjà prévu
    PS2 : le simple ajout de la classe nav règle le soucis, mais ca serait cooool que cela soit « direct compatible »

    Répondre à ce message

  • login et login public - conflit entre sarkaspipr et menus - suite

    Mille excuses !
    D’abord, j’ai oublié l’élémentaire « bonjour ».
    Ensuite, il s’agit de sarkaspipr et non de spipr.
    En tous cas, merci à l’avance si une solution est possible.

    Répondre à ce message

  • login et login public - conflit entre spipr et menus

    Lorsqu’on utilise spipr, on a le choix entre login et login public à la connexion.
    Par contre, si menus est activé, le plugin ne propose que l’accès à l’espace privé.
    Y a t’il une solution à ce problème ?
    Merci

    Répondre à ce message

  • 2

    Hello,

    -  J’ai un menu composé à son premier niveau par des objets de type rubrique.
    -  l’id_menu est 1

    Quand je le menu se trouve dans une page rubrique, j’aimerai ajouter juste en dessous de lui un menu déroulant de la rubrique en cours seulement si celle-ci ne se trouve pas dans le menu par défaut.

    Pour cela, je dois faire passer une variable doublons pour ne pas répéter les mêmes boutons.

    Y a t’il un moyen plus simple que de reconstituer le menu comme ceci :

    	[(#REM) Pour éviter les doublons avec le menu (pas trouvé mieux ... ) ]
    	<BOUCLE_entrees(MENUS_ENTREES){id_menu=1}{par rang}>#SET{entree,''}
    		<BOUCLE_session(DATA){source tableau,#PARAMETRES}>
    			<BOUCLE_rubdoublons(RUBRIQUES){si #CLE=id_objet}{id_rubrique=#VALEUR}>
    				<BOUCLE_rubrdoub(RUBRIQUES){doublons menu}/>
    			</BOUCLE_rubdoublons>
    		</BOUCLE_session>
    	</BOUCLE_entrees>
    	<BOUCLE_menu(RUBRIQUES){id_rubrique ?}{doublons menu}>
    	Mon menu qui apparait
    	</BOUCLE_menu>
    • J’ai pas trop tout pigé mais je ne sais pas si c’est forcément une bonne idée d’utiliser Menus pour faire un menu dynamique personnalisé suivant un contexte, avec des tests etc. C’est avant tout pour faire des Menus à la main avec une interface. C’est personnalisable ok, mais ya des limites à mon avis (mais bon, si ça marche tant mieux hein…).

    • Merci RastaPopoulos,

      Merci pour ta réponse. Je me contenterai donc de ma méthode.

      Juste pour expliciter mon besoin par l’exemple (on ne sait jamais, ça peut servir) :

      -  J’ai un menu principal de site de type accordéon comprenant 6 secteurs du site. C’est le client qui configure le menu. Lorsque l’on visite une rubrique, le menu correspondant s’ouvre pour faire apparaître le sous-menu corrspondant. Exemple sur site en construction : http://vps321533.ovh.net/spip.php?rubrique30
      -  Lorsque je ne suis pas dans l’un de ces 6 secteurs principaux (il peut s’agir d’un secteur de moindre importance dont l’attrait ne justifie pas de la faire apparaître sur le menu principal, je rajoute un niveau à mon menu pour faire en sorte qui apparaisse juste dans ce cas de figure. Exemple sur le site en construction : http://vps321533.ovh.net/spip.php?rubrique54

      C’est dans ce type de cas de figure qu’une variable de type doublons incorporée au menu serait utile. Mais bon... en attendant, je garde ma méthode.

      On pourrait aussi imaginer un nouveau champ du type « Obliger à être dans la rubrique de l’élément » calqué sur le fonctionnement du champ « Obliger à être connecté (mettre « session ») ou déconnecté (mettre « nosession ») ».

      Voila,

    Répondre à ce message

  • 1

    Bonjour,

    Il est possible que j’ai trouvé un petit bug dans le plugin (je n’en suis pas sur à 100% le plugin est super complet et assez complexe dans sa gestion des états).
    Le bug se produit dans le cas d’un site multilingue (avec utilisation des plugins Traduction d’article autrement et Traductions de rubriques autrement, le tout sous SPIP v3.1.3).
    L’état actif de l’entrée du menu correspondant à la page en cours ne se faisait pas lorsque j’étais en langue anglaise mais fonctionnait correctement en langue française.
    En regardant le code, j’ai remarqué que dans le fichier menus/objet.html

    <li class="menu-entree item[ (#ENV{css})][ (#ENV{id_objet}|menus_exposer{#ENV{type_objet},#ENV*{env}})]">

    il y avait #ENV{id_objet}.
    J’ai remplacé par un #GET

    <li class="menu-entree item[ (#ENV{css})][ (#GET{id_objet}|menus_exposer{#ENV{type_objet},#ENV*{env}})]">

    et maintenant l’état actif est bien positionné quelque soit la langue.

    Pourquoi cela fonctionnait avec le #ENV en français mais pas en anglais ?
    mystère !

    Répondre à ce message

  • 2

    Bonjour,

    J’ai créé un nouvel objet éditorial « information » et j’ai inclus certaines de ses dites informations en tant qu’entrées de sous-menus de la même façon qu’avec un article par exemple.

    Hors quand une information est active dans l’environnement (alors qu’elle correspond à une entrée d’un sous-menu), sa rubrique ne dispose pas des classes « on » et « active » dans le menu.

    Pour faire simple je vais détailler les comportements, suivant que nous soyons dans une page article ou dans une page information. Dans le cas du menu schématisé ci-dessous, si nous sommes dans la page de l’article1, l’ENTREE 1 du menu prend les class « on active », par contre si nous sommes dans la page de l’information 1, l’ENTREE 2 du menu ne prend pas les class « on active » (ce qui est injuste) :

    ENTREE 1 du menu -> rubrique1 (qui contient l’article1)
    -  entrée 1 du sous-menu de ENTREE 1-> article1

    ENTREE 2 du menu -> rubrique2 (qui contient l’information1)
    -  entrée 1 du sous-menu de ENTREE 2 -> information1

    J’ai décortiqué le plugin menus et j’ai trouvé la fonction « menus_exposer » dans le fichier « menus_fonctions.php » mais je ne parviens pas à remonter correctement la chaîne de traitement...

    La solution est certainement très simple, mais pour l’instant ça ne vient pas.

    Merci de votre aide et bonne soirée.

    Répondre à ce message

  • 1

    Bonjour,

    je voudrai intégrer ce menu avec une liste d’articles correspondant à un mot clé (là pas de soucis) dans un squelette dans lequel il reste 22 caractères environ dans un pavé : et là les titres trop long se surchargent à la ligne.

    J’ai écrit :

    <:NOUVEAUTÉS SUR CE SITE :>

    [(#PLUGINmenus|oui)
    [(#INCLUREfond=inclure/barre-nav, env, identifiant=slidernav|couper22, ’...’|oui)]
    ]

    cela ne va pas (les bouts des articles qui dépassent passent à la ligne.
    Pourriez-vous m’aider SVP ?
    merci d’avance.

    • suis-je au bon endroit ? est-ce clair ?
      est ce dans le Css, le menu ou le squelette qu’il faut agir ?

    Répondre à ce message

  • 1

    bonsoir
    j’utilise le plugin menus sous spip 2.1.8 avec le squelette maparaan
    est ce que le nombre de rubriques à afficher sur la barre de navigation (menu pricipale est limité)
    j’arrive pas à afficher plus de 7 rubriques.
    merci

    • Normal, cela dépend de le longueur des titres des rubriques et de la largeur (fixe) du modèle : il faut faire plus court ...

    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 :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom