Widget de menú gratuito de Elementor Nav: no se necesita Elementor Pro
Nav Menu es un widget de complementos maestros gratuito que coloca cualquier menú de WordPress en un encabezado, pie de página o página de Elementor y le permite diseñarlo desde el panel. Elija un diseño horizontal o vertical para cada dispositivo, diseñe los elementos principales, menús desplegables y submenús en sus estados normal, flotante y activo, y combínelo con la extensión gratuita Mega Menu para paneles de varias columnas. En los teléfonos se colapsa en una palanca de hamburguesa de forma predeterminada. Master Addons Pro agrega el diseño de hamburguesa para cualquier ancho, con menús emergentes y fuera de lienzo.
Cómo agregar un menú de navegación en Elementor
El widget utiliza menús que crea en WordPress, así que comience allí.
- Crea tu menú en Apariencia > Menús.
- En Elementor, arrastre el widget del menú Nav de complementos maestros a su encabezado, pie de página o página.
- Elija el menú en Seleccionar menú y elija un diseño para escritorio.
- Cambie a la vista de tableta y teléfono para verificar el diseño de cada dispositivo. Los teléfonos tienen la función de hamburguesa de forma predeterminada.
- Diseñe los elementos del menú, los menús desplegables y alterne la pestaña Estilo, luego publique.
Para obtener un tutorial completo del encabezado, lea cómo crear un menú de navegación en Elementor sin Pro. Para un encabezado para todo el sitio, utilice el archivo gratuito Creador de temas.
Diseños horizontales, verticales y de hamburguesas
Establezca el diseño por separado para escritorio, tableta y teléfono. Horizontal se adapta a una barra superior. Vertical viene en cuatro tipos: Normal con menús desplegables laterales, Alternar, Acordeón y Lateral, que fija el menú al borde de la página. Los teléfonos usan el interruptor de hamburguesa de forma predeterminada. Con Pro puedes elegir la hamburguesa para cualquier ancho y abrir el menú como un menú desplegable predeterminado, una ventana emergente o un panel fuera de lienzo.
- Diseños establecidos por dispositivo, incluidos los puntos de interrupción adicionales de Elementor.
- Menús verticales como Normal, Alternar, Acordeón o Lateral.
- Menús de hamburguesas emergentes y Offcanvas con Master Addons Pro.
- Funciona con lo gratuito Megamenú ampliación para paneles multicolumnas.
Estilo cada nivel de menú y estado
La pestaña Estilo tiene secciones separadas para el elemento del menú principal, el menú desplegable, el elemento del menú desplegable, el submenú desplegable y el elemento del submenú desplegable. Cada uno obtiene colores y fondos para los estados Normal, Flotar y Activo, además de relleno, bordes y divisores, por lo que el enlace a la página actual puede verse diferente del resto.
- Estados normal, flotante y activo para elementos principales y elementos desplegables.
- Estilo separado para el panel desplegable, sus elementos y submenús más profundos.
- Divisores entre artículos, con tipo, tamaño y color.
Iconos de indicadores y de palanca de hamburguesa
Diseñe el interruptor de la hamburguesa como un ícono, texto o ambos, con una vista predeterminada, apilada o enmarcada y una forma cuadrada o circular. Puede mostrar un ícono mientras el menú está cerrado y otro mientras está abierto. Los íconos indicadores marcan los elementos que tienen menús desplegables y submenús: elija sus propios íconos, muéstrelos u ocultelos y establezca su tamaño, color, posición y rotación.
- Alternar hamburguesa como icono, texto o ambos.
- Diferentes iconos para el menú cerrado y abierto.
- Iconos de indicadores de submenú y desplegables personalizados con rotación.
Espaciado desplegable y diseños por dispositivo
Establezca el ancho desplegable y su espacio desde la parte superior del menú, los espacios entre los elementos y el relleno dentro de cada enlace. La duración de la transición controla la rapidez con la que cambian los colores flotantes y los menús desplegables. Debido a que el diseño se establece por dispositivo, usted decide dónde cambia el menú de una barra horizontal a una lista vertical, o a la hamburguesa con Pro.
- Ancho desplegable y espacio desde arriba.
- Espacios entre elementos y acolchado de enlaces para tocar fácilmente.
- Duración de la transición para cambios de desplazamiento y descenso.
Widgets del menú Elementor Pro frente al menú Nav de complementos maestros
El complemento gratuito de Elementor no tiene widget para colocar y diseñar un menú de WordPress. Sus widgets Menú y Menú WordPress vienen con Elementor Pro. Así es como se comparan.
| Elementor Pro | Menú de navegación de complementos maestros | |
|---|---|---|
| Precio | Licencia Elementor Pro | Gratis, con tipos de hamburguesas Pro |
| Diseños | Horizontal, vertical, desplegable | Horizontal, vertical (4 tipos), hamburguesa |
| Menú móvil | Alternar debajo de un punto de interrupción que elija | Hamburguesa en teléfonos de forma predeterminada; Ventana emergente y Offcanvas con Pro |
| Diseño por dispositivo | Configuración de un punto de interrupción | Establecido para cada dispositivo |
| Animaciones de punteros flotantes | Sí | No |
| Megamenú | Widget de menú con contenido desplegable | Extensión gratuita del Mega Menú |
Si ya paga por Elementor Pro, sus widgets de menú funcionan. Sin él, Nav Menu y el Megamenú la extensión le brinda un menú de encabezado con estilo de forma gratuita.
Preguntas frecuentes sobre el menú Nav
¿en qué se diferencia esto de otros widgets del menú de navegación?
Los propios widgets de menú de Elementor necesitan Elementor Pro. El menú de navegación de complementos maestros es gratuito y agrega diseños por dispositivo, cuatro tipos de menú verticales, estilo separado para cada nivel y estado del menú, íconos de indicadores personalizados y un interruptor de hamburguesa con estilo. También funciona con la extensión gratuita Mega Menu.
¿puedo usar este menú con la extensión Mega Menu?
Sí. Active la extensión Mega Menu, cree el contenido del panel para un elemento del menú desde la pantalla Menús de WordPress y luego seleccione ese menú en el widget Nav Menu. El widget muestra los mega paneles del menú en el extremo frontal.
¿es difícil configurar los diferentes estilos para normal, flotante y activo?
No. Abra la pestaña Estilo, elija una parte del menú, como Elemento del menú principal, y cambie entre las pestañas Normal, Flotar y Activo para establecer los colores para cada estado.
¿cuál es el mejor caso de uso para el tipo de menú "Offcanvas" o "Popup"?
Ambos son tipos de hamburguesas profesionales. Offcanvas desliza el menú desde la izquierda o la derecha, lo que se adapta a teléfonos y diseños mínimos. La ventana emergente abre el menú sobre la página, lo que funciona bien para la navegación por sitios completos en sitios de cartera o agencias. En la versión gratuita, la hamburguesa abre el menú en su lugar debajo del interruptor.
¿funcionará este menú con el encabezado de mi tema de WordPress existente?
Sí, puedes colocar el widget en cualquier lugar donde se ejecute Elementor. Para reemplazar completamente el encabezado de su tema, cree una plantilla de encabezado con el archivo gratuito Creador de temas de complementos maestros y agrégale el widget del menú de navegación.
¿Puedo tener un estilo de menú diferente en dispositivos móviles que en computadoras de escritorio?
Sí. Se pueden configurar el diseño, la alineación y muchas configuraciones de estilo por dispositivo. Por ejemplo, mantenga una barra horizontal en el escritorio, use un acordeón vertical en las tabletas y la palanca de hamburguesa en los teléfonos.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
