Créer un menu de navigation

Pour la création d’un menu, je trouve que les intitulés français proposés par le logiciel Publii manquent un peu de clarté. Rien d’insurmontable cependant avec un peu d’attention.

Créer le menu

1. Cliquez sur “Menus” dans le menu de gauche
2. Cliquer sur “Ajouter un menu”
3. Nom : Menu principal ou ce que vous voulez.
4. Votre nouveau menu est marqué comme Non assigné. Assignez le à : Main menu

Ce nouveau menu ne s’affichera pas dans votre blog tant qu’aucune page n’y sera attachée. Pour chaque lien associé au menu, vous fournirez un libellé (À propos, Galerie, Aide...). Choisissez-le soigneusement, car c’est celui-ci qui sera visible sur votre site web.

Pour résumer : les pages statiques ne seront visibles sur votre blog que lorsqu’elles seront attachées à un menu. Et le menu ne sera affiché sur votre blog que lorsqu’il y aura des pages qui y seront attachées.

Ajouter des liens au menu

Cliquez sur le nom du menu que vous venez de créer (voir figure 6) puis sur le bouton “Ajoutez un élément de menu”, c’est à dire un liens vers une page, un articles, une galerie...

Dans l’écran qui vient de s’ouvrir :

1. Ajoutez un libellé : exemples de libellés simples : Accueil, Photos, Contact
2. Sélectionnez le type d’élément : une pages statique, un articles, etc.
3. L’attribut titre du lien liste les types d’éléments choisis : par exemple, si le type d’élément que vous avez choisi est pages, ce menu vous proposera de choisir une page parmi toutes celles que vous avez écrites.
4. La cible du lien : si c’est une page de votre site, choisissez la même fenêtre pour que votre visiteur reste sur votre blog. Si votre lien mène à une page internet (un site commercial, un musée,...) vous pouvez ouvrir ce lien dans une nouvelle fenêtre.

Créer un menu hiérarchique

Dans le menu que vous avez crée, chaque entrée mène à une page unique. Pourtant, on peut souhaiter afficher nos photos par thème ou par année. Voici notre menu :

• Accueil
• Photos
  • Voyages
  • Spectacles
• Contact

Dans les paragraphes précédents, vous avez créé les pages Accueil, Photos et Contact. Vous allez maintenant créer les deux pages suivantes : Voyages et Spectacles. Puis les affecter au menu que nous avons créé. En premier niveau, on trouve Accueil, Photos et Contact (voir figure 7).

Dans l’élément du menu Photos, vous allez utiliser la commande “Ajouter un sous-menu”. Vous ajouterez un premier sous-menu Voyages (qui ouvrira la page Voyages) puis un deuxième sous menu Spectacles, au même niveau, qui ouvrira la page Spectacles. Vous disposez maintenant d’un menu hiérarchique (voir figure 8).

Figure 6 – Ajouter des liens au menu

Figure 7 – Un menu simple

Figure 8 – Menu hiérarchique

Vous remarquerez que la page Photos est une page intermédiaire dont l’utilité peut être discutable. Elle sert de passage vers les deux galeries de photos. Si vous ne souhaitez pas utiliser cette page, il faut indiquer à Publii que cet élément du menu n’est pas un lien vers une page, mais qu’il s’agit d’un texte de séparation. Vous allez éditer l’élément du menu Photos et indiquer qu’il ne s’agit pas d’un lien vers une page, mais d’un Séparateur de texte. L’entrée du menu Photos est maintenant non cliquable (voir figure 9). La page Photos est désormais inutile, vous pouvez la supprimer.

Figure 9 – Menu hiérarchique, l’entrée Photos est inactive