Alternar menú

¡El módulo de menú ahora está en versión Beta!

Publicado: 2015-08-04

¡25% de descuento en productos Beaver Builder! ¡Apresúrate, termina la oferta... ¡Aprende más!

new-menu-module
  • Constructor de castores

¡El módulo de menú ahora está en versión Beta!

Actualización: el módulo Menú ahora está disponible a partir de la versión 1.6.2.

Hoy lanzamos oficialmente los nuevos módulos de publicaciones que han estado en versión beta durante las últimas dos semanas, así como una versión beta del nuevo módulo de Menú. Si aún no lo has hecho, dirígete a tu cuenta para descargar la última versión beta y probar el módulo Menú.

Menús personalizados supercargados

Al igual que el widget de menú personalizado incorporado, el módulo Menú le permite seleccionar uno de sus menús que se creó en Apariencia > Menús para insertarlo en sus diseños. Ahí es donde terminan las similitudes, ya que el módulo Menú le permite hacer mucho más con opciones para el diseño, el estilo y la visualización responsiva de sus menús.

Múltiples diseños de menú

El módulo Menú viene con cuatro opciones de diseño diferentes para sus menús. Esas opciones incluyen…

  • Horizontal : un diseño horizontal estándar similar al que se encuentra en la mayoría de los temas. Este diseño también admite submenús desplegables.
  • Vertical : un diseño vertical que admite submenús que se desplazan a la izquierda o a la derecha del menú.
  • Acordeón : un diseño de acordeón vertical que muestra submenús en línea cuando se hace clic en el icono de alternar.
  • Expandido : un diseño similar al widget de menú personalizado en el sentido de que los elementos del menú de nivel superior y los elementos del submenú se muestran en un formato de estilo de lista desordenado.

Dale estilo a todo

El módulo Menú también viene con un puñado de opciones de estilo que le permiten crear varios diseños de menú únicos y diferentes. Esas opciones incluyen estilos para cosas como colores de texto, tamaños de fuente, colores de fondo y alineación general del menú. Asegúrese de revisar la pestaña Estilo en la configuración del módulo Menú para ver todas las opciones disponibles.

Funciona muy bien en dispositivos móviles

Además de permitirle crear un menú personalizado potente, el módulo Menú también se ve muy bien en tamaños de pantalla más pequeños, como los que se encuentran en los dispositivos móviles. En la pestaña general encontrará una opción titulada Estilo móvil que le permite personalizar cómo se verá su menú en tamaños de pantalla más pequeños. Esas opciones incluyen…

  • Expandido : el menú no colapsará y todos los elementos del menú se mostrarán en un formato de estilo de lista desordenado.
  • Icono de hamburguesa : el menú colapsará y se mostrará un botón para alternar el icono de hamburguesa.
  • Icono de hamburguesa + etiqueta : el menú colapsará y se mostrará un botón para alternar el icono de hamburguesa junto con una etiqueta de menú.
  • Botón de menú : similar a cómo funciona el tema Beaver Builder, esta opción mostrará un botón de menú de ancho completo.

¿Cuándo se lanzará esto?

Como mencioné en mi publicación anterior, los períodos beta durarán aproximadamente dos semanas, siempre y cuando no tengamos grandes problemas. Si todo va según lo planeado, el módulo Menú debería lanzarse oficialmente la semana del 17 de agosto.

¿Qué sigue?

¡Me complace anunciar que el equipo ahora está probando internamente las plantillas de filas/módulos estándar y globales! Si todo va bien, esperamos lanzar una beta privada la próxima semana y una beta pública la semana siguiente. Además de las plantillas de fila/módulo, también hemos comenzado a trabajar en la implementación de un nuevo selector de color que tiene la capacidad de guardar ajustes preestablecidos de color, además de buscar soluciones para agregar compatibilidad con Genesis a Beaver Builder.

¡Háganos saber lo que piensa!

Como siempre, os dejo la palabra. No dude en dejarnos saber en los comentarios a continuación qué piensa sobre el nuevo módulo Menú, si tiene algún comentario sobre cómo podríamos mejorarlo o si tiene algún problema.

