Le contenu de cette page est destiné aux administrteurs/webmestres des sites hébergés sur les plateformes mutualisées de l’Académie de Caen

Créer un menu - 1re partie

, par Webmestre DANE.

Sous SPIP3, les menus ne sont pas nécessairement liés à la structure des rubriques. Ils peuvent être complétement indépendants. Il est possible, dans un même menu, d’avoir un item pointant vers une rubrique, un autre vers un article, un autre vers une page extérieure, etc.

Avant de vous lancer dans la création de votre menu, n’oubliez pas que la simplicité paie. Évitez les menus multi-niveaux et les effets visuels trompeurs.

Créer un nouveau menu

Pour créer un nouveau menu, rendez-vous sur la page de gestion des menus (Menu Squelettes => Menus du site).


La page de gestion des menus liste les menus déjà créés ainsi qu’un bouton Créer un nouveau menu .
Cliquer sur Créer un nouveau menu .

Le formulaire propose plusieurs champs à compléter :

  • Le champ Titre : (Obligatoire) Le titre du menu, humainement lisible. Ce titre pourra, si vous le souhaitez être affiché dans l’espace public. Ici, nous l’appellerons tout simplement Mon nouveau menu
  • Le champ Identifiant : (Obligatoire) Sans espace, sans accents, sans caractères spéciaux, il doit être unique. Pour rappeler le titre, nous lui donnerons l’identifantmonnouveaumenu.
Remarque : Pour que le menu apparaisse en barre horizontale sous l’entête, il faut et il suffit de lui associer l’identifiant barrenav
  • Le champ Classe CSS : permet d’ajouter une classe CSS au menu. Laissez vide pour l’instant
  • Un denier champ Importer un menu permet d’importer un menu préalablement enregistré. Ignorez le pour l’instant

Enregistrez.
En l’état, le nouveau menu est enregistré, mais ne contient aucun item (ou entrée). Il est vide. Un nouveau formulaire va nous permettre de composer notre menu, entrée par entrée.

Créer des entrées

Cliquer sur Ajouter une entrée. Une douzaine d’entrées différentes sont disponibles

Détail des entrées disponibles

Entrées de menu
NomHyperlienAccepte un sous-menu
Accueil Crée un lien vers un objet de SPIP : article, rubrique ou autre. Par défaut, l’entrée aura le titre de l’objet. Oui
Article, rubrique ou autre objet SPIP Pointe vers un objet SPIP Oui
Texte libre Simplement le texte que vous souhaitez, ou un code de langue SPIP Oui
Articles d’un Mot-clé Affiche automatiquement un menu listant les articles liés au mot clé Non
Articles d’une rubrique Affiche la liste des articles d’une rubrique. Non
Liste ou arborescence de rubriques et d’articles (avec beaucoup d’options) Affiche une liste de rubriques et, si on veut, les sous-rubriques sur plusieurs niveaux. Par défaut, affiche toutes les rubriques depuis la racine, triées par titre (numériquement puis alphabétiquement). Non
Mots-clés et Articles d’un Groupes de mots Affiche automatiquement un menu listant les mots du groupe et les articles liés. Par défaut, affiche la liste des groupes de mots et les mots liés. Si un squelette groupes_mots.html existe, le lien vers le groupe est utilisé. Non
Se connecter / lien vers espace privé Lien permettant de se connecter au site si on ne l’est pas déjà, puis d’aller dans l’espace privé si l’on y est autorisé. Oui
Lien vers un squelette page Ajoute un lien vers un squelette page accessible par une url du type spip.php ?page=nom&m1=xx&m2=yyy... Ces pages sont souvent fournies par des plugins. Oui
Lien arbitraire Ajoute un lien arbitraire, en interne (URL relative) ou externe (http://...). Oui
Ma page Si le visiteur est connecté, ajoute un lien vers sa page auteur. Oui
Lien en image Ajoute un lien arbitraire sous forme d’image, en interne (URL relative) ou externe (http://...). Non
Remarque : Si vous souhaitez que votre menu soit directement lié à la structure des rubriques du site (liste les rubriques, sous-rubriques, sous-sous-rubriques, etc), choisissez l’entrée Liste ou arborescence de rubriques et d’articles et validez la configuration par défaut

Créer le menu de base

Pour notre menu, nous utiliserons le site Collège-démo et choisissons de ne pas reproduire strictement la structure du site, mais de la compléter par d’autres entrées.

Structure du site
Nous allons afficher, dans un premier temps, les trois rubriques situées à la racine du site en choisissant l’entrée Liste ou arborescence de rubriques et d’articles (avec beaucoup d’options)

Cette entrée offre de multiples options. Validons la configuration par défaut.

En l’état, le menu reproduit strictement la structure du site. Pour l’afficher dans la partie publique, il faut soit l’inclure au moyen du noiZetier, soit lui associer l’identifiant barrenav, ce que nous allons faire en modifiant la configuration du menu, remplacant l’identifiant monnouveaumenu par barrenav.


Si nous associons l’identifiant barrenav à ce menu, il sera automatiquement affiché comme barre de navigation

Nous verrons dans la 2nde partie comment affiner la composition de notre menu, en insérant des nouvelles entrées, des sous-menus, etc.