Módulo Nav Menu [Crear un Mega Menú]

El Complemento Nav Menu le permite añadir y crear Mega Menús. Los Mega Menús son un tipo de menús expandibles donde se muestran diferentes opciones.
Si tiene un sitio web con muchas opciones y subpáginas de nivel inferior, esta es la opción perfecta para mostrarlas de un vistazo.

Astra ofrece funciones asombrosas para diseñar la funcionalidad Mega Menu con el complemento Nav Menu.

Se trata de una función premium disponible con el Astra Pro plugin. Para utilizar estos complementos, es necesario tener la extensión Tema Astra instalado junto con el Plugin Astra Pro en su sitio web.

Si quieres saber más sobre cómo se hace, aquí tienes un vídeo explicativo realizado por WPBuilders.

Activar el módulo

Siga estos pasos para activar el módulo Nav Menu y explorar sus opciones - 

Primer paso - Asegúrese de que dispone del Plugin Astra Pro instalado y activado. 

Paso 2 - Active el complemento desde WordPress Dashboard > Astra > Astra Pro Modules > Nav Menu

Crear el Mega Menú

Si desea crear un Mega Menú, debe activar las funciones de Mega Menú para el elemento de menú de nivel superior cuyos elementos de menú secundarios desea convertir en Mega Menú. 

Sigue estos pasos para conseguirlo:

Primer paso - Desde el panel de control de WordPress, vaya a Apariencia > Menús.

Paso 2 - Seleccione el elemento de menú bajo el que desea añadir un mega menú.

Paso 3 - Despliegue esta opción de menú y haga clic en "Ajustes del menú Astra". botón.

• Mega Menú
  • Entonces se abrirá una ventana emergente deslizante en el lado derecho. Habilite aquí el botón de Mega Menú. Esto habilitará las opciones del mega menú para todos los submenús del menú padre. Proporciona opciones para el nivel superior/menú padre. Puede configurar el ancho del Mega Menú como contenido, contenedor de menú o completo.

• Ancho del Mega Menú - Establezca el ancho de su mega menú aquí. Estas son las opciones disponibles:
  • Contenido - ajuste la anchura del menú a la anchura de su contenido
  • Anchura del contenedor del menú - limitar la anchura del menú principal 
  • Ancho total - ajuste la anchura de su mega menú a la anchura de su pantalla pero limite el contenido de su menú a la anchura del contenido.
  • Anchura total estirada - ajuste la anchura de su mega menú a la anchura completa, de borde a borde.
  • Ancho personalizado - establece el valor de la anchura personalizada en píxeles.
• Icono: De la lista de iconos disponibles, puede elegir el icono que desee que aparezca antes o después de la etiqueta del menú. También puede ajustar aquí el tamaño y el espaciado del icono.
• Etiquetas destacadas
  • Es el texto que aparece junto al elemento del menú. Resalta el menú. Las etiquetas pueden ser Gratis, Venta, Nuevo, Destacado, etc. Puede definir el texto y el color de la etiqueta.

Paso 4 - Al hacer clic en el menú infantil, aparecerán las siguientes opciones -

• Mega Menú
  • Como título: Habilite esta opción si desea que la etiqueta de navegación del elemento de menú sea un título para la columna. De modo que esto aparecerá como un título y todos los elementos de menú hijo aparecerá debajo de este encabezado. Nota: Asegúrese de que ha activado el Mega Menú para el elemento de menú principal para ver esta opción.
• Ocultar etiqueta de menú
  • Si desea ocultar la etiqueta o la descripción del submenú, seleccione esta opción.
  • Si desea ocultar la etiqueta o la descripción del submenú, seleccione esta opción.
• Desactivar enlace:
  • Esta opción eliminará el enlace de un elemento de menú respectivo. Sólo se mostrará el título del menú.
  • Esta opción eliminará el enlace de un elemento de menú respectivo. Sólo se mostrará el título del menú.
• Icono
  • De la lista de iconos disponibles, puede elegir el icono que desee que aparezca antes o después de la etiqueta del menú. También puede ajustar aquí el tamaño y el espaciado del icono.
  • De la lista de iconos disponibles, puede elegir el icono que desee que aparezca antes o después de la etiqueta del menú. También puede ajustar aquí el tamaño y el espaciado del icono.
• Fuente del contenido
  • Puede seleccionar Fuente de contenido para el submenú. Tiene la opción de seleccionar entre Texto personalizado, Plantilla o Widget. Puede mostrar texto personalizado/HTML con el editor, o puede seleccionar cualquier plantilla personalizada/widget. Si selecciona la opción Plantilla Personalizada, aparecerá una lista de todos los posts, páginas y plantillas personalizadas disponibles. Si selecciona la opción widget, aparecerá una lista de todos los widgets disponibles.
• Etiquetas destacadas
  • Es el texto que aparece junto al elemento del menú. Resalta el menú. Las etiquetas pueden ser Gratis, Venta, Nuevo, Destacado, etc. Puede definir el texto y el color de la etiqueta.

Del mismo modo, encontrará opciones para todos los submenús y sus submenús.

¿Cómo crear columnas para el Mega Menú?

Astra creará automáticamente una columna separada para cada submenú. Cuando marque la opción Habilitar Mega Menú dentro del elemento de menú Padre, se crearán columnas dependiendo del número de elementos de submenú presentes debajo de él.

Por ejemplo - Si tiene la siguiente estructura de menús:

• Imagen de fondo
  • PÁGINAS DE EMPRESA
    • Menú 1
    • Menú 2
    • Elemento 3 del menú
    • Elemento 4 del menú
  • PÁGINAS DE AGENCIAS
    • Menú 1
    • Menú 2
    • Elemento 3 del menú
    • Elemento 4 del menú
  • PÁGINAS DE UTILIDADES
    • Menú 1
    • Menú 2
    • Elemento 3 del menú
    • Elemento 4 del menú
  • PÁGINAS ESPECIALES
    • Menú 1
    • Menú 2
    • Elemento 3 del menú
    • Elemento 4 del menú

Se mostrará en la parte frontal como -