JetMenu: Cómo crear un mega menú en Elementor

Siga leyendo para obtener más información sobre cómo crear un mega menú con el complemento JetMenu de la familia Jet Plugins para un flujo de trabajo brillante en el editor Elementor.

JetMenu es un complemento de primera clase que permite crear un mega menú con Elementor . Agregue contenido relevante a un menú utilizando los widgets apropiados y estilícelo según las necesidades.

Crear un mega menú

1 paso : seleccionar o crear megamenú

Antes de comenzar el trabajo, asegúrese de que el complemento JetMenu esté actualmente instalado y activo en el sitio web.

Seleccione la ubicación en su menú (Principal, Pie de página, Social) y Configuración del menú . Después de eso, en el bloque Configuración de JetMenu , active la opción Habilitar JetMenu para la ubicación actual y haga clic en el botón Guardar .

Vaya al Panel de control de WP y vaya a la pestaña Apariencia> Menús . Aquí puede seleccionar uno de los menús existentes para editar o crear uno nuevo. Aplicarlo para uno o varios de sus artículos.

Estructura de mega menú

Paso 2 : elija un artículo

Ahora, para habilitar el mega menú en sí, elija el elemento al que desea agregar un mega menú. Desplácese sobre él y haga clic en la opción JetMenu que se hace visible al pasar el mouse, ubicado a la derecha del título del elemento.

opción de megamenú

Si desea configurar Mega Menus en varios, o incluso en todos los elementos del menú, simplemente repita las acciones descritas para cada uno de ellos.

Paso 3: haz clic en la opción del menú Jet

Justo después de hacer clic en la opción JetMenu, aparece una ventana emergente y el bloque de Contenido se abrirá de manera predeterminada.

mega-menu-content

Cambie la opción de Mega Submenú Habilitado a Sí. Luego, haga clic en la opción Editar contenido del elemento de menú mega para proceder al editor Elementor .

¡NOTA! Hay muchas más opciones para configurar los elementos del menú, como Ícono, Insignias, Varios y Menú vertical.

  • Configuración : configure una posición de Mega Menú (Predeterminado o Relativo al elemento de menú) y elija un ancho de menú personalizado.
  • Icono : simplemente elija el icono del menú y su color, si lo desea.
  • Insignias : con esta configuración, es posible agregar una insignia a los artículos, por ejemplo, Tendencias o Vender, y elegir el color para ellos.
  • En la sección Varios , existe la oportunidad de ocultar el menú de navegación y personalizar el relleno del elemento.
  • La última categoría es el menú Vertical : aquí establezca el ancho del widget vertical de megamenús.

Paso 4 : elige un widget

Use cualquier widget para construir un mega menú. Puede usar encabezados, controles deslizantes, carteras, diseños de publicaciones, videos, etc. Estírelos de acuerdo con su visión creativa. En el ejemplo, elegimos Posts Widget.

Widget de publicaciones

Puede enriquecer con un contenido apropiado cada elemento del menú de la misma manera. Cuando todos los elementos del menú estén personalizados, haga clic en el botón Guardar menú y ábralo en Elemento o en la página, donde desea mostrar el mega menú.

¡Atención! Asegúrese de guardar el menú como se mencionó anteriormente, de lo contrario, los cambios no se guardarán.

Mostrar megamenú en la plantilla de encabezado

Bueno, ahora podemos ver nuestras acciones anteriores en el sitio web. Cuando todos los elementos del menú se personalizan y guardan, puede agregar el Mega Menú al Encabezado, por ejemplo, vaya al Panel de control de WP> Crocoblock> Mi biblioteca, luego elija el Encabezado al que desea aplicar el Mega Menú y edítelo con Elementor.

Mega menú para encabezado

1 paso – Agregue un widget de megamenú en el Panel de Elementor

¡NOTA! En el panel Elementor, hay dos widgets Vertical Mega Menu y Mega Menu.

Por lo tanto, elija uno de los widgets y arrástrelo a un lugar determinado de la página.

jetmenu-widgets

2 pasos : seleccionar y personalizar un mega menú

Luego, seleccione un mega menú creado en el bloque Contenido del widget y elija entre la gran cantidad de Configuraciones de estilo para personalizar completamente la apariencia del menú principal y el mega menú, por ejemplo, cambiar el color, el fondo, el tamaño, etc. .

Selección de menú
Editar mega menú

Paso 3: haz clic en Actualizar y mira el resultado

Cuando todo esté personalizado, haga clic en el botón Actualizar a continuación y disfrute de la vista efectiva del mega menú en el sitio web.

Mega menú de acción

Enriquezca las páginas con mega menús atractivos y llamativos y atraiga la atención de los visitantes a su sitio web utilizando la funcionalidad JetMenu .

Lionel Valentin Caderon

Diseñador de Páginas Web, Artista Comercial, Caricaturista y Escritor pepiniano nacido en Añasco, Puerto Rico.

Element Pack

Descripción ElementPack es el complemento esencial para Elementor Page Builder. La Versión Lite cuenta con 28 de los widgets más populares y esenciales que se necesitan para

Leer Más >>

Leave a Reply

Lleva Elementor a Niveles Insospechados

Podría decirse que WordPress sin Elementor es algo difícil de tratar. Elementor ha revolucionado el diseño de Páginas Web usando dicha plataforma. Es un creador de páginas fácil de usar y dominar y su versión gratuita es la más completa. Si quieres agregar funciones de desarrollador adicionales vas a necesitar uno de estos Plugins. Para adquirirlos has Click sobre la Imagen del que deseas.

Element Pack Pro tiene más de 113 Templates de Páginas listas para usar, más de 160 Headers o Encabezados y Footers o Pies de Página listos para tu uso y más de 1000 Bloques esperando por ti para usarlos. Puedes comenzar tu diseño con esas páginas y bloques en tan solo minutos. Por lo tanto, no hay pérdida de tiempo ni molestias para crear tu sitio web.

La mejor y más grande biblioteca de elementos para Elementor. Creo que podemos decir eso. Esto es enorme, Unlimited Elements está cargado con más de 800 widgets listos para usar de inmediato. Pero, lo fantástico con Unlimited Elements es que te permite crear widgets. Unlimited Elements no tiene limitaciones en lo que puedes hacer con este Plugin.

La única plataforma de diseño completa que crea un diseño perfecto en píxeles con un código 100% limpio. Toma tu idea y conviértala en un sitio web impresionante hecho a medida. Elementor fue construido para ti: Diseñadores, y emprendedores crean impresionantes páginas, blogs, o tiendas en línea: ¡todo está a su alcance!

Definitivamente el kit de herramientas  para crear sitios web con Elementor. Proporcionamos a los creadores de sitios web un conjunto moderno de herramientas que ahorra tiempo y te permite crear sitios web más rápido, más inteligente y más fácil. 18 Plugins, 47 Plantillas para Páginas, 150 widgets y 64 Popups. Puedes crear el diseño que sueñas.

Una herramienta de diseño interactivo, súper rápida y escalable. Da vida a tus imagenes e ideas creativas en tu diseño web con Happy Addons para Elementor, un paquete completo para todos los niveles de usuarios. Con sus características extraordinarias, ahora puede hacer cosas nunca soñadas que una vez eran posibles solo por los profesionales.

Esta Página usa Cookies para la mejor experiencia al navegar

Esta Página usa Cookies para mejorar tu experiemcia al navegar.