Puede crear un menú de navegación funcional y con estilo en Elementor sin comprar Pro. El propio widget de menú de Elementor es solo Pro, pero el widget gratuito Master Addons Nav Menu introduce cualquier menú de WordPress en el editor, lo estiliza desde el panel y se colapsa en un interruptor de hamburguesa en pantallas pequeñas.
Abajo: por qué el Elementor central deja el vacío, las tres formas de llenarlo, la construcción misma y dónde se detiene gratis. Esa última parte importa más de lo habitual, porque un modo móvil popular no es gratuito y la mayoría de las guías dicen lo contrario.
Por qué Elementor free no tiene un widget de menú
El complemento gratuito de Elementor incluye docenas de widgets de diseño y contenido y no hay forma de colocar un menú de navegación de WordPress en una página o plantilla. El widget que lo hace, originalmente llamado Menú de navegación y ahora widget de Menú de WordPress, es solo Pro. Documentación propia de Elementor lo confirma.
Aún puedes crear el menú en Apariencia > Menús. WordPress lo registra bien. El espacio está en el lado del diseño: el Elementor central no tiene nada en qué colocar ese menú, por lo que te quedas atrapado dondequiera que tu tema decida imprimirlo.
En un sitio simple con un tema listo para el menú, eso puede ser suficiente. En el momento en que desee un encabezado personalizado, una barra adhesiva, una hamburguesa que controle o un mega menú, Elementor gratuito por sí solo no podrá llegar allí.
El nombre ha cambiado a lo largo de los años, lo que añade confusión. Los tutoriales antiguos dicen Menú de navegación, los más nuevos dicen Menú de WordPress. La licencia nunca cambió. Siempre ha necesitado Pro.
Tres formas de agregar un menú de navegación sin Pro
Tres opciones reales, cada una de las cuales se negocia de manera diferente en cuanto a estilo y comportamiento móvil.
| Método | Costo | Estilo del editor | Móvil | Mejor para |
|---|---|---|---|---|
| Ubicación del menú del tema | Gratis | Ninguno, el tema lo controla | Depende del tema | Sitios simples sobre un tema listo para el menú |
| Widget de menú Nav de complementos maestros | Gratis | Completo, desde el panel | Alternar hamburguesa en los teléfonos | Un encabezado personalizado sin Pro |
| Mega menú de complementos maestros | Gratis | Completo | Colapsa en un interruptor | Paneles multicolumnas, gran navegación |
| Widget de menú Elementor Pro | Licencia pagada | Completo | Incluye fuera de lienzo | Sitios ya en Elementor Pro |
Ubicación del menú del tema. Cada tema registra al menos un área de menú. Asigne su menú y funcionará sin complementos. Elementor no tiene control sobre su apariencia y el comportamiento móvil es cualquiera que sea el autor del tema creado. Si el menú de su tema ya se ve bien y colapsa limpiamente, realmente no hay razón para agregar un widget en la parte superior.
Widget de menú de navegación de complementos maestros. La opción nativa de Elementor sin licencia Pro. Deja el Widget de meniul Nav en cualquier plantilla, apúntela a un menú de Apariencia > Menús y colores de estilo, espaciado, submenús y el interruptor móvil desde el panel.
Mega menú de complementos maestros. Para sitios con muchas categorías, la extensión Mega Menu crea paneles de varias columnas y también es gratuita. Es una herramienta independiente con su propio tutorial: cómo crear un mega menú en Elementor sin Pro.
Elementor Pro. Si ya lo posee, su widget de menú y Theme Builder lo hacen de forma nativa y usted debe usarlos. Ejecutar dos complementos para un solo trabajo solo agrega peso.
Crea el menú, de principio a fin
Toda la compilación ocurre en wp-admin y el editor Elementor. Sin fragmento de código, sin edición de tema secundario. Antes de comenzar, verifique que su tema aún no esté imprimiendo su propio encabezado, porque dos encabezados apilados es el desastre más común que la gente hace aquí.
Paso 1: registra el menú
Vaya a Apariencia > Menús, cree un menú, agregue sus páginas y enlaces y asígnele un nombre que reconocerá en seis meses. Esto es WordPress simple, nada específico del complemento y WordPress tiene un guía de la pantalla Menús si no has construido uno antes.
Paso 2: cree una plantilla de encabezado
Abre lo gratis Creador de temas de complementos maestros y agregue una nueva plantilla con el tipo establecido en Encabezado. Este es el contenedor en el que vive su menú y es lo que le permite reemplazar el encabezado del tema en lugar de luchar contra él.
Paso 3: agregue el widget del menú Nav y elija su menú
Busque en el panel Elementor “Menú Nav” y arrástrelo al encabezado. En la configuración del widget, elija el menú que creó en el paso uno del menú Seleccionar y luego establezca el diseño. Horizontal se adapta a un encabezado estándar; Vertical se adapta a una barra lateral y le ofrece subtipos Normal, Alternar, Acordeón y Lado.
El diseño está configurado por dispositivo. Los teléfonos usan el interruptor de hamburguesa de forma predeterminada, por lo que el menú del escritorio colapsa allí sin configuración adicional.
Paso 4: peinarlo
La fuente, el color, el espaciado, los estados de desplazamiento y el comportamiento del submenú están todos en la pestaña Estilo. No se requiere CSS personalizado. Esta es la parte central que Elementor no puede hacer en absoluto, que es la razón principal para agregar un widget en lugar de usar una ubicación de menú de tema.
Paso 5: Publícalo y asígnalo
Guarde la plantilla y asígnela a todo el sitio. En el nivel gratuito, esa es la única condición de visualización disponible, lo cual está bien cuando desea un encabezado en todas partes.
Paso 6: Compruébalo en la parte frontal
Cargue el sitio y confirme que un encabezado esté renderizando, no dos. Si también ve el menú del tema, deshabilitelo en la configuración del propio personalizador del tema en lugar de ocultarlo con CSS.
Hacer que funcione en dispositivos móviles
Un menú que sólo funciona en el escritorio no está terminado. En los teléfonos, el widget del menú de navegación se colapsa en una palanca de hamburguesa, y esa palanca es gratuita, incluido su ícono, su estado activo y su estilo.
La palanca está diseñada para uso del teclado y del lector de pantalla en lugar de solo del mouse. Ingrese y ábralo, Esc lo cierra. Vale la pena consultar cualquier widget de menú que instale, ya que muchos están creados a partir de divs a los que un teclado no puede acceder.
Tenga claro cuál es el menú móvil gratuito: el panel colapsado se expande en su lugar debajo de la palanca. Se adapta bien a menús cortos y medianos. Un panel completo fuera del lienzo que se desliza desde un lado es una función Pro, que se trata en la siguiente sección.
Pruebe en un teléfono real en lugar de en la barra de herramientas del dispositivo navegador. Toque objetivos, la velocidad de transición y si el panel se cierra en un toque exterior se comportan de manera diferente en una pantalla táctil que en una ventana de escritorio de tamaño variable. Verifique que el ícono cambie de estado, por lo que es obvio que el menú está abierto y que se puede acceder a un elemento del submenú con un solo pulgar.
Donde se detiene la versión gratuita
Dos límites, y vale la pena saber ambos antes de diseñar en torno a ellos y no después.
La opción de diseño fuera de lienzo y hamburguesa es Pro. El control de diseño ofrece Horizontal y Vertical gratis, con Hamburger marcado Pro. Los teléfonos usan una hamburguesa con el tipo predeterminado listo para usar, pero elegir Hamburger para otros anchos, o cambiar a los tipos Popup o Offcanvas, necesita Pro. Entonces, el panel lateral deslizante que generalmente significa “menú fuera del lienzo” es una característica paga aquí. El camino gratuito hacia algo similar es el tipo lateral del diseño vertical, que estaciona el menú en el costado de la página, o el interruptor de hamburguesa estándar para dispositivos móviles.
La orientación del creador de temas es una regla. El Theme Builder gratuito guarda exactamente una condición de visualización: Sitio completo. Bien si quieres un encabezado en todas partes. No es suficiente para un encabezado diferente en una página de inicio de sesión, un menú diferente para miembros que hayan iniciado sesión o un encabezado con un tipo de publicación. Esos necesitan Pro. Nuestro desglose de las condiciones de visualización rastrea esa línea a través de la fuente del complemento y el guía gratuita para creadores de temas cubre el resto de ese nivel.
Si ya posee Elementor Pro, no se aplica ninguna solución alternativa. Y si la ubicación del menú de su tema es suficiente, Apariencia simple > Menús sin ningún complemento es la llamada correcta. Agregue un complemento una vez que el valor predeterminado del tema deje de ser suficiente. El directorio de widgets y extensiones enumera qué más se envía gratis si está sopesando el complemento en su conjunto.
Si el encabezado necesita una sección, siga reconstruyéndola a mano, el Creador de widgets te permite escribirlo una vez como un widget real. Eso se encuentra en Pro y el página de precios enumera los niveles.
Preguntas frecuentes
¿existe un widget de menú gratuito para Elementor?
No del propio Elementor. El complemento principal no tiene widget de menú; que se envía solo con Pro. Master Addons, una extensión gratuita, agrega su propio widget de menú de navegación para que pueda colocar y diseñar un menú de navegación real sin licencia.
¿puedes crear un menú de navegación en Elementor sin Pro?
Sí. Registre el menú en Apariencia > Menús normalmente, luego use un complemento gratuito para colocar un widget de menú de navegación en una plantilla de encabezado y diseñarlo desde el panel. Elementor free por sí solo no puede colocar ni diseñar un menú, por lo que necesita una ubicación de menú de tema o un widget de complemento.
¿cómo agrego un menú de hamburguesas móvil en Elementor gratis?
Agregue el widget Master Addons Nav Menu a su plantilla de encabezado, seleccione su menú y colapsará a un interruptor de hamburguesa en los teléfonos de forma predeterminada. El interruptor, su icono y su estilo son todos gratuitos. El panel se expande en su lugar debajo del interruptor.
¿el menú fuera del lienzo es gratuito en Master Addons?
No. Off-canvas es uno de los tres tipos dentro del diseño de hamburguesa. Elegir ese diseño o sus tipos Popup y Offcanvas requiere Master Addons Pro. De forma gratuita obtienes diseños horizontales y verticales más el interruptor de hamburguesa predeterminado en los teléfonos. Si desea un menú anclado lateralmente sin pagar, el tipo lateral del diseño vertical es el equivalente gratuito más cercano.
¿cómo creo un mega menú en Elementor gratis?
Master Addons incluye una extensión gratuita de Mega Menú que crea paneles de varias columnas y colapsa en el móvil. Está separado del widget estándar del menú de navegación y está diseñado para una navegación más grande con categorías, columnas o contenido promocional.
¿por qué no se muestra mi menú de navegación de Elementor?
Generalmente un menú no asignado. Verifique que un menú esté realmente seleccionado en la configuración del widget, no solo creado en Apariencia > Menús. Luego confirme que la plantilla de encabezado esté asignada a todo el sitio en el Creador de temas y que ningún encabezado de tema siga activo y se superponga.
¿necesito Master Addons Pro o el menú es gratuito?
El widget del menú de navegación es gratuito e incluye estilo, submenús, diseños por dispositivo y la función de hamburguesa en los teléfonos. Pro agrega el diseño de hamburguesa para cualquier ancho con sus tipos emergentes y fuera de lienzo, y condiciones de Theme Builder más allá de una única regla de Sitio completo.
Qué hacer a continuación
Cree el encabezado con un diseño horizontal, luego cárguelo en su propio teléfono antes de diseñar cualquier otra cosa. La mayoría de los problemas del menú son problemas móviles y aparecen en diez segundos en un dispositivo real.
Si resulta que el menú necesita paneles de varias columnas, el megaguía de menú continúa desde allí. El Página del widget del menú de navegación lo compara con los widgets del menú de Elementor Pro y el Documentación del menú de navegación enumera todos los controles.
