Jetmenu, un gran suplemento para crear un mega menú en Elementor

Elementor no tiene un widget o función predeterminado para crear un menú Mega en su sitio de WordPress. Si desea crear un mega menú en un sitio web de WordPress alimentado por el elemento, puede instalar un suplemento. JetMenu es uno de los suplementos que puede usar para crear un mega menú en el elemento. ¿Qué tan bueno es Jetmenu? Siga leyendo para encontrar la respuesta. El propio Elementor en realidad tiene un widget – Widget Nav Menú, que puede usar para agregar un menú al encabezado personalizado. Sin embargo, este widget no tiene la capacidad de crear un mega menú.
Una breve introducción sobre JetMenu Jetmenu es un gran suplemento si desea crear un mega menú en el elemento. Al igual que Elementary, no debe tocar ninguna línea de código única para crear un mega menú con JetMen. Puede agregar y editar el contenido del mega-menú utilizando el editor visual elemental (si es nuevo en el elemento, puede leer la guía de principiantes que escribí para descubrir cómo usar Elementor). Además, también puede usar JetMenu para crear un menú fuera del lienzo. JetMenu agrega tres widgets que puede usar para agregar un menú al encabezado personalizado:
Mega menú
Menú de mega vertical
Menú de hamburguesas (puede usar este widget para crear un menú fuera del lienzo)
JetMenu es parte de Jetplugins, un conjunto de suplementos elementales desarrollados por Crocoblock. ¿Se requiere Elemento Pro para usar JetMenu? Puede usar JetMenu en Elementor Free, pero necesita un suplemento que tenga la capacidad de crear un encabezado personalizado, porque Elementor Free no tiene la capacidad de crear un encabezado personalizado (lea las diferencias entre Elementor Free y El Elementor Pro). JetThemecore es uno de los suplementos que puede usar para crear un encabezado personalizado. Cómo usar JetMenu para crear un mega menú antes de comenzar, suponga que ya sabe cómo crear un encabezado personalizado. Tenemos un artículo separado que lo cubre si aún no tiene idea. En este artículo, iremos directamente a agregar un menú al encabezado. También asegúrese de tener al menos un menú existente en su sitio web de WordPress. Aquí está el ejemplo del mega menú que creé.
Puede ver más ejemplos de mega menús creados con JetMenu en el sitio web oficial de Crocoblock. En primer lugar, cree un nuevo encabezado personalizado con Elementor (o Edite existente). Agregue el widget del menú de mega (o mega vertical si desea crear un mega vertical) a la sección del encabezado. Vaya al panel izquierdo y seleccione un menú que desee agregar en el menú desplegable Seleccione el menú Menú en la pestaña Contenido.

Puede acceder a la pestaña de estilo para estilizar su menú. Puede hacer esto más tarde, una vez que se crea el mega menú. Por el momento, acceda a la apariencia -> menús en el tablero de WordPress. Seleccione un menú Editar. Asegúrese de seleccionar el menú mientras se establece en el paso anterior. En el panel Agregar elementos del menú, abra el bloque de configuración de JetMenu y active la opción de activación de JetMenu para la ubicación actual. En el panel de estructura del menú, coloque el mouse sobre un elemento de menú que desea configurar como un elemento de menú de mega y haga clic en el botón JetMenu .

En la ventana que aparece, haga clic en Editar el contenido del artículo del menú Mega en la pestaña Mega Content. Esto abrirá el editor de primaria donde puede agregar el contenido del menú Mega al elemento de menú Mega.

Como se abre el editor elemental, puede comenzar a agregar contenido. Puede agregar cualquier elemento/widget que le guste lo mismo que al crear una página o plantilla con Elementor. Por ejemplo, para el elemento del menú “Blog”, puede agregar las publicaciones para mostrar sus elementos. O puede mostrar sus productos en el elemento del menú “almacenar”. Comience agregando una nueva sección haciendo clic en el botón Plus. O, si desea agregar contenido de una plantilla, simplemente puede hacer clic en el icono de la carpeta.

Antes de agregar cualquier widget a la sección, primero puede establecer el fondo. Por defecto, su sección tiene un fondo transparente, por lo que la configuración de fondo es crucial para hacer que su contenido sea visiblemente. Para establecer el fondo, abra el panel de configuración haciendo clic en el icono de flecha izquierda en la esquina inferior izquierda. Acceda a la pestaña Estilo una vez que se abra el panel de configuración. Seleccione el tipo de fondo que desee y configure el color en el selector de color (o haga clic en el selector de imágenes si desea usar una imagen como fondo).

Puede continuar agregando contenido sacando los widgets deseados en el área de lienzo. Nuevamente, puede leer esta publicación si es nuevo en el elemento. Después de haber terminado de agregar el contenido, haga clic en el botón Actualizar seguido del icono X en la esquina superior derecha.

Establezca la posición del mega-menú haciendo clic en el menú desplegable desde la posición mega. Si desea que Mega su menú esté en el área central, configure la posición en el valor predeterminado y deje el ancho predeterminado (el ancho predeterminado está vacío). Si desea tener un ancho personalizado, simplemente establezca el valor de ancho. También puede establecer la posición en el elemento de menú relativo.

Si desea agregar un icono al elemento del menú Mega, abra la pestaña icono del artículo y seleccione el icono que desee. Establezca el color del icono.

También puede establecer una insignia para el elemento del menú si lo desea. En este contexto, una insignia es un texto adicional sobre el artículo del menú.

Para agregar una insignia, simplemente abra la pestaña Insign del artículo e ingrese la insignia deseada. También establezca el color y el color de fondo.

Si usa el widget de menú Mega vertical, también puede abrir la pestaña Vertical del widget del menú para establecer la posición y el ancho de la mega-mega vertical. Haga clic en el botón Guardar para aplicar todos los cambios que ha realizado y haga clic en el icono X en la esquina inferior izquierda para cerrar la ventana. Repita los pasos de arriba para agregar el contenido del menú Mega a otros elementos del menú. Después de haber terminado, hacer clic en el botón Menú Salvar.

Nota: No puede agregar contenido de menú del mega a los elementos del submenú. Estimulando el menú Después de haber terminado de agregar el contenido de menú Mega a los elementos de menú deseados, puede volver al encabezado personalizado para estilizar el menú. Seleccione el widget del menú Mega para editarlo y abra la pestaña Estilo en el panel izquierdo. Hay 10 bloques de opciones de estilo que puede abrir:

1. Contenedor de escritorio Puede abrir este bloque para configurar el fondo del contenedor del menú en dispositivos de escritorio. Puede establecer la alineación de los elementos del menú, el rango del contenedor del menú, el llenado del contenedor del menú y la sombra del cuadro de contenedor del menú.

2. Elementos en el menú de escritorio puede abrir este bloque para personalizar los elementos en el menú de escritorio. Algunas cosas que puede establecer son la tipografía (la familia de fuentes, el tamaño de fuente, el estilo de fuente), el color del texto, el color del fondo, el rayo del borde, el relleno, etc. Puede usar un color diferente para cada condición (normal, desplazamiento y activo).

También hay una opción para establecer el color de los iconos, pero esta opción de configuración no funciona si ha establecido el color del icono al agregar el menú Mega. 3. El submenú de escritorio puede abrir este bloque para personalizar los elementos en el submenú. Puede establecer cosas como el ancho del submenú (el menú desplegable), el tipografía, el color del texto, el color del fondo, el rayo del borde, el relleno, el borde, el color del icono y así sucesivamente. Puede personalizar tanto el panel de menú simple como el mega. Para personalizar el panel de menú Mega, simplemente abra la pestaña Mega Panel. 4. El tamaño del icono de escritorio puede abrir este bloque para establecer el tamaño del icono del elemento de menú en dispositivos de escritorio. También puede establecer el borde, la posición horizontal y la posición vertical.

5. Insignia de artículos de escritorio Puede abrir este bloque para establecer el color del texto del artículo en el escritorio, tipografía, color de fondo, rayo de borde, relleno y borde.

