La pestaña de navegación de las opciones del tema Divi

Actualizado el 22/08/2019 | Publicado el 12/01/2018 | 38 comentarios

Veamos en detalle lo que puedes configurar en la pestaña de Navegación de las opciones del tema Divi.

Sepa que no existe una "configuración buena o mala", todo esto es subjetivo y variará en función de sus proyectos web y del objetivo que quiera conseguir...

Las opciones que establezca en esta pestaña pueden influir en el comportamiento de su menú principal. Vaya aquí a la carpeta completa dedicada a la navegación principal de Divi.

Onglet Navigation
Ficha de navegación

La pantalla de opciones de "Navegación " se compone de 3 subpestañas: "Páginas", "Categorías" y "Configuración general".

Aquí está el programa de este artículo:

  1. La subpestaña Navegación > Páginas
  2. La subpestaña Navegación > Categorías
  3. La subpestaña Navegación > Configuración general
  4. Otras opciones de Divi

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

Navigation > Pages
Ficha de navegación > Páginas
  1. Excluir páginas: no estoy seguro de que esta opción sea interesante ya que para organizar la navegación es mejor utilizar las opciones que ofrece WordPress desde la pestaña Apariencia > Menú. Vea aquí para saber cómo crear un menú principal de WordPress.
  2. Menús desplegables: si esta opción está desactivada, las subpáginas contenidas en su navegación principal no estarán activas. Sólo se tendrán en cuenta las páginas de primer nivel.
  3. Enlace a la página de inicio: Esta opción añade un enlace a tu página de inicio, sin embargo, si has configurado tu página de inicio en la pestaña Apariencia > Personalizar > Página de inicio estática, esto creará un duplicado.
  4. Ordenación de los enlaces : permite establecer la organización de la ordenación de los enlaces contenidos en la navegación principal. Una vez más, esto no tiene ningún valor si usted establece su menú desde la pestaña Apariencia > Menú.
  5. Orden de clasificación: al igual que para la clasificación de los enlaces, es mejor utilizar la pestaña Apariencia > Menú que ofrece WordPress de forma nativa.
  6. Número de niveles en los menús desplegables: son los niveles equivalentes a la profundidad de un menú. Depende de cuántos subelementos necesite en su menú principal.
  7. Guardar: por supuesto, una vez realizados los cambios, no olvides guardarlos.

Lea también: ¿Cómo puedo insertar imágenes en el menú de Divi?

Veamos ahora la subpestaña "Categorías" disponible en la pestaña "Navegación"...

Options du Thème Divi : onglet navigation - 2
Pestaña de navegación > Categorías
  1. Excluir categorías: Al igual que las páginas, es posible excluir categorías en la navegación principal. Aquí es donde puedes marcar o desmarcarlos. Sin embargo, puede ser más relevante hacerlo desde la pestaña Apariencia > Menú que ofrece WordPress de forma nativa.
  2. Menús desplegables: Si tu blog tiene categorías secundarias y quieres que aparezcan automáticamente, puedes activar esta opción.
  3. Categorías vacías: Puede mostrar todas las categorías existentes en la navegación principal de su sitio. Por defecto, las categorías que no contengan ningún artículo estarán ocultas. Si todavía quiere mostrarlos, puede desactivar esta opción.
  4. Niveles de despliegue: Al igual que los desplegables de la página, puedes decidir la profundidad de los desplegables de las categorías. Esto dependerá de su organización interna de las categorías padre e hijo.
  5. Ordenar los enlaces: puede filtrar la ordenación de los enlaces en la navegación por categorías
  6. Orden de clasificación: al igual que puede ordenarlas en orden ascendente o descendente.
  7. Guardar: No olvides guardar los cambios.

¿Sabías que puedes probar Divi gratis? Ir a esta página y haz clic en "PRUEBA GRATUITA

Hasta ahora, las dos últimas pestañas no tenían mucho valor añadido, pero las opciones disponibles en la subpestaña "Ajustes generales " son bastante importantes...