Hasta la próxima, ¡feliz construcción!

Biografía de Justin Busa

47 comentarios

  1. Ben el 3 de agosto de 2015 a las 5:39 pm

    ¡Muy bien todos ustedes! Trabajo bueno.

    Jugueteando con el módulo de menú mientras escribo esto. ¡Hasta ahora, todo bien! Funciona como se esperaba.

    Me encanta tu ciclo de liberación.



    • Justin Busa el 4 de agosto de 2015 a las 8:45 am

      ¡Gracias, Ben! Me alegra saber que te gusta.



  2. Kjetil el 4 de agosto de 2015 a las 6:16 am

    Hola
    ¡Buen trabajo! Nuevas funciones aparecen constantemente.
    Solo tuve que probar el nuevo módulo de menú beta y preguntar: ¿Debería aparecer como una lista o como un menú desplegable? Por ahora obtengo una lista desordenada ampliada (de varios niveles). ¿Supongo que ese no es el objetivo...?
    Además, sólo es posible seleccionar uno de los menús que he creado.
    Pensé que esto podría ser causado por el tema que uso aquí (Bridge – ha sido un poco… sensible) pero cambiar a TwentyFifteen no cambió nada (bueno, aparte de la apariencia…;o)
    Si esto suena extraño y desea iniciar sesión para echar un vistazo, dímelo. ¡Y continúa con tu buen trabajo!
    kj



    • Justin Busa el 4 de agosto de 2015 a las 8:50 am

      Hola Kjetil,

      ¡Gracias por publicar! El menú puede aparecer de diferentes maneras según el diseño que elija. Sin embargo, parece que podría haber un problema aquí. ¿Te importaría publicar en los foros para que podamos iniciar sesión y echar un vistazo?

      justin



      • Kjetil el 4 de agosto de 2015 a las 9:14 am

        ¡Servirá!
        Por cierto, aquí tenéis el divertido menú: http://www.dolcevita.no/demo1/gardasjoen-sykkeltur/
        kj



        • redsnappertrading el 11 de abril de 2016 a las 3:50 am

          Hola NEWBIE bb builder, gran trabajo, ¿puedes decirme cómo lograste el efecto de que la página se deslice hacia abajo sobre el pie de página?



  3. Carlos el 4 agosto 2015 a las 6:55 am

    ¡Hola, chicos!

    ¡Esta es una gran adición! Ya estoy jugando con eso. Creo que encontré un error.

    He creado un menú que está centrado. Sólo los elementos del menú muestran un fondo. Luego, cuando cambio el tamaño de la ventana para ver la funcionalidad móvil y vuelvo a cambiar su tamaño, aparece el error. El menú ya no está en el centro y el fondo ocupa todo el ancho de la fila. Estoy usando Chrome y aquí está el enlace: http://miracomoes.com/chia/

    ¡Espero que esto ayude!



    • Justin Busa el 4 de agosto de 2015 a las 8:52 am

      ¡Gracias Carlos! Eso ciertamente es un error. Lo solucionaremos antes de que se publique.



  4. zenoform el 4 de agosto de 2015 a las 12:03 pm

    ¿Cómo funcionará esto si hemos estado utilizando Dynamik Website Builder?



    • Justin Busa el 4 de agosto de 2015 a las 12:08 pm

      Hola zenoform,

      Debería funcionar bien, pero si tienes algún problema, háznoslo saber en los foros y lo echaremos un vistazo.

      Gracias,
      justin



  5. decanos el 4 de agosto de 2015 a las 22:59

    Hola chicos, gran adición al producto.

    Si creo un menú en forma de acordeón con todos los elementos de nivel 1 que tienen nombres cortos, por ejemplo: MENÚ1, MENÚ2, entonces tengo elementos de nivel 2 que tienen nombres un poco más largos, por ejemplo; MENU1.1, MENU1.2, etc., toda la estructura de navegación se amplía cuando se selecciona el elemento de nivel1. Una opción de estilo para controlar el ancho sería una buena opción.

    Gracias, decano



    • Justin Busa el 5 de agosto de 2015 a las 8:40 am

      Hola Dean, ¿puedes decirme qué estilo de diseño estás usando?



      • decanos el 5 de agosto de 2015 a las 23:14

        Hola justin

        Lo siento, término incorrecto, el diseño es acordeón.

        Aquí hay un enlace a una diapositiva con una captura de pantalla de lo que me refiero.

        https://docs.google.com/presentation/d/1t2wbUEvhf4SAWNk3W5ASLZjuEExXpcWOcRYrykTV56o/edit?usp=sharing

        Gracias, decano



  6. Justin Busa el 6 de agosto de 2015 a las 9:27 am

    ¡Gracias, decano! Presentaré un informe de error y lo solucionaremos.



  7. Edward el 7 de agosto de 2015 a las 12:08 am

    Creo que otro error: necesito establecer la parte inferior en -5 o tiene 5 píxeles de espacio adicional en la parte inferior debajo del color de fondo del enlace para que quede al mismo nivel que la parte superior. Se ve bien.

    Si todavía está trabajando en ello, ¿puede agregar una forma de establecer el tamaño de la altura del menú para que podamos crear menús gruesos como este? Tiene espacio entre enlaces pero no tiene altura/tamaño del menú, a solo una configuración de poder hacer esto.

    http://destinvacationguide.com/testtwo/

    Y una forma de utilizar una fuente de Google si es posible.



    • Justin Busa el 7 de agosto de 2015 a las 8:46 am

      ¡Gracias por el informe, Eduardo! No pude recrear el problema del espaciado de 5 píxeles. ¿Quizás sea una cuestión temática?

      La cuestión del espacio/altura tiene sentido. Presentaré un informe sobre eso. También estaremos trabajando en una configuración de fuentes de Google para el creador a finales de este año, para que luego podamos implementar eso en el módulo de menú.



  8. Edward el 7 de agosto de 2015 a las 0:18 am

    ¿Cómo puedo deshacerme del antiguo menú superior ahora que sigue diciendo: Elegir menú o, si elijo uno, se muestran dos menús superiores?
    Gracias



    • Justin Busa el 7 de agosto de 2015 a las 8:50 am

      Para hacer eso, deberá ocultar el encabezado en el Personalizador configurando Encabezado > Diseño de encabezado en ninguno.



  9. Edward el 7 de agosto de 2015 a las 12:32 am

    Ok, una pregunta más. ¿Hay alguna forma de hacer que este nuevo menú sea el menú predeterminado para todas las páginas superiores? Veo que solo funciona en la página en la que lo creé.



    • Justin Busa el 7 de agosto de 2015 a las 8:52 am

      Lanzaremos la capacidad de guardar filas "globales" en las próximas semanas. Una vez que esté disponible, podrá colocar la misma fila en todas sus páginas y editarla en un solo lugar. Lamentablemente, actualmente no existe otra forma de hacerlo.



  10. Kjetil el 7 de agosto de 2015 a las 7:44 am

    Hola
    Respecto al selector de menú (en el módulo de menú): mencioné anteriormente que el selector no funcionó. Bueno, lo hace. Había creado dos menús y solo apareció uno, pero de alguna manera todo el contenido del segundo menú había desaparecido. Entonces: no puedes seleccionar menús vacíos, y supongo que está bien...
    Sólo quería que lo supieras :o)
    kjetil



    • Justin Busa el 7 de agosto de 2015 a las 8:53 am

      ¡Ah, buena captura! Agregaremos algo de lógica para menús vacíos.



  11. Ignitermr el 8 de agosto de 2015 a las 10:40 am

    impresionante. Mientras trabaja en el menú, ¿podría considerar agregar una configuración para controlar el canal alfa para que los encabezados del menú puedan ser transparentes (no estoy seguro de si lo estoy diciendo bien, ¿entiende lo que quiero decir?). Me encantaría que los encabezados de navegación fueran transparentes. ¿Está eso en proceso? Gracias.



    • Justin Busa el 10 de agosto de 2015 a las 9:29 am

      ¡Gracias por los comentarios! Aunque todavía no estoy seguro de seguirte. ¿Estás solicitando que el texto tenga una configuración de opacidad o el fondo del menú?



      • brianplant el 10 de agosto de 2015 a las 11:19 am

        El fondo de navegación del menú, para que se vea la imagen. Así: http://screencast.com/t/2zZJEjPqmMpl



        • Justin Busa el 10 de agosto de 2015 a las 11:53 am

          ¡Gracias, Brian! Echaremos un vistazo a la implementación de eso.



  12. Natalya Brandt el 11 de agosto de 2015 a las 15:44

    Sería bueno si hubiera una opción para elegir qué nivel del menú mostrar. Por ejemplo, si quiero mostrar solo submenús (páginas de segundo nivel), ¿tendré esa opción?



    • Robby McCullough el 11 de agosto de 2015 a las 3:58 pm

      Hola Natalia. Gracias por la sugerencia. No estoy seguro de si esto es algo que incluiríamos en el complemento. Sin embargo, siéntete libre de agregarlo como una solicitud de función:

      https://wpbeaverbuilder.uservoice.com/forums/270594-general

      Además, puedes experimentar creando dos menús en el área de administración de WordPress. Uno para la navegación de nivel superior y otro para el segundo nivel. Luego, podría utilizar el menú de segundo nivel en sus páginas. ¿Crees que eso podría funcionar?



      • Natalya Brandt el 25 de agosto de 2015 a las 12:19 pm

        Yo uso Génesis. Me pregunto si lo que estás sugiriendo funcionaría con Genesis Subpages como complemento del menú secundario. La idea es generar el menú secundario de forma dinámica para mostrar las páginas secundarias.



  13. David el 17 de agosto de 2015 a las 4:08 pm

    ¡IMPRESIONANTE! Estoy jugando con la versión beta y las plantillas de fila/módulo son exactamente lo que estaba buscando en mi proyecto actual.

    ¡Atentamente!
    David



    • Justin Busa el 17 de agosto de 2015 a las 5:12 pm

      ¡Qué bueno escucharlo, David! Háganos saber si tiene algún comentario.



  14. m33 el 21 de agosto de 2015 a las 17:02

    ¿Me estoy perdiendo algo? No veo el módulo de menú en ninguna parte de mis descargas en mi cuenta. Incluso probé la última versión beta para agencias y no veo el módulo en el creador de páginas.



    • Justin Busa el 24 de agosto de 2015 a las 10:39 am

      De hecho, el módulo Menú se lanzó la semana pasada. ¿Ya has actualizado a 1.6.2?



      • m33 el 24 de agosto de 2015 a las 11:14 am

        Estoy en 1.6.3 (beta) y no lo veo en absoluto. la selección simplemente va de "mapas" a "publicaciones". Supongo que se habría mostrado después del módulo de mapas.



        • Justin Busa el 24 de agosto de 2015 a las 11:43 am

          ¿Puedes publicar en los foros para que podamos iniciar sesión y echar un vistazo?



  15. Nick el 25 de agosto de 2015 a las 8:13 pm

    Hola, gran adición. Sin embargo, ¿podrías agregar la opción para habilitar el menú de hamburguesas responsivo para escritorio/todas las pantallas? ¡Una solicitud de diseño común en estos días!
    Gracias



    • Justin Busa el 26 de agosto de 2015 a las 8:30 am

      ¡Gracias, Nick! Esa es una sugerencia interesante. No dude en agregarlo a nuestra página UserVoice para que tengamos un registro para futuras actualizaciones... https://wpbeaverbuilder.uservoice.com/forums/270594-general



  16. Bill Rusu el 14 de octubre de 2015 a las 12:55 pm

    Si uso el módulo de menú para crear el menú de mi sitio, ¿hay alguna manera de hacer que aparezca en todas las páginas/publicaciones? Puedo crear una fila global con el menú y agregarla manualmente a cada página, pero no parece haber una manera de agregarla a las páginas de publicaciones/categorías, etc.



    • Robby McCullough el 14 de octubre de 2015 a las 14:03

      Hola Bill. Actualmente no. Esta es una característica que nos encantaría tener algún día, pero todavía está en la fase de idea.

      Técnicamente, puedes hacer esto con una solución alternativa usando un complemento llamado Insertar páginas. Aunque es una técnica un poco avanzada. Básicamente, creas una página para tu menú, luego puedes usar el complemento Insertar páginas para incluir el menú/página en tus plantillas PHP.

      Envíanos un correo electrónico desde nuestra página de contacto si lo deseas. Estaré feliz de darte más detalles si aún no estás asustado.



  17. Richard el 25 de noviembre de 2015 a las 5:14 am

    Para el menú estilo acordeón, creo que sería bueno tener una opción para decir de alguna manera enlaces de menú que tengan hijos:

    1. Mostrar página al hacer clic
    2. No mostrar la página y solo expandir el nivel.

    De esta manera podríamos crear acordeones que no dependan de que el usuario haga clic exactamente en la cruz, lo cual, en mi opinión, no siempre es intuitivo. Junto con esto, existe una opción para no tener un ícono de expansión.

    Otra buena opción sería expandir automáticamente el menú de acordeón según la página actual.



  18. Juan el 20 de junio de 2016 a las 12:25

    Hola,
    He estado trabajando con el módulo de menú. Parece que no puedo lograr que abarque todo el ancho de mi diseño. Cuando configuro la opción Diseño general en Horizontal y la opción Estilo-Alineación del menú en Centro, el menú se encuentra en el medio del diseño, pero el ancho de la barra de menú (coloreada) solo abarca la extensión del texto. Si configuro la Alineación del menú en Predeterminada, la barra de menú se extenderá en todo su ancho, pero el texto estará alineado a la izquierda. ¿Puedes ayudar?
    gracias, juan



  19. Barry el 23 de septiembre de 2016 a las 11:43 am

    El módulo es genial, pero ¿alguien sabe por qué obtengo esto usando el módulo de menú en lugar del título de la página? : #26 (sin título)



    • Justin Busa el 23 de septiembre de 2016 a las 5:38 pm

      Hola Barry, ¿podrías ponernos una entrada para que podamos echar un vistazo? ¡Gracias!



  20. robhall007 el 1 de noviembre de 2016 a las 8:14 am

    Para el módulo de menú... ¿Hay alguna forma de que el menú desplegable tenga cierta fluidez CSS? Simplemente parece aparecer. Me gustaría deslizarme hacia abajo o desaparecer. ¿Hay alguna manera de lograrlo?



    • Robby McCullough el 1 de noviembre de 2016 a las 10:01 am

      Hola Rob. Esto probablemente sería posible con transiciones CSS. Yo empezaría a investigar un poco allí. ¡También tendremos esto en cuenta como una característica potencial! Gracias por el comentario.



  21. Lucas el 6 de noviembre de 2016 a las 15:54

    ¿Hay alguna manera de cambiar el ícono de la hamburguesa? ¿Hay alguna manera de cambiar la etiqueta de "menú" para que diga algo como "más"?

    Al trabajar en un sitio que vende comida, la palabra menú podría hacer creer a alguien que puede encontrar un menú de alimentos allí.



    • Robby McCullough el 8 de noviembre de 2016 a las 9:27 am

      Hola Lucas! Puede anular cualquiera de los módulos principales y modificarlos a su gusto. Este artículo tiene más información al respecto:

      http://kb.wpbeaverbuilder.com/article/124-custom-module-developer-guide



Nuestro boletín

Nuestro boletín se escribe personalmente y se envía aproximadamente una vez al mes. No es en absoluto molesto ni spam.
Lo prometemos.

Únase al boletín

Pruebe Beaver Builder hoy

Beaver Builder