Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Le menu de navigation est l’un des éléments les plus importants de votre site Web. Sans ces informations, vos visiteurs ne pourront pas accéder au contenu dont ils ont besoin, ne comprendront pas le contenu que vous proposez et seront généralement confus au sujet de votre site Web. Malheureusement, le système de menus WordPress n’est pas la partie la plus intuitive du CMS (Content Management System). Nous comprenons cela et souhaitons vous montrer la meilleure façon de naviguer dans le système de navigation WP. Pour que vous et vos utilisateurs bénéficiez de la meilleure expérience possible.

Avant de créer un menu WordPress

Avant même d’entrer dans la structure du menu WP, prenons une seconde pour planifier cela. Créer un menu est facile (il suffit d’aller à Apparence – Menus et commencez à cliquer), créez un utile Le menu est un peu plus détaillé. En gros, posez-vous deux questions:

  • Pour qui suis-je en train de faire un menu?
  • Où mes visiteurs doivent-ils aller?

Sur le plan de Pour qui suis-je en train de faire un menu?cela peut sembler idiot. Parce que la réponse est sans aucun doute « vos utilisateurs ». Mais ce n’est pas si simple. Différents utilisateurs ont besoin de choses différentes. Les nouveaux utilisateurs ont-ils besoin des mêmes pages que les utilisateurs qui reviennent? Les membres connectés voient-ils les mêmes menus que ceux qui ne sont pas connectés?

Lorsque vous pensez aux personnes qui utilisent ce menu particulier, restez simple. Vous pouvez éviter de le remplir de pages qui submergeront les personnes qui le regardent. L’avantage des menus WordPress est que vous pouvez créer de nombreuses versions et les afficher à différents endroits.

Ce qui nous amène à la deuxième question: Où mes visiteurs doivent-ils aller? Main dans la main avec quels utilisateurs sont requis quels menus, la décision décide où ces utilisateurs doivent aller, quel type de menus vous créez.

ElegantThemes.com comme un véritable exemple

Par exemple, il y a quelque temps, chez Elegant Themes, nous avons repensé un menu d’en-tête. Nous voulions nous concentrer sur le trafic vers notre groupe Facebook. Utilisateur du thème Divi, et notre Réseau Meetup. Mis à part Divi lui-même, mais cela va sans dire: pour cela, nous avons simplifié la structure du menu pour ne donner à l’utilisateur qu’une poignée d’options par rapport à la version plus robuste qui existait auparavant.

Menu WordPress DiviDéplacez le pointeur de la souris sur Deuxet vous verrez des liens non seulement vers les fonctions du sujet, mais aussi vers nos réseaux sociaux que nous voulions mettre en évidence. tous les produits présentera et présentera Divi comme produit phare Tarification en tant que gens, consultez nos options d’adhésion. Compte est en dehors de ce nouveau paradigme d’utilisateur, mais offre aux nouveaux utilisateurs un accès rapide à leurs adhésions et la possibilité de s’inscrire pour de nouveaux membres. ContacterEst également là pour tout le monde.

Comme vous pouvez le voir, chaque élément de menu dirige un segment sélectionné de visiteurs vers les pages qu’ils devraient voir le plus. Cependant, nous avons également un menu plus complet dans le pied de page qui renvoie à des endroits comme notre blog, des ressources, des pages de produits individuelles, etc.

et pied de page du menu

Les menus d’en-tête sont également toujours là. Cependant, nous savons que le menu en bas de page est utilisé par les personnes ayant un besoin plus spécifique à la recherche d’un menu différent (comme c’est le standard du Web de nos jours) pour trouver ce qu’elles recherchent.

Dans cet esprit, vous avez probablement compris pour qui vous créez le menu et à quoi vous attendre. Alors créons votre menu WordPress.

Comment créer des menus WordPress

Aller à Apparence – Menus dans votre tableau de bord WordPress. Vous devriez voir quelque chose comme ceci:

Modifier la page

Cette page n’est pas la partie la plus conviviale de WordPress, mais vous verrez certaines parties qui sont cohérentes avec ce que nous avons discuté ci-dessus.

le Nom du menu est pour votre référence. Aucun utilisateur ne verra cela. Gardez une trace de quel menu va où en le nommant en conséquence. Vous pouvez voir sur la gauche Pages, articles, liens personnalisés, et Catégories. Certains sujets ont plus d’options ici. Sincèrement ou pas. Les éléments de menu peuvent être des articles ou des pages individuels ainsi que des liens de catégorie. De plus, vous pouvez créer un lien vers n’importe quoi avec des liens personnalisés. Pense juste à ça https: // ou vos liens peuvent finir morts.

Sous Paramètres du menuNous vous recommandons vivement de conserver Ajouter des pages automatiquement avec des besoins spéciaux. Cette option ajoute tout Nouvelles pages créées sur votre site dans le menu WordPress. La plupart des gens ne cocheront jamais cette case.

Maintenant le Afficher l’emplacement Les options varient d’un thème à l’autre car chaque thème a une disposition différente qui permet d’afficher les menus WordPress. Cependant, ce sont les endroits de votre site où votre menu peut être entièrement affiché. Vous ne pouvez pas obtenir une personnalisation plus précise des éléments de menu sous er Gérer les emplacements Onglet en haut de l’écran

emplacements des menus wp

Ensuite, ajoutez le contenu de votre choix dans le menu lui-même. Cochez simplement la case à côté et cliquez sur Ajouter au menu. Lorsque vous faites cela, il sera ajouté sous Structure du menu. Cliquez sur la flèche pour afficher d’autres options, telles que Étiquette de navigation.

placer un objet dans le système de navigation

Rappelez-vous que le Étiquette de navigation montre cela aux utilisateurs. C’est la partie qui est affichée dans le menu. Donc, si vous avez un titre de page trop long, vous pouvez le raccourcir ici.

La partie la plus importante de la création de menus WordPress (et peut-être l’une des actions les plus oubliées sur toute la plate-forme) est le clic Enregistrer le menu à droite de l’écran.

Sauvegardez vos menus WordPress lorsque vous appréciez le temps que vous avez passé à les créer

Après l’enregistrement, le menu est mis en ligne. S’il apparaît déjà sur votre site Web, les modifications prendront effet immédiatement.

Comment créer un menu déroulant WordPress

Pour la plupart, les étapes ci-dessus sont les mêmes pour créer un menu déroulant dans WordPress également. Cependant, vous devez effectuer une étape supplémentaire pour que les sous-menus apparaissent.

Sous le Structure du menu La section de chacun des éléments est déplaçable. Pour créer un menu déroulant, cliquez simplement sur l’élément souhaité et Faites-le glisser sur l’élément dont vous voulez être le parent. WordPress est suffisamment intelligent pour savoir que chaque fois que vous passez d’un article à un autre, vous souhaitez utiliser celui-ci ensuite. Les imbriquer créera un menu déroulant dans le front-end.

Créer une structure de menu WordPress personnalisée

Répétez ce processus pour autant d’éléments que vous le souhaitez dans la liste déroulante. La hiérarchie imbriquée est facile à comprendre. Chaque fois qu’un nouveau niveau est créé dans l’arborescence, il s’agit d’un menu déroulant supplémentaire.

Créer une structure de menu WordPress personnalisée

Dans le frontend, cela ressemble à ceci:

Options de liste déroulante dans WordPress

Ces étapes supposent que vous utilisez des éléments de menu existants. Cependant, si vous ne voulez pas que l’élément qui déclenche le menu déroulant soit un lien navigable, vous pouvez simplement en créer un Lien personnalisé qui a un # au lieu d’une URL.

URL d'espace réservé avec un hashtag

Lorsque vous effectuez cette opération, un élément de menu est créé. Cependant, cliquer dessus ne fera que développer le menu déroulant.

Comment utiliser plusieurs menus sur votre site WordPress

Pour revenir à ce dont nous avons discuté précédemment, nous voulons nous assurer que chaque menu qui apparaît est ciblé. Parfois Méga menus sont les meilleurs choix pour la navigation sur le site. Par exemple, Amazon est un excellent exemple de site Web qui tire parti d’un méga menu à grande échelle. Cependant, la plupart des sites Web qui utilisent des méga menus n’en ont pas besoin. Ils rendent la navigation sur le site Web inutilement difficile.

Cependant, si vous avez un grand site et qu’il peut être divisé, l’utilisation de plusieurs menus sur votre site est presque toujours une meilleure option. Moins un utilisateur doit prendre de décisions, plus il a de chances de faire le choix qu’il souhaite.

Par exemple, disons que vous souhaitez créer un menu qui n’apparaîtra que dans les barres latérales du blog pour guider les utilisateurs. Nous pourrions appeler le menu quelque chose comme S.widget de l’idebar pour garder une trace des choses. Mais si tu regardes ça Afficher l’emplacement ou la Gérer les emplacements Il se peut qu’il n’y ait pas d’option de barre latérale sur l’onglet.

Créer une structure de menu WordPress personnalisée

Cela signifie simplement que nous devons placer le menu manuellement. Accédez à dans le tableau de bord WordPress Apparence – widgets et les trouver Le menu de navigation Widget.

Menus de la barre latérale

Pour la plupart, votre sujet aura un sujet générique Barre latérale Possibilité. le Le menu de navigation Par défaut, le widget est WordPress. Cela fonctionne donc quel que soit votre sujet. Cependant, votre thème peut avoir autre chose pour les widgets de menu et les étapes de base doivent toujours s’appliquer.

Comme pour les éléments du menu déroulant, cliquez dessus et faites-les glisser vers Barre latérale Surface. En raison de la façon dont les widgets fonctionnent dans WordPress, le widget apparaîtra immédiatement sur votre site Web. Cependant, vous n’avez pas sélectionné de menu à afficher, c’est donc un espace.

Menu de la barre latérale du widget

Si vous en choisissez un Titreil est affiché sous forme d’en-tête au-dessus du menu. le Choisissez le menu Utilisez cette option pour sélectionner le menu que vous souhaitez afficher. Vous pouvez également cliquer sur Visibilité Liez et ouvrez la boîte supplémentaire que vous voyez ci-dessus. Ce nouveau champ vous offre des options de visibilité conditionnelle. Pour cette raison, nous souhaitons peut-être que ce menu apparaisse sur les articles classés comme PodcastsAlors quand on clique économiserles changements augmentent.

Menu du générateur de thèmes de la barre latérale Divi

C’est tout ce que vous avez à faire. Notez que tout ce que vous avez créé en tant que menu déroulant de menu d’en-tête apparaît sous la forme d’un menu imbriqué dans le widget de la barre latérale. Donc, si vous avez créé des URL génériques avec #, il s’agit d’un lien non cliquable dans ce menu. Planifiez simplement la création de votre menu WordPress en conséquence.

Terminez avec le menu WordPress

Le système de menus WordPress n’a pas à être intimidant. Cela peut parfois sembler un peu flou, mais comme vous pouvez le voir, c’est un processus facilement navigable qui peut être très puissant une fois que vous savez comment le faire. N’oubliez pas, cependant, que les menus ne sont pas de taille unique lorsque vous créez votre propre navigation sur le site. Assurez-vous de prendre en compte les pages de votre site Web sur les pages de votre site Web et de créer le système de menus pour créer cette expérience. Toutes les pages, tous les articles et tous les liens ne doivent pas être affichés dans le même menu. Avec les menus WordPress, moins peut certainement être plus.

Comment structurez-vous vos menus WordPress? Combien de menus différents votre site propose-t-il?

Article avec photo de Julia Tim / shutterstock.com





Source link

Recent Posts