Options du Thème Divi : onglet navigation - 3
  1. Desactivar el nivel superior: Cuando se desactiva, los elementos primarios de su navegación serán clicables. Si desea que el elemento primario, que contiene elementos del submenú, no pueda ser pulsado, active esta opción. Por ejemplo, en este blog, Divi Tips, puede hacer clic en el elemento llamado " TODO POR DIVI« . Este elemento primario es clicable porque la opción está desactivada. Si hubiera querido que el elemento "ALL FOR DIVI" no estuviera disponible, entonces habría habilitado esta opción.
  2. Método de desplazamiento alternativo: al crear una navegación de desplazamiento, es decir, SCROLL, se añade un ID CSS para acceder a esa parte de la pantalla. Sin embargo, puede ocurrir que el título se corte. Activando esta opción se soluciona el problema. Para muchos consejos sobre el desplazamiento, vaya aquí.
  3. Guardar : siempre lo mismo, no te olvides de guardar...

Para ir más allá, le sugiero que consulte los demás artículos de esta serie:

onglet navigation de divi
Divi tutorial : navigation tab

829 palabras

3

A ti también te debería gustar:

38 Commentaires

  1. PEREZ SERON

    Bonjour,
    Je fais un site avec divi.
    Je voudrais bloquer ma barre latérale comme la votre.
    Que dois je faire pour éviter qu’au défilement les éléments restent en haut de ma page?

    Merci

  2. Sev

    Bonjour,
    Mon menu déroulant du menu principal se déroule mais je ne peux pas accéder aux premiers articles du blog qui se situent en bas du menu déroulant… Je ne m’en étais pas aperçue tant que je travaillais sur un grand écran, mais je constate le problème sur un portable. En revanche, la navigation dans le menu s’effectue très bien sur une tablette ou un smartphone. Je n’arrive pas à comprendre d’où vient ce souci. Auriez-vous une explication ? Serait-ce dû à l’absence d’ID CSS pour permettre la navigation par SCROLL ? Auquel cas, comment devrait se présenter cet ID CSS ?
    Merci beaucoup

  3. Lycia

    Bonjour Sev, vous avez le lien du site ?

  4. Lycia

    C’est parce que tu as trop d’éléments qui compose ton menu

  5. Lycia

    Ce sont des articles que tu as ajouté au menu ?

  6. Sev

    Oui tout à fait, ils sont ajoutés au menu.
    N’y a-t-il pas moyen d’avoir un menu déroulant aussi long que l’on souhaite ? Suis-je obligée de créer des catégories et par là-même des sous-menus ?
    Je suis surprise qu’un menu déroulant ne puisse être déroulé…

  7. Lycia

    Vous pouvez avoir un menu long, puisque si on le « ré-enroule » votre problème n’existe plus. On voit bien votre contenu à ce moment-là. Je pense qu’il vaut mieux mettre une page de catégorie. Quand l’utilisateur clique dessus, il arrive à la liste des articles. Sur Astucesdivi, il y a 1 élément avec 4 sous éléments. Chacun d’entre eux vous mène à la liste des articles de la catégorie. C’est peut-être plus facile pour l’utilisateur ?

  8. Sev

    Ré-enroule ? Je ne comprends pas. Si je scroll dans un sens ou dans l’autre je ne vois pas les articles en bas du menu (sur un écran 13″).
    Je préfèrerais que tous les articles du blog soient visibles dans ce seul menu.
    Ex. : dans le site ci-dessous (sélectionné à l’instant par hasard), le menu « Tous nos rayons » nécessite un scroll et ne gène pas l’utilisateur qui comprend immédiatement l’action à faire pour accéder à la suite du menu. Est-ce possible avec Divi ?
    https://www.darty.com/nav/achat/encastrable/grand_refrigerateur/refrigerateur_americain/samsung_rs66n8100s9_ef.html

  9. Lycia

    En fait, quand tu appuie pour dérouler le menu , tu peux reappuyer pour le fermer. (J’ai testé avec mon iPhone)

  10. Sev

    Merci Lycia. En fait mon problème est visible sur un écran d’ordinateur portable en particulier. Sur tablette ou smartphone, où il est possible de faire glisser le menu de manière tactile, on peut lire l’intégralité du menu. Avec une souris devant un écran par contre on s’arrête, selon la taille de l’écran, avant la fin du menu.

  11. Lycia

    On peut corriger ça avec du CSS simplement

  12. Sev

    Oui, c’est ce que je subodorais après la lecture de la note 2 sur la méthode alternative de défilement, d’où ma question dans mon 1er commentaire à propos de l’absence d’ID CSS pour permettre la navigation par SCROLL. Mais où dois-je définir cet ID CSS ? Dans la personnalisation des CSS de l’onglet « Général » ? Et quels attributs lui donner ?

  13. Lycia

    Non je pense plutôt à du Media Queries. Je regarderai la semaine prochaine

  14. Sev

    Merci Beaucoup Lycia. Je ne connais pas ces Media Queries…

  15. nol

    Bonjour,
    J’ai créer un menu mais impossible de la voir dans mes pages
    Comment faire pour qu’elle apparaisse ?

  16. Lycia

    Bonjour Nol,
    Une fois votre menu créé, vous devez lui affecter un emplacement via Apparence > Menus > gérer les emplacements

  17. Nelly

    Bonsoir Lycia,
    Je bloque vraiment sur un point, je suis créatrice de faire-part mariage, j’ai donc crée ma page catégorie faire-part mariage ou tous mes modèles seront affichés, j’ai donc ajouté une ligne avec à droite le module boutique et à gauche barre latérale.

    J’ai bien ajoutés les attributs aux modèles, également « réglé » la barre latérale dans apparence widget, mais quand j’actualise, l’onglet barre latérale reste vide…

    Auriez-vous une idée du problème ?

    Deuxième question,
    Suite à une grosse erreur de parcours, j’ai voulu crée un site sous wix…
    Je me suis vite rendue compte de la grosse erreur que je faisais, du coup je suis en train de crée et de remplacer ce site sous wordpress,
    j’ai peur de crée un duplicate content puisque mes pages sont en ligne, mais sous un nom de domaine de remplacement qu’ovh m’a fourni en attendant de terminé celui-ci.

    Y’a t’il une possibilité pour créer un site sous wordpress, mais non visible et hors ligne ?

    Excusez-moi pour toutes ces questions, mais je suis vraiment perdu, et comme je retrouve énormément de réponses à mes questions sur votre site, je me permets donc de vous contacter aujourd’hui ….

    Merci pour votre retour
    Belle journée à vous

  18. Chilli

    Bonjour,
    savez-vous comment on désactive l’affichage du menu déroulant lorsque l’on scroll ? lorsque l’on scroll le menu disparait correctement mais si nous avons le malheur de passer la souris en haut de la page, la couleur de fond du menu déroulant et la couleur de la ligne s’affichent…
    Merci par avance de votre aide.

  19. Lycia Diaz

    Hello Julie, je n’arrive pas trop à comprendre votre besoin. Vous avez un lien ?

  20. Lycia Diaz

    Hello Nelly !
    Effectivement, il pourrait y avoir du duplicate content. Je vous conseille d’installer un plugin de maintenance dans les plus brefs délais. Celui-ci par exemple pourrait faire l’affaire : https://fr.wordpress.org/plugins/wp-maintenance/ ainsi Google n’aurait pas accès à votre site le temps de sa conception. Une fois que tout est rappatrié, supprimez le site sous Wix et désactivez la maintenance du nouveau site. Pour votre problème de barre latérale, il restera vide jusqu’à ce que vos articles soient publiés. Le sont-ils ? S’ils sont en brouillon, WordPress reconnait que la catégorie est vide et, de ce fait, n’affiche rien.

  21. Stéphane

    Bonjour,

    J’ utilise divi pour créer un site, seulement j’ai un problème avec la barre de menu que je ne parviens pas à configurer comme je le souhaite…

    Dans ma configuration actuelle la barre n’apparaît que lorsque l’on fait défiler la page de haut en bas. Et lorsque je sélectionne et que je désactive « barre de navigation fixe » dans option du thème divi « général » celle ci devient fixe et reste en haut de page.

    J’avoue ne plus trop savoir de quelle façon configurer la barre de menu en optant pour l’option via DIVI ou apparence personnaliser « propre à wordpress » tout ce que je souhaiterai est de pouvoir afficher sur mon site un menu comme le votre… fixe et qui reste en place lorsque l’on fait défiler l’écran.

    Par avance, merci pour les conseils que vous me communiquerez…

    Cordialement

    Stéphane

  22. Lycia Diaz

    Bonjour Stéphane. Le menu se règle dans Apparence > Personnalisé > En-tête et navigation. Si vous voulez un menu comme sur ce blog, j’ai choisi l’option Style d’en-tête : « Défaut ». Et je n’ai pas coché les deux options de dessous. Le menu reste donc fixe. Est-ce que cela répond à votre question ?

  23. coralie

    bonjour,

    je me demande si je peux modifier l’apparence du menu déroulant; En effet, le menu se déroule en colonne alors que je souhaiterai qu’il face toute la largeur de ma page comme ma barre de navigation et donc avoir mes onglets rangés horizontalement.

    Merci d’avance

    Cordialement

    Coralie

  24. rani

    Bonsoir et merci pour toutes ces infos :
    Sur mon site, j’ai un sous menu déroulant et j’aimerais que celui-ci disparaisse lorsque je clic sur l’un des items du sous-menu (sur ecran ordi).
    J’ai beaucoup cherché et je n’arrive pas à trouver la solution. Un peu comme ce qui se passe lorsque l’on clique sur l’un des item du sous menu tout pour divi…le sous-menu disparait 😉
    Merci pour votre aide 🙂

  25. Lycia Diaz

    Salut Rani, je ne vois pas trop ce que tu veux dire ?

  26. Rani

    Bonjour Lycia, tout d’abord, je tiens à vous remercier pour votre site qui m’a beaucoup aidé à réaliser mon site vitrine 😉…sur mon site accessible à l’adresse http://www.neo-dpo.fr ….j’ai un item services dans mon menu qui est un sous menu déroulant…lorsque je clique sur l’un des items du sous menu…j’accède à la section désirée de la page d’accueil…mais la fenêtre du sous menu est toujours apparente, à moins que je déplace le pointeur de la souris en dehors de la fenêtre….ce que je voudrais, c’est que dès que l’on clique sur l’un des items, la fenêtre du sous menu se ferme automatiquement….😉

  27. Lycia Diaz

    Salut Rani, c’est bien bizarre ça. En effet, ton menu reste ouvert et je ne vois pas comment c’est possible. En plus, on dirait que le clic-droit est désactivé donc je ne peux même pas inspecter le code…

  28. Rani

    Lycia, je vais désactiver le plugin de protection clic droit si ça peut vous aider à identifier une solution, merci en tous cas pour votre aide 😉

  29. rani

    Bonjour Lycia, pour info je viens de désactiver le plugin protection clic droit 😉

  30. Lycia Diaz

    Salut Rani,
    J’ai regardé le code mais je ne vois rien de spécial.
    Comment as-tu obtenu ce style de menu ? Je crois que la solution est là… Car ce style de menu n’est pas classique, ou je me trompe ? Tu as ajouté du code ? Si oui, le soucis vient peut-être de là ?
    Sinon, je vois que certains liens de menu sont des ancres et j’ai l’impression que ça bloque la fermeture du menu mobile, il faut voir d’où ça vient car quand on change de page, le menu se ferme bien…
    JE ne peux pas plus t’aider mais je serai curieuse de connaitre la suite, tu nous tiens au courant ?

  31. rani

    Bonjour Lycia, merci pour votre retour.

    En ce qui concerne le format de l’entête, j’utilise le style par défaut de DIVI.
    Pour l’animation du menu déroulant, j’ai choisi l’option « fondu » dans DIVI.
    C’est donc bien un menu classique de DIVI, je n’ai pas jouer de code particulier.

    Sur mobile, j’ai juste activer l’option « Collapse submenu items in the mobile menu » du plugin DIVI SWITCH.

    Je pense que le fait que les items du sous menu redirige vers une section de la même page d’accueil à une incidence en effet. Car comme vous le dite, la fenêtre du menu déroulant se ferme bien automatiquement lorsqu’il y a une redirection vers une nouvelle page.

    Il doit certainement exister une commande qui puisse permette de résoudre çà….je vais continuer mes recherches de mon coté et vous tiendrais informé avec plaisir 🙂

  32. Lycia Diaz

    Salut Rani, le souci pourrait venir de Divi Switch.

  33. Aurélie

    Désactiver le niveau supérieur : bonjour Lycia, lorsque je clique sur mon menu sur PC, la page « prestation » par exemple s’ouvre, mon élément est cliquable, mais il ne l’est pas sur mobile. Je ne comprends pas pourquoi. Aurais – tu une idée pour me venir en aide ?

  34. Lycia Diaz

    Salut Aurélie, non c’est bizarre. S’il est cliquable, il devrait l’être partout… Jamais vu ça.

  35. LEVERRIER Aurélie

    Bon, merci quand même ! j’ai contourné le problème en attendant ! Merci de ta réponse rapide !

Trackbacks/Pingbacks

  1. Comment paramétrer les onglets CRÉATEURS, LAYOUTS et ADS du thème Divi ? - […] paramétrer l’onglet Navigation du thème Divi […]
  2. Les options du thème WordPress Divi : focus sur l'onglet "général" - […] paramétrer l’onglet Navigation du thème Divi […]

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto