Formation WordPress – Devenez un expert WordPress

Partager sur facebook
Partager sur twitter
Partager sur pinterest

Comment créer et utiliser les menus WordPress

Les menus sont une partie importante du processus d’installation, donc c’est probablement une bonne idée de travailler dessus maintenant (mais vous pouvez les changer/éditer à tout moment !). Dans la leçon suivante, vous apprendrez comment utiliser l’éditeur d’apparence WordPress.

La leçon : Lorsque vous regardez pour la première fois la page de menu du tableau de bord WordPress, cela peut sembler un peu délicat… onglets, noms de menu, structure du menu, emplacements. Attends, quoi ?

La première chose à savoir sur les menus, c’est… ce que sont vraiment les menus ! Les menus – aussi appelés barres de navigation – sont les zones de liens dans votre thème qui vous dirigent vers des éléments de contenu spécifiques sur votre blog ou votre site Web.

Par exemple, si vous visualisez ce site sur un bureau, vous remarquerez la zone où vous verrez les mots Démarrer un blog ou un site Web, Conseils et nouvelles, Cours en ligne gratuit, Thèmes WordPress et Triche HTML. Il s’agit d’un menu – et d’un menu horizontal en plus.

Mais, si vous faites défiler vers le bas jusqu’au pied de page (également lorsque vous consultez ce site sur un bureau), vous verrez les mots À propos, Pub, Contact / FAQ, Commentaires, et Termes et conditionss. C’est aussi un menu, mais cette fois c’est vertical.

Enfin, si vous cliquez sur la petite icône à trois lignes dans le coin supérieur droit (visible uniquement sur les petits écrans), vous verrez s’envoler une zone (c’est en fait une barre latérale “cachée” créée avec le plugin GilidPanel) qui contient également des menus (dans des widgets).

Les menus sont conçus pour aider vos lecteurs ou visiteurs à se déplacer facilement sur votre site. Les liens que vous y insérez dépendent de vous, mais l’idée est qu’en les visitant, il est facile de naviguer vers des sections clés telles que les pages importantes et les catégories de blogs.

Presque tous les thèmes auront au moins un menu intégré. Certains peuvent en avoir deux, peut-être même plus. Tout dépend du thème que vous choisissez pour répondre à vos besoins individuels. Si vous commencez avec un tout nouveau site WordPress, comme je le montre ici, les menus n’auront pas l’air comme vous le voulez tout de suite, vous devez faire quelques réglages !

Lorsqu’un concepteur de thème crée un thème, il crée la zone pour que le(s) menu(s) “s’asseyent”. Et lorsque vous installez un thème, c’est à vous de créer un menu et de l’appliquer à la ou aux zones où se trouvent les menus. Si vous travaillez sur un tout nouveau site WordPress sans pages ou messages écrits, vous verrez que par défaut, tous les menus de votre thème afficheront la page factice appelée Exemple de page que WordPress inclut avec votre installation (comme montré ci-dessous).

Ce qu’il faut inclure dans vos menus
Tout d’abord, je dirais que cela dépendra en partie du nombre de menus que vous avez. Si vous en avez un, je suggérerais quelque chose de simple comme : Accueil, À propos, Contact et Blog ou Catégories. Si vous en avez deux, vous pouvez utiliser un menu uniquement pour vos catégories (par exemple : Beauté, Mode, Voyage, Nourriture et Décoration) et l’autre pour vos pages (comme A propos, Contact, Publicité).

Rappelez-vous, vous n’avez probablement pas pensé aussi loin en avant, donc vous pouvez toujours revenir et ajuster ces derniers quand vous avez une vue plus claire sur ce que votre blog ou site Web va être utilisé pour !

 

Comment créer un menu
Pour modifier ce qui apparaît dans le menu de votre thème, vous devez vous rendre dans votre tableau de bord WordPress et sélectionner Apparence > Menus.

Créez un menu en lui donnant d’abord un nom et en cliquant sur Créer un menu. J’aime nommer mes menus en fonction de l’endroit où ils se trouvent ou de ce qu’ils offrent. Par exemple : le menu où mes lecteurs peuvent choisir le type de contenu qu’ils veulent voir sur mon site (comme WordPress Themes ou HTML Cheat Sheet) est appelé mon menu principal. Alors que le menu en bas de page de mon site qui contient des liens vers des pages importantes (telles que A propos, Contact et FAQ) s’appelle le menu Mes Pages.

Ensuite, vous pouvez créer les éléments de menu. Il y a deux façons de le faire (mais bien sûr !). Tout d’abord, sous la rubrique Pages, vous pouvez sélectionner du contenu existant sur votre site (pour l’instant, nous n’avons que la page exemple, mais lorsque vous apprendrez comment ajouter plus de pages, vous pourrez sélectionner ce que vous voulez) en cochant la case et en cliquant sur Ajouter au menu (comme montré ci-dessous).

 

La deuxième façon (comme indiqué ci-dessous), est de taper votre propre URL sous la rubrique Liens personnalisés. Vous l’utiliserez probablement pour créer un lien vers un site externe. Par exemple, vous pourriez être un artiste avec un portfolio en ligne, un propriétaire de boutique avec un profil Etsy, ou le propriétaire d’un groupe Facebook. Cliquez sur Ajouter au menu lorsque vous avez terminé.

Vous pouvez également utiliser ces zones pré-remplies pour sélectionner des catégories, mais elles n’apparaîtront pas ici tant que vous n’en aurez pas créé ! Donc, si vous utilisez votre site comme un blog, vous voudrez peut-être revenir et l’ajuster quand vous aurez assez de messages pour créer les catégories que vous souhaitez inclure.

Astuce avancée : Une fois que votre élément de menu a été sélectionné et se trouve maintenant dans la zone Structure du menu, vous pouvez cliquer sur la flèche à côté de son nom, et vous verrez apparaître quelques options supplémentaires (et si vous ne cliquez pas sur les options d’écran dans le coin supérieur droit de l’écran pour les faire apparaître). Le plus important est la zone de texte de la classe CSS. C’est une option avancée, donc vous n’avez pas à vous en soucier (jusqu’à ce que vous soyez à l’aise pour modifier les fichiers CSS de votre thème).

Comment réorganiser votre menu
Une fois que vous avez trié les liens de votre menu, il est temps de vous assurer qu’ils apparaissent dans l’ordre où vous les voulez aussi ! Par défaut, ils apparaissent par ordre alphabétique. Vous verrez dans l’image ci-dessous que j’ai créé mon site de démonstration comme un blog lifestyle avec les catégories Beauté, Mode, Décoration, Voyage et Alimentation.

La façon dont ces liens de menu s’afficheront sur la page d’accueil de votre site WordPress dépendra de leur ordre. Donc si vous voulez que la Mode passe avant la Beauté, vous n’avez qu’à cliquer sur Mode (dans la zone Menu de votre tableau de bord WP) et la faire glisser au-dessus de Beauté et laisser aller. Facile !

 

Comment créer des éléments de menu enfant
Qu’est-ce qu’un élément de menu enfant (aussi connu sous le nom d’élément de sous-menu), demandez-vous ? C’est un élément de menu qui se trouve sous un élément de menu parent. Toujours avec moi ?! Regardons l’image ci-dessous pour une meilleure compréhension. Vous verrez sur mon site de démonstration qu’il y a maintenant un élément de menu appelé Blog, et quand il est survolé, les catégories apparaissent en dessous.

Créer ceci est très simple. De retour dans la zone de gestion des menus de WordPress, vous créez simplement les éléments de menu que vous souhaitez inclure (dans ce cas : Blog), puis placez les éléments que vous souhaitez être des éléments de menu enfant sous l’élément parent, avec un petit retrait vers la gauche (dans ce cas, c’est les catégories). Ceci est créé par simple glisser-déposer de l’élément de menu enfant, et en s’assurant qu’il n’est pas directement en ligne avec l’élément parent ci-dessus. Voyez à quoi cela ressemble dans l’exemple ci-dessous.

Et tant qu’on en est encore au menu parents-enfants, vous pouvez le refaire encore et encore (si vous en ressentez vraiment le besoin). Voir l’exemple ci-dessous ! Astuce : les meilleurs menus sont simples, clairs et clairs, alors prenez le temps d’y réfléchir avant d’ajouter de nombreux liens.

 

Comment assigner un menu
Une fois que vous avez organisé votre menu comme bon vous semble, il est temps de l’affecter à l’une des zones de menu de votre thème. Dans le thème The Newswire – que j’ai utilisé pour démontrer comment installer un thème – il y a deux zones de menu. L’un se trouve en haut du site Web (appelé Menu de navigation supérieur par le créateur du thème) et l’autre en dessous de l’en-tête (appelé Menu de navigation principal par le créateur du thème).

Dans l’image ci-dessous, vous verrez qu’en dessous de la structure du menu dans WordPress, vous verrez une zone appelée Paramètres du menu. Voici les noms des zones de menu disponibles dans votre thème. Une fois que vous avez affecté le menu que vous venez de créer aux emplacements de menu du thème, cliquez simplement sur Enregistrer le menu.

Utiliser des widgets pour mettre en valeur les menus
La dernière chose que je vais aborder en ce qui concerne les menus, c’est que vous pouvez aussi utiliser des widgets pour les mettre en valeur. Un bon exemple (si je le dis moi-même !) est celui que j’ai mentionné plus tôt…. ma barre latérale “disparaissante” (créée avec le plugin GilidPanel) qui contient deux menus. Au cas où vous auriez déjà oublié comment utiliser les widgets, voici les instructions.

 

webinaire agence webmarketing

Profitez maintenant du meilleur Webinaire composé des secrets et stratégies que personne ne vous dévoilera, rejoignez maintenant plus de 24.500 entreprises qui ont profité des secrets.

Partagez cet article avec vos amis

Partager sur facebook
Partager sur google
Partager sur twitter
Partager sur linkedin