¡Hola DiviLover! Hoy seguimos con el segundo post de una serie en la que vamos a hacer un repaso por todas las opciones del tema Divi.
Si en el primer post hablamos de las opciones generales de Divi, hoy es el turno para las de navegación.
Las opciones de navegación hacen referencia a la forma en la que organiza y muestra el contenido en los diferentes apartados en el menú del sitio web: páginas, categorías, pestañas y subpestañas, etc.
Resumen
¿Cuáles son los ajustes de navegación de Divi?
Como verás si entras en las opciones del tema, los ajustes de navegación de Divi se dividen en 3 apartados:
- Páginas
- Categorías
- Ajustes generales
Por lo tanto, vamos a repasar las opciones que tenemos disponibles en cada uno de los apartados:
#1 Opciones de navegación de Divi: páginas
Excluir páginas de la barra de navegación
Te permite seleccionar de todo el listado de páginas que tiene tu web cuáles no quieres mostrar en la barra de navegación. Por defecto aparecen todas marcadas, pues esto se configura en las opciones de menú (dentro de apariencia).
Mostrar los menús desplegables
Aquí puedes activar y desactivar los menús con pestañas desplegables (o subpestañas) del menú de navegación de tu web. Si se trata de un sitio cuyo menú incluye varias pestañas desplegables, te recomiendo activarlo.
Enlace de pantalla de inicio
Por defecto, Divi crea un enlace hacia la página de inicio de la web. Si estás utilizando una página estática, como puede ser una landing, y ya tienes otra página llamada «inicio», debes desactivar esta función para eliminar dicho enlace y que no esté duplicado.
Ordenar enlaces de páginas
Aquí puedes elegir cómo ordenar tus páginas de enlaces. Te recomiendo dejarlo por defecto.
Clasificar enlaces de páginas por orden ascendente / descendente
Si lo deseas, puedes invertir el orden en el que se muestran tus páginas de enlaces. Puede elegir entre ascendente y descendente. De nuevo, te recomiendo dejarlo por defecto.
Número de niveles desplegables mostrados
Esta opción te permite configurar cuántos niveles tiene el menú desplegable de tu web. Si aumentas el número, se mostrarán elementos adicionales en el menú.
Esta funcionalidad está muy bien para páginas que tienen un menú con muchos desplegables y subpestañas. Por ejemplo:
#2 Opciones de navegación de Divi: categorías
Excluir categorías de la barra de navegación
Esta opción te permite seleccionar qué categorías quieres mostrar en el menú de navegación de tu web. Todas las que marques con una X no aparecerán.
Mostrar los menús desplegables
Si quieres que no se muestren pestañas desplegables con categorías en el menú de tu web, debes desactivar esta opción.
Ocultar categorías vacías
Si lo que quieres es que las categorías vacías de contenido, es decir, que no tengan ninguna entrada asignada, se muestren en tu barra de navegación, tienes que desactivar esta opción, pues por defecto las categorías sin contenido están ocultas.
Número de niveles desplegables mostrados
Igual que en el caso de las páginas, aquí puedes configurar cuántos niveles tiene el menú desplegable de tu web en lo que se refiere a categorías.
Ordenar enlaces de categorías por Nombre/ID/indicación/contador/grupo de términos
Por defecto, las categorías se ordenan por nombre, pero, si quieres cambiarlo, puedes ajustar esta configuración aquí.
Clasificar enlaces de categoría por orden ascendente/descendente
Aquí puedes configurar el orden en que se muestran los enlaces de categorías. Puedes optar entre ascendente y descendente.
#3 Opciones de navegación de Divi: ajustes generales
Por último, veamos los ajustes generales de navegación en Divi, que son dos:
Desactivar niveles superiores desplegables del menú
Si tu web en el menú tiene enlaces principales vacíos de contenido, es decir, que solo sirven para organizar las pestañas, debes habilitar esta opción que eliminará los enlaces de todas las páginas y categorías madres. De esta forma, no llevarán a ninguna parte cuando sean clicados.
Un ejemplo:
En esta web, la pestaña formación está vacía de contenido y solo sirve para organizar los dos subservicios.
Método alternativo de desplazamiento al enlace
En algunas ocasiones, al utilizar el ID de CSS de una sección para enlazarla desde otra página, la posición de desplazamiento de esta puede ser imprecisa.
Para utilizar un método de desplazamiento alternativo a enlaces que sea más preciso que el establecido por defecto, debes activar esta opción.
Hasta aquí este repaso por los ajustes de navegación de Divi, el segundo de varios posts donde repasaremos todas las funcionalidades del tema.
Hola,
una consulta, por favor. Cuando tienes desactivada la opción «Desactivar niveles superiores desplegables del menú» porque tienes enlace también en el elemento superior, el que despliega, ¿cómo se puede hacer que en mobile funcione el enlace? En escritorio no hay problema, ya que al pasar por encima se despliega y haciendo click se accede al enlace, pero en móvil, tocando se despliega pero no funciona el enlace,
gracias! un saludo
Buenos días.
Tengo una web con varias páginas en el menú. Sin embargo, cuando cliqueo entradas -desde cada apartado del menú-, todas van al apartado Blog.
Por ejemplo. Hago una crítica de cine y quiero que aparezca en el apartado Películas del menú navegador, pero sale en el apartado Blog.
¿A qué se debe y cómo puedo corregir esto?
Hola. Lo primero que debes hacer es organizar las entradas por categorías y después añadir esas categorías al menú de la web. Saludos