Sites


Créer son site avec Drupal 8

Créer son menu

Des articles ont été créés et ajoutés au site dans les chapitres précédents. Afin que l'internaute puisse visiter toutes les pages créé précédemment, il est judicieux de lui offrir la possibilité de naviguer dans le site au travers d'un menu de navigation. Le menu de navigation principal contient habituellement tous les liens vers les articles et pages principales. Cette partie explique comment :

  • organiser un menu de navigation ;
  • ordonner les liens du menu ;
  • afficher ou supprimer un lien dans le menu ;
  • ajouter un lien externe. 

Les différents types de menu

Avant d'organiser son menu de navigation principale, il faut comprendre le principe des menus dans Drupal. Par défaut, il présente plusieurs menus qui seront détaillés ci-dessous.

Ces différents types de menus se trouvent dans le menu Structure > Menus. Cette page s'affiche la liste de tous les menus présents dans drupal.

  • Administration : menu administrateur contenant par exemple le menu Structure
  • Menu du compte utilisateur : menu utilisé par les utilisateurs du site, il contient actuellement les liens Mon compte et Se connecter
  • Navigation principale : gère le menu de navigation principale du site
  • Outils : offre des liens supplémentaires aux utilisateurs, souvent associés aux extensions ajoutées à Drupal
  • Pied de page : contient les liens présents dans le bas du site. Il contient actuellement un lien vers le formulaire de Contact.

Organiser son menu de navigation principal

Des pages et des articles ont été créés, mais le menu de navigation principale du site ne dirige pas les internautes vers ces pages. Avec Drupal, il existe deux façons de créer et d'organiser son menu de navigation :

  • depuis le formulaire d'édition de contenu ;
  • en créant directement un lien dans le menu.

Créer le lien du menu depuis l'article

Pour voir apparaître le lien de l'article nouvellement créé dans le menu de navigation du site, l'article doit fournir au menu un lien. Le lien du menu d'une page est paramétré directement au moment dde l'édition de cette page. Sur la page d'ajout d'un contenu se trouve une zone à droite de l'éditeur de texte. Cette zone permet, dans l'onglet Paramètres du menu, de créer directement un lien pointant vers le contenu dans le menu principal.

Lorsque l'option Fournir un lien de menu est cochée, de nouvelles options apparaissent :

  • Titre du lien dans le menu : définir le titre du lien tel qu'il s'affichera dans le menu de navigation ;
  • Description : renseigner une description qui s'affichera dans une bulle d'aide au survol du lien (facultatif) ;
  • Élément parent : préciser l'élément parent du lien s'il en a un. Si le lien est à placer directement dans le menu de navigation, l'élément parent sera <navigation principale> (par défaut).
  • Poids : positionner le lien du menu par rapport aux autres. Si la valeur du poids du lien est plus petite que celle des autres liens du menu, alors le lien se positionnera tout à gauche dans le menu de navigation.

Les articles possédant un lien de menu s'afficheront automatiquement dans le menu de navigation.

Créer un lien de menu directement

Lors de la réalisation d'un site internet, il est fréquent de s'appuyer sur des documents de travail sur lesquels le menu est présent et contient des liens. Avec Drupal, il est possible de créer un menu de navigation, sans que la page web existe au préalable. Le premier exemple ci-dessous montre comment ajouter un lien vers une page externe :

Dans Structure, cliquez sur Menus puis sur le bouton Modifier le menu de la ligne Navigation principale. L'objectif n'est pas de modifier cette page mais de rajouter un lien à la navigation principale. Cliquez sur le bouton Ajouter un lien.

Remplir les champs :

  • Titre du lien dans le menu : indiquez le nom du lien tel qu'il s'affichera dans le menu ;
  • Lien : le lien du site vers lequel il va tendre. Le lien peut aussi être un lien interne du site en insérant dans le champs un chemin comme /node/rennes, mais il faudra pour cela créer une page article ;
  • Activé : case à cocher, affiche directement le lien dans le menu du site ;
  • Description : une petite description s'affiche dans une bulle d'aide au survol du lien du menu ;
  • Enregister : valide l'ajout du nouveau lien du menu.

Le lien externe nouvellement créé est alors visible sur le site. Par défaut le lien s'est placé en dernière position mais il sera possible de le déplacer, ce sujet sera vu dans le chapitre suivant.

Organiser son menu de navigation

Fournir le lien de menu pour chaque article permet seulement de les afficher et non de les placer selon le choix de l'utilisateur, il peut être bon de pouvoir les ré-ordonner pour optimiser la navigation des internautes. Pour organiser le menu principal du site, aller dans StructureMenus puis cliquer sur  Modifier le menu sur la ligne Navigation principale. Sur cette page, les liens des articles précédemment créés sont listés ainsi que le lien Accueil qui est présent par défaut.

Du côté du site public, cet agencement est confirmé :

Réordonner les liens du menu

Les liens du menu s'affichent habituellement dans l'ordre de leur création. Néanmoins, il est possible de modifier l'ordre des liens du menu en faisant un glisser/déposer avec l'icone . De cette manière, il devient aisé de réorganiser son menu de navigation. Ne pas oublier d'enregister les modifications après la réorganisation du menu.

 

Activer ou désactiver un lien du menu

Le menu du lien peut être activé ou désactivé c'est-à-dire que si le lien est désactivé, il ne s'affichera pas dans le menu du site. Pour cela il suffit de décocher la case Activé. Par exemple, décocher la case activé du lien Accueil enlèvera le lien Accueil du menu, la case peut être recochée à tout moment si nécessaire.


Note : Le fait d'avoir désactiver le lien Accueil du menu enlève le lien visuel dans le menu mais ajoute quand même en dessous du menu un lien Accueil qui correspond au fil d'Ariane. Ce fil d'Ariane renseigne aux utilisateurs le chemin parcouru depuis la page d'accueil du site.

Modifier un lien du menu

Un lien de menu peut être modifié. Pour cela, cliquez sur le bouton Modifiercorrespondant au lien, s'affiche alors la même page que dans la partie Ajouter un lien de menumais avec les informations déjà introduites. Cliquez sur le bouton Enregistrer pour sauvegarder les modifications.

Supprimer un lien du menu

Pour supprimer le lien du menu, en bas de la page à côté du bouton Enregistrer, il y a un lien Supprimer qui supprimera automatiquement le lien du menu.
Un message d'avertissement s'affiche pour confirmer la suppression du lien. Cette action est irréversible.

Une autre méthode pour supprimer un lien du menu est d'aller sur la page qui liste les liens du menu. En face des liens se trouve un bouton Modifier. En cliquant sur la flèche apparaît le bouton Supprimer.

 

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.