Gérer deux menus principaux sur son site

  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

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 ou erreurs qui figureraient dans cette page.


Liens visibles seulement pour les inscrits.

Article publié le 17 avril 2014, et actualisé en juillet 2015 Provisoire (à compléter...) .

Répondre à cet article