6. Menú de escritorio de escritorio Puede abrir este bloque para personalizar el elemento del menú desplegable en los dispositivos de escritorio. Puede establecer el tamaño de la fuente, el borde, la posición horizontal y la posición vertical.

7. La conmutación móvil puede abrir este bloque para personalizar el interruptor móvil (icono de hamburguesas en dispositivos de escritorio). Puede cambiar el color, el tamaño, el color de fondo, el relleno y el rayo de borde.

8. El contenedor móvil puede abrir este bloque para personalizar el contenedor de menú en dispositivos móviles. Puede establecer cosas como el ancho del contenedor, el color de fondo del contenedor, el tamaño del icono de cierre, el color del icono de cierre, el relleno, el borde del borde y la sombra de la caja.9. Los artículos móviles pueden abrir este bloque para personalizar el contenido de los elementos del menú en dispositivos móviles. Puede establecer el tamaño de los íconos del menú, la tipografía de los elementos del menú, el color del texto de los elementos del menú, la tipografía de la insignia, el color del texto del artículo, el botón submenú, etc.

Puede jugar en este conjunto de configuraciones para personalizar su menú móvil de su sitio web. 10. Avanzado móvil Puede abrir este bloque para establecer el color del cargador y el color de la cubierta del menú móvil en los dispositivos móviles.

Configuración global Mientras puede cambiar su menú a través del editor Elementor, JetMenu también viene con un panel de configuración donde puede establecer la configuración del menú global. Puede acceder a Jetplugins -> Configuración de JetMenu desde la barra lateral izquierda del tablero de WordPress para abrir el panel de configuración de JetMenu. No tiene que hacer ninguna configuración en este panel si ha organizado su menú en el editor elemental. Solo tiene que establecer una configuración si desea establecer una configuración global.

La configuración global se utilizará como mega menú predeterminado y configuración de widget de mega menú vertical. Por ejemplo, si establece el color del menú principal en el menú rojo, como el siguiente,

El widget del menú Mega tendrá un contenedor rojo para el menú principal cada vez que lo agregue al encabezado.

Las configuraciones globales son excelentes para la eficiencia del tiempo, ya que le permiten guardar la configuración como preajuste. Sin embargo, debido a que el panel no está alimentado por el elemento, no puede obtener una vista previa de todos los cambios que realizó en tiempo real. La configuración global se reemplazará cada vez que realice un nuevo cambio al personalizar el menú en el editor elemental. JetMenu final de pensamiento-jetmenu es un gran suplemento si desea crear un mega menú en su sitio web de WordPress impulsado por Elementor. Use el editor visual elemental para permitirle agregar el contenido del menú Mega. Puede agregar cualquier widget elemental al crear contenido mega. Por ejemplo, puede agregar productos de widget para mostrar los productos más vendidos en su tienda en línea. O puede agregar las publicaciones de widget para mostrar los elementos presentados en su blog o revista en línea. La capacidad de personalizar el menú en dispositivos móviles es otro punto maravilloso que vale la pena mencionar. Hay 4 bloques de configuraciones dedicados a personalizar el menú móvil de su sitio web. Todos los componentes en el menú móvil se pueden personalizar a través de esos bloques de configuración. Además de crear un mega menú, también puede usar JetMenu para crear un menú sin esfuerzo fuera del lienzo debido a la disponibilidad del menú de hamburguesas. JetMenu en sí es un suplemento primario premium. Puedes obtenerlo a $ 24 al año. También hay una opción para obtenerlo en un paquete si necesita otros suplementos de crocoblock. JetMenu también está disponible sobre el tema Júpiter X y el tema Monsroid2.

Descargar jetmenu

Crocoblock ofrece una garantía de reembolso de 30 días para que pueda recuperar su dinero si cree que JetMenu no funciona como espera.Funcionalidad resumida:

(5/5)

Fácil de usar :

(4.5 / 5)

Compatibilidad con Elementor:

(5/5)
Precio :
(5/5)
Calidad general:

(5/5)