Gérer deux menus principaux sur son site SPIP2

  Diverses solutions

Si la plupart des structures de sites Web utilisent un bandeau de menu principal déroulant, fondé sur l’arborescence des rubriques, nombreux sont les webmestres souhaitant proposer deux menus thématiques.

Voyons quelques solutions pour générer et gérer ces deux menus :
- pour sélectionner certaines branches de l’arborescence
- pour placer ces deux menus dans vos squelettes
- pour gérer des styles de menus et CSS différentes

Article publié le 17 avril 2014, et actualisé en août 2018

 
 
 
 
 
 
 
 
 
 
Attention, cette page est encore en  

Les menus principaux d’accès aux sites sont généralement construits en s’appuyant sur l’arborescence des rubriques : le contenu constitutif du/des menus correspond par exemple à la page Arborescence du site dont nous allons commencer par présenter le squelette, monté sur deux boucles .

  1.      
  2. <BOUCLE_secteurs(RUBRIQUES) {racine}{par id_rubrique}>
  3.         <h2><a href="#URL_RUBRIQUE"  >  [(#REM) fin du <A]
  4.                         [(#TITRE|supprimer_numero|textebrut)]</a>
  5.                         </h2>
  6.  
  7.  
  8.          [(#REM)  boucle de comptage des articles ...]                 
  9.           <BOUCLE_ar_racine(ARTICLES){id_rubrique}></BOUCLE_ar_racine>
  10.             #TOTAL_BOUCLE Articles</B_ar_racine>
  11.  
  12.  
  13.         [(#REM) sous-rubriques ]
  14.    <B_rubriques>
  15.           <ul>
  16.     <BOUCLE_rubriques(RUBRIQUES) {id_parent} {tout}>
  17.             <li> <strong><a href="#URL_RUBRIQUE"
  18.  [ title="#DESCRIPTIF|supprimer_tags|attribut_html)"] >
  19.      [(#TITRE|supprimer_numero|textebrut)]</a>
  20.                 [(#LOGO_RUBRIQUE_NORMAL||image_reduire{0,15})]
  21.                 [- (#LOGO_RUBRIQUE_SURVOL||image_reduire{0,12})]
  22.               </strong>
  23.  
  24.               <B_articles>
  25.               <ul>
  26.                 <BOUCLE_articles(ARTICLES) {id_rubrique}>
  27.                      [<li>(#REM)
  28.                         <a href="#URL_ARTICLE"  [title="(#INTRODUCTION|supprimer_tags|attribut_html)"] >[(#TITRE|supprimer_numero|textebrut)]</a>
  29.                     </li>]
  30.                 </BOUCLE_articles>
  31.               </ul>
  32.                   [<p style="text-align:right"><small>#TOTAL_BOUCLE pages articles à consulter....  modifications en (#_rubriques:DATE|affdate_mois_annee).</small></p>]  
  33.               </B_articles>
  34.  
  35.               <BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>
  36.  
  37.             </li>
  38.             </BOUCLE_rubriques>
  39.  
  40.           </ul>
  41.           </B_rubriques>
  42.  
  43.         </BOUCLE_secteurs>

Télécharger

Degrouper deux menus

La première solution, la plus simple, est d’utiliser deux secteurs principaux, et d’interroger chaque secteur dans l’un des menus ; pour cela, il suffit de remplacer un critère complémentaire à la boucle principale sur secteurs(RUBRIQUES) du genre {id_parent=n°secteur1}, en déplacant les secteurs voulus dans ce premier secteur de menu...


Merci de nous signaler les coquilles, imprécisions ou erreurs qui figureraient dans cette page.


Liens A2A visibles seulement pour les inscrits.
Liens visibles seulement pour les inscrits.

Article publié le 17 avril 2014, et actualisé en août 2018 Provisoire (à compléter...) .

Répondre à cet article