Arborescence: Gestion des menus

Notions essentielles d’ergonomie

La moyenne en temps passé des visites d’un site internet n’excède pas 7 secondes.

A chaque fois que l’on clique sur un lien ou sur un bouton pour accéder à l’information, on perd 30% des visiteurs.

Vous l’avez compris, si on doit cliquer 3 fois pour accéder à une page, il ne vous reste plus que 10% de visiteurs. Il vaut mieux donc éviter les arborescences profondes.

Nous n’avons pas un regard à 180° : évitez les menus au delà de 5 liens !

Si vous avez un smartphone, la réorganisation de l’arborescence type responsive reste inconfortable si le nombre de boutons est excessif.

Par conséquent, on réorganise les liens du menu par section dans la page d’accueil.

Quand c’est possible, on tentera d’éviter les sous-menus (confortable sur ordinateur et complexe sur une tablette ou un smartphone).

La gestion des menus peut être différente en fonction des thèmes installés à partir de WordPress.

 

Dans WordPress

Pour accéder à la gestion des menus de WordPress,  je clique sur le menu à gauche apparence puis menu.

  • Dans la partie gauche du formulaire je peux voir tous les éléments que je peux intégrer dans mon menu
  • Dans la partie droite la simulation du menu que je vais pouvoir obtenir
  • Au milieu de la partie droite vous avez la possibilité de personnaliser le nom de menu que vous allez avoir dans votre site

En cliquant en haut sur “l’option de l’écran” vous pouvez ajouter des options de paramétrage supplémentaires sur vos liens 

  • En bas à droite le bouton pour enregistrer

Si je clique sur le bouton “options de l’écran” vous pouvez constater que l’on peut ajouter des propriétés supplémentaires sur vos liens de menu, je vous invite de lesr  cocher.

À gauche du formulaire

  • Vous pouvez voir la liste des pages que vous avez créé.
  • En dessous vous pouvez lister les articles
  • Ajouter des liens personnalisé
  •  Ainsi que les catégories d’articles, pour faire apparaître un blog dans votre site

 la liste des options que vous pouvez voir ne sont pas figées, elles dépendent des extensions que vous avez installé.

En cliquant sur le bouton Gérer les emplacements Vous pouvez voir la liste des emplacements disponible sur votre thème pour positionner vos menus.

Cette liste dépend du thème que vous avez installé sur votre site, en l’occurrence ici nous avons “GeneratPress”

Si vous avez plusieurs menus dans votre site, il vous suffit de sélectionner la liste  défilante correspondante  pour lui indiquer le menu que vous voulez voir apparaître.

Je retourne dans l’onglet modifier les menus

Si je clique sur le lien, avec la prévisualisation en direct j’accède à la gestion de mon menu depuis l’interface de personnalisation de mon thème. Je peux de la même manière organiser et gérer mon menu.

Pour insérer des pages comme lien de menu, il me suffit de les sélectionner et de cliquer sur le lien “ajoutez Au menu” 

À l’aide de ma souris en déplacement les liens à droite je peux changer l’ordre,  en les décalant vers la droite cela me permet de créer un sous-menu.

Pour ajouter un lien personnalisé il me suffit d’indiquer l’adresse dans le champ url monsite.fr par exemple, d’ajouter un titre au bouton dans le champ texte du lien, et comme au préalable j’ai activé des paramètres supplémentaires je peux rajouter un attribut (Un attribut et 1 informations supplémentaire qui va apparaître lors du survol de la souris) et choisir si mon lien doit apparaître dans mon site ou dans un nouvel onglet. 

Création d’un nouveau menu

Si je veux créer un nouveau menu, il me suffit de cliquer sur le lien  créer le menu” puis lui donner un titre dans le champ nom du menu et lui indiquer l’emplacement dans lequel je veux le faire apparaître.

Enfin ajoutez les liens que vous voulez mettre penser à enregistrer 

Voyons le résultat, prévisualisez votre site. Vous avez en haut l’ensemble des liens que j’ai ajouté dans le menu principal ainsi qu’un sous-menu, symbolisé par le petit signe supérieur à.