Sitemap Alternar menú

¡El tema Beaver Builder ahora es aún más personalizable!

Publicado: 2015-06-24

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

customizer-update
  • Constructor de castores

¡El tema Beaver Builder ahora es aún más personalizable!

¡La próxima versión del tema Beaver Builder ya está en versión beta y lista para que la pruebes! Esta versión incluye 25 nuevas configuraciones de Personalizador, 14 nuevas acciones y 2 nuevos filtros que hacen que el tema de Beaver Builder sea aún más personalizable que antes. Los miembros Pro y Agency pueden acceder a su cuenta y descargar una copia para probarla hoy.

Descripción general de la actualización

Cuando creamos por primera vez el tema Beaver Builder, nuestro objetivo era limitar la configuración de diseño tanto como fuera posible y al mismo tiempo mantenerlo altamente personalizable. Eso significaba que teníamos que resolver cosas por usted, como el color del texto en la barra de navegación, según el color de fondo que usted eligió. Eso funcionó bien para algunos, pero los comentarios que recibimos durante el último año han sido que los usuarios quieren tener más control sobre su diseño a través del Personalizador.

Esta actualización es nuestro primer intento de exponer más configuraciones de diseño; sin embargo, todavía estamos comprometidos a mantener las cosas lo más simples posible. Tuvimos que rediseñar parte de la lógica del Personalizador para esta actualización para permitir valores definidos por el usuario en lugar de valores generados automáticamente. Ahora tenemos la posibilidad de agregar más configuraciones, por lo que si no ve aquí una configuración que esperaba que se incluyera, háganoslo saber y la analizaremos para una futura actualización.

Cosas a tener en cuenta

Dado que tuvimos que rediseñar parte de la lógica del Personalizador, hay algunas cosas que los usuarios existentes deben tener en cuenta.

Ya no generamos colores para usted, pero si elige un ajuste preestablecido, los nuevos valores aún se establecerán para usted.

Ahora que tenemos cosas como la nueva configuración de Color del enlace de navegación , ya no la generaremos para usted. Si elige un ajuste preestablecido, aún completaremos el valor apropiado para usted, pero si cambia el color de fondo, es posible que ahora necesite elegir un color adecuado para los enlaces de navegación. Esto también es válido para otras secciones, como la barra superior, el encabezado y el pie de página.

Los menús desplegables ahora adoptan el texto y el color de fondo de la navegación.

Antes de esta actualización, los menús desplegables en la navegación solían adoptar el texto y el color de fondo del área de contenido principal. Al tratar de mantener las cosas simples (y excluir las opciones de estilo para los menús desplegables) es posible que hayamos tomado una decisión que no tenía mucho sentido.

Ahora que tiene control explícito sobre todos los colores de navegación, tenía sentido que los menús desplegables lo seleccionaran. En nuestras pruebas, descubrimos que en la mayoría de los casos eso está bien y no generará ningún problema. Sin embargo, si es así, háganoslo saber en los foros y veremos qué podemos hacer.

Es posible que deba ajustar los colores del texto del encabezado/pie de página.

Como mencioné anteriormente, ya no generamos colores de texto automáticamente. Cuando actualice, se ejecutará una lógica que analizará su configuración existente y completará la nueva configuración por usted. La desventaja de esto es que la lógica antigua solía usar la opacidad al generar los colores, pero la nueva lógica no lo hace porque dejamos el color exacto a tu criterio. Como tal, puede notar que su texto de navegación es un poco más oscuro (o más brillante) la próxima vez que ingrese al Personalizador.

Nada debería cambiar cuando actualices.

Cuando actualiza su tema a esta versión, no necesita preocuparse de que los cambios inmediatos entren en vigor en su sitio. Sólo notarás cualquier cambio menor que pueda haber ocurrido la próxima vez que ingreses al Personalizador.

Nuevas configuraciones

Aquí hay una lista de las 25 nuevas configuraciones que hemos agregado al Personalizador para el tema Beaver Builder. En resumen, agregamos la capacidad de cambiar el texto, los enlaces y los colores de desplazamiento para cada sección de la página, agregamos configuraciones de imagen de fondo a cada sección de la página y agregamos una configuración para elegir un ícono de hamburguesa para la palanca de navegación móvil en lugar del botón de menú. .

  • Color de acento al pasar el cursor
  • Imagen de fondo de la barra superior
  • Color del texto de la barra superior
  • Color del enlace de la barra superior
  • Color de desplazamiento de la barra superior
  • Imagen de fondo del encabezado
  • Color del texto del encabezado
  • Color del enlace del encabezado
  • Color al pasar el cursor sobre el encabezado
  • Espaciado de elementos de navegación
  • Alternar navegación móvil
  • Imagen de fondo de navegación
  • Color del enlace de navegación
  • Color al pasar el cursor sobre la navegación
  • Imagen de fondo del contenido
  • Degradado de fondo de widgets de pie de página
  • Imagen de fondo de los widgets de pie de página
  • Color del texto de los widgets de pie de página
  • Color del enlace de los widgets del pie de página
  • Widgets de pie de página al pasar el color
  • Degradado de fondo del pie de página
  • Imagen de fondo del pie de página
  • Color del texto del pie de página
  • Color del enlace de pie de página
  • Color al pasar el cursor sobre el pie de página

Nuevas acciones

Además de las nuevas configuraciones, también agregamos 14 nuevas acciones que le permiten insertar código personalizado en muchas partes del tema de Beaver Builder que anteriormente tenía que anular en un tema secundario. Por ejemplo, digamos que desea insertar botones personalizados para compartir en redes sociales debajo del meta de la publicación después del título de la publicación. Ahora puedes hacerlo con la acción fl_post_top_meta_close así...

 function my_post_top_meta_close() { // Enter you social button code here... } add_action( 'fl_post_top_meta_close', 'my_post_top_meta_close' );

Aquí hay una lista de las nuevas acciones. También puede leer sobre ellos en detalle en la página Referencia de acción del tema.

  • fl_top_bar_col1_open
  • fl_top_bar_col1_close
  • fl_top_bar_col2_open
  • fl_top_bar_col2_close
  • fl_header_content_open
  • fl_header_content_close
  • fl_footer_col1_open
  • fl_footer_col1_close
  • fl_footer_col2_open
  • fl_footer_col2_close
  • fl_post_top_meta_open
  • fl_post_top_meta_close
  • fl_post_bottom_meta_open
  • fl_post_bottom_meta_close

Nuevos filtros

Finalmente, además de las nuevas acciones, agregamos dos nuevos filtros útiles sobre los que puede leer en detalle en la página Referencia de filtros temáticos. Para resumir rápidamente, el filtro fl_social_icons le permitirá reorganizar el orden de los íconos sociales o agregar los suyos propios, mientras que el filtro fl_nav_toggle_text le permitirá cambiar el texto (o ícono) que se muestra en el botón de alternancia de navegación móvil.

  • iconos_sociales
  • fl_nav_toggle_text

¿Cuándo se publicará esto?

Estamos haciendo una versión beta para esta versión, ya que cambia algunas cosas con las que nos sentimos más cómodos dejando que la gente pruebe antes de lanzarlo al mercado. Si todo va según lo planeado, impulsaremos esta versión para actualizaciones remotas dentro de su panel de control la semana del 6 de julio. Mientras tanto, no dudes en descargarlo desde el área de tu cuenta, jugar con las nuevas configuraciones y ¡avísanos si tienes algún comentario!

¿Qué sigue?

En caso de que te lo hayas perdido, el equipo de Favolla se ha asociado con nosotros para desarrollar algunas funciones nuevas e increíbles para Beaver Builder. Ya han terminado dos nuevos módulos (Post Slider y Post Carousel) que esperamos lanzar casi al mismo tiempo que el lanzamiento del tema. También están trabajando en un nuevo módulo que estoy muy emocionado de presentarles muy pronto: ¡el módulo Menú!

Una vez que se haya lanzado la próxima versión del tema, nos sumergiremos en el tan esperado desarrollo de las "Plantillas vinculadas". También publicaré otra publicación sobre la hoja de ruta muy pronto que detalla gran parte de lo que hemos planeado para los próximos seis meses aproximadamente. Mientras tanto, háganos saber lo que piensa sobre la última actualización del tema o si tiene alguna pregunta en los comentarios a continuación.

Biografía de Justin Busa

49 comentarios

  1. David el 23 de junio de 2015 a las 9:31 am

    Esto es increíble. Casi estoy listo para dejar al 100% todos los demás temas y marcos. Sigan con el gran trabajo.



    • Justin Busa el 23 de junio de 2015 a las 9:38 am

      Hola David, ¡qué bueno escuchar eso! No dude en informarnos si hay algo que nos falta y que cree que podría ayudar con eso.



  2. rcgama el 23 de junio de 2015 a las 9:42 am

    ¡Superior Justin!

    ¿Al ser beta puedo usar esta nueva versión en los sitios que están en producción, online de mis clientes?

    Otra pregunta, para poder actualizar, ¿debo actualizar el tema o bb o bb thema child?

    ¿Tiene alguna estimación de cuándo se lanzará también la actualización que solicita guardar bloques de elementos para usarlos en diferentes páginas del sitio?



    • Justin Busa el 23 de junio de 2015 a las 10:03 am

      Hola rcgama,

      ¡Grandes preguntas! Hemos probado bastante el nuevo tema, por lo que debería estar listo, pero es posible que desee esperar hasta que haya una actualización disponible en su panel antes de usarlo en el sitio de un cliente. Si desea probarlo en un sitio, debe actualizar bb-theme, no bb-plugin o bb-child-theme.

      Comenzaremos a trabajar en la capacidad de guardar plantillas/bloques vinculados a principios de julio. No estoy seguro de cuánto tiempo nos llevará, pero espero que lo tengamos disponible en uno o dos meses más.

      justin



  3. Luis el 23 de junio de 2015 a las 17:14

    ¡Esto es increíble chicos!

    Hace un par de días pensé que debería haber más control sobre los enlaces de navegación sin tener que usar CSS Hero.

    ¡Gracias por tu arduo trabajo!



    • Justin Busa el 23 de junio de 2015 a las 9:31 pm

      ¡Qué bueno escucharlo, Luis! ¡De nada!



  4. Dave el 23 de junio de 2015 a las 6:05 pm

    Gracias Justin, buenas noticias. Creé rápidamente un nuevo sitio de juego en mi máquina local y realicé los cambios (todas mejoras fantásticas). Bien hecho.
    P1: ¿El ícono de hamburguesa para dispositivos móviles se incluirá en esta versión?
    P2: Me sorprende que no haya ninguna opción para cambiar la configuración de fuente para el pie de página (es fácil de hacer con algún CSS personalizado que conozco, pero ¿es una configuración tan obvia?
    Saludos, dave



    • Justin Busa el 23 de junio de 2015 a las 9:34 pm

      ¡De nada, Dave! Gracias por tomarse el tiempo para probarlo. Para responder a tus preguntas…

      P1) Sí. ¿No ves eso en la beta?

      P2) En nuestro esfuerzo por mantener las opciones bajas, solo hemos incluido las opciones de fuente que consideramos necesarias. Por ejemplo, pensamos que probablemente no tendrá una familia de fuentes diferente para el pie de página y el cuerpo del texto. Sin embargo, nos encantaría escuchar lo que piensas. ¿Hay opciones de fuentes específicas que le gustaría ver para las diferentes secciones de la página?

      ¡Gracias!
      justin



      • Dave el 25 de junio de 2015 a las 0:46 am

        Gracias Justin, encontré la hamburguesa. ¡Muchas entradas nuevas por descubrir!
        Una cosa que noté es que tiene un fondo gris. Estoy trabajando en un sitio que tiene un fondo de textura, por lo que se ve un poco feo. ¿La hamburguesa está creada por una imagen o CSS?
        dave



        • Justin Busa el 25 de junio de 2015 a las 9:36 am

          Hola Dave, la hamburguesa es un ícono de Font Awesome con un fondo CSS. Ahora que lo pienso, es posible que el fondo no funcione en ese caso. Consideraremos eliminarlo. ¡Gracias por los comentarios!



          • Dave el 25 de junio de 2015 a las 4:41 pm

            Hola Justin, Te informo que después de cambiar los colores de fondo a "falso", se arregló el fondo gris. Esto fue después de esta discusión con Ben:
            https://www.wpbeaverbuilder.com/support/q/background-for-entire-area-of-the-page/
            Saludos, dave



  5. Gerry el 24 de junio de 2015 a las 12:58 am

    ¡Es fantástico ver hacia dónde vas con BB Justin! Dejé atrás otros marcos temáticos desde el día 1 de registrarme en BB en 2014, esa decisión se ve mejor con cada nueva actualización.

    ¡Continúa con el gran trabajo!

    Gracias,
    Gerry



    • Justin Busa el 24 de junio de 2015 a las 9:35 am

      ¡Gracias Gerry! Es genial escuchar eso



  6. Chris Stott el 24 de junio de 2015 a las 3:10 am

    Todo esto es excepcional, ustedes siguen mejorando cada vez más. De hecho, ¡eres tan bueno que quiero mantenerte en secreto!



    • Justin Busa el 24 de junio de 2015 a las 9:30 am

      ¡Gracias, Cris!



  7. Carlos el 24 de junio de 2015 a las 9:20 am

    ¡Hola, chicos!

    ¡Estas adiciones se ven geniales! De hecho, ayuda al cliente sin conocimientos de código. Aquí va mi opinión.

    Sobre el tema:

    Tiene una pinta estupenda. Una pregunta rápida. A todas estas nuevas opciones se les pueden asignar valores con un preajuste personalizado, ¿correcto?

    Tal vez podrías agregar un par de diseños de encabezado más para obtener más opciones de diseño. Por ejemplo,

    – Un encabezado sin logo (suena extraño, pero algunos clientes lo prefieren así)
    – Un encabezado sin navegación
    – Un encabezado con la navegación en la parte superior (centrada y/o alineada a la izquierda).

    Acerca del complemento

    Es fantástico que estén empezando a trabajar en las “plantillas vinculadas (que siempre sugeriré llamarlas “Filas globales”). Quizás cuando esto funcione correctamente (y el módulo de menú esté disponible), podamos crear encabezados y pies de página dentro del generador y no con el personalizador. Esto ayudaría mucho a tener más flexibilidad, y luego podremos reducir las opciones en el personalizador.

    Eso es todo por ahora. ¡Espero que esto ayude!

    Está haciendo un excelente trabajo con su producto. Me encanta.



    • Carlos el 24 de junio de 2015 a las 9:37 am

      ¡Hola de nuevo!

      Quería agregar que también sería fantástico si la opción de “Fondo >> ninguno” para las secciones pudiera regresar.

      Esto podría ser útil si queremos una imagen de fondo en el cuerpo que permanezca fija.

      ¡Gracias!



      • Justin Busa el 24 de junio de 2015 a las 9:43 am

        En la última versión, puede ingresar un valor de color vacío para eliminar ese color de fondo. ¿Eso funciona para ti?



        • Carlos el 24 de junio de 2015 a las 10:00 am

          ¡Eso fue bastante simple! ja ja

          Está funcionando.

          ¡Gracias!



        • Carlos el 24 de junio de 2015 a las 13:28

          ¡Hola de nuevo!

          Al configurar el color para que sea transparente, la navegación fija será automáticamente blanca. Quizás podría haber una opción para configurar el color de esta navegación.

          ¡Gracias!



          • Justin Busa el 25 de junio de 2015 a las 9:41 am

            El encabezado fijo en realidad recoge el color de fondo del cuerpo cuando el encabezado es transparente (ya que el encabezado también lo recoge). ¿Eso funciona?



        • Carlos el 24 de junio de 2015 a las 13:37

          Sería bueno también si pudiéramos agregar transparencia a esos colores de fondo.

          (Perdón por publicar tantos comentarios, las ideas me vienen de esa manera)



          • Justin Busa el 25 de junio de 2015 a las 9:44 am

            ¿Estás preguntando sobre la opacidad de las diferentes secciones? ¡No te preocupes por todos los comentarios! Apreciamos los comentarios.



          • Carlos el 25 de junio de 2015 a las 9:46 am

            ¡Sí! Me refiero a opacidad para las diferentes secciones.

            Podría ser un buen efecto que el encabezado fijo tenga algo de opacidad, o incluso el color del encabezado/contenido/pie de página si hay una imagen de fondo.

            ¿Qué opinas?



          • Justin Busa el 25 de junio de 2015 a las 9:47 am

            Creo que la opacidad es una gran idea. He tomado nota para investigarlo. ¡Gracias!



    • Justin Busa el 24 de junio de 2015 a las 9:42 am

      ¡Gracias por los comentarios, Carlos! Tiene razón en que a estas nuevas opciones se les pueden asignar valores con un ajuste preestablecido.

      Agregar nuevos diseños de encabezado parece una gran idea y aún no ha surgido. Si lo desea, puede agregarlo a nuestra página UserVoice para que tengamos un registro... https://wpbeaverbuilder.uservoice.com/

      En cuanto a las "plantillas vinculadas", creo que probablemente también las llamaremos algo así como Filas globales.



  8. claudiobritas el 25 de junio de 2015 a las 4:11 am

    Solo vine aquí para decir que amo Beaver Builder y que el equipo parece realmente servicial y comprometido.
    Estoy usando BB y me encanta cada detalle. Como diseñador con un portafolio, no puedo esperar por esa nueva opción de carrusel.



    • Justin Busa el 25 de junio de 2015 a las 9:44 am

      ¡Gracias por las amables palabras!



  9. Dave el 26 de junio de 2015 a las 6:40 pm

    Me pregunto si habrá actualizaciones progresivas de la versión beta o será hasta el lanzamiento oficial el día 6.
    dave



    • Justin Busa el 27 de junio de 2015 a las 11:48 am

      Hola Dave,

      ¡Gran pregunta! No necesariamente lo estábamos planeando, pero teniendo en cuenta los comentarios que hemos recibido, creo que publicaremos una actualización de la versión beta antes de su lanzamiento. Sólo para aclarar, no lanzaremos esto el día 6, estamos filmando en algún momento de esa semana.

      justin



    • Justin Busa el 28 de junio de 2015 a las 5:04 pm

      Hola dave,

      Acabo de publicar una actualización de la versión beta con algunas de las correcciones de errores que usted y otros mencionaron. Deberá descargarlo nuevamente desde su cuenta para actualizarlo y probarlo, ya que la versión beta no funciona con el actualizador.

      justin



      • Dave el 28 de junio de 2015 a las 5:13 pm

        Gracias Justin, te lo agradezco: ¡prueba ahora!
        Saludos, dave



  10. rcgama el 28 de junio de 2015 a las 12:22 pm

    Hola Justin, me gustaría probar esta nueva versión en una prueba de campo que tengo, pero no sé cómo actualizarla. Si estoy usando la versión anterior con la versión del tema y el tema de la versión secundaria.

    ¿Qué debo eliminar? ¿La versión del tema o la versión del tema infantil?

    ¿Podrías explicarme?

    Gracias justin!



    • Justin Busa el 28 de junio de 2015 a las 2:53 pm

      Debe eliminar el tema principal de Beaver Builder, no el tema secundario. Una vez que elimines el tema principal de Beaver Builder, podrás cargar la nueva versión beta.



  11. Michael Davis el 1 de julio de 2015 a las 6:33 pm

    ¿Son estas nuevas acciones, fl_header_content_open y fl_header_content_close puntos de acceso para envolver el encabezado en código personalizado? Acabamos de hacer un proyecto que crearía un módulo personalizado increíble, excepto que nos llevó crear un tema secundario y agregar divs manualmente para nuestro código.

    También tuvimos que hacer una solución de JavaScript para tener en cuenta el encabezado secundario, ya que el principal en el que estaba incluido nuestro código era el que se desplazaba hacia arriba en la página.

    Mi esperanza es que estos ganchos ajusten cualquier versión del encabezado que se muestre (primaria o estática). Si ese es el caso… ¡SÍ! (¡Quizás tenga que pasar las vacaciones trabajando para convertir eso en un módulo!)



    • Justin Busa el 2 de julio de 2015 a las 9:16 am

      Hola miguel,

      Esos filtros son en realidad para el área de "contenido del encabezado" que aparece en el lado derecho del encabezado cuando se selecciona el diseño Nav Bottom.

      Sin embargo, puede lograr lo que busca con las acciones fl_before_header y fl_before_content ya que la acción fl_before_content se activa después del encabezado. Déjame saber si tienes alguna pregunta al respecto.

      justin



      • Michael Davis el 2 de julio de 2015 a las 9:21 am

        Sí, jugué más con él anoche y me di cuenta. ¿El before_content funcionaría para cerrar un div abierto en el otro gancho? (Puedo comprobarlo también cuando vuelva a mi computadora).

        Me hizo repensar mi enfoque de simplemente hacer un módulo de botón personalizado para activar la acción desde cualquier lugar al que pueda ir un botón. Probablemente sea mejor para un módulo ampliamente utilizado de todos modos.



        • Justin Busa el 2 de julio de 2015 a las 9:27 am

          ¡Eso es correcto! Esa acción se activa después del encabezado para que puedas usarla para cerrar el div abierto en fl_before_header.



  12. jatacid el 3 de julio de 2015 a las 8:02 am

    Hola, la actualización se ve genial. El hecho de que este sea un tema muy liviano es excelente porque permite a los clientes incursionar sin romper demasiado y deja un buen espacio para realizar personalizaciones con código personalizado. Espero que esta filosofía continúe!

    Tenía una pregunta: ¿es posible conectar y registrar nuevas opciones de personalización con el tema de su hijo?

    Por ejemplo, si quisiera agregar mi propia sección que cambió el 'ancho del borde del pie de página' o algo así, ¿puedo hacerlo a través de un tema secundario?



    • Justin Busa el 6 de julio de 2015 a las 10:34 am

      ¡Gracias jatacid! Me alegra que te guste la actualización. Para responder a su pregunta, puede agregar nuevas opciones de Personalizador utilizando las funciones principales de WordPress detalladas en este artículo del códice... https://codex.wordpress.org/Theme_Customization_API



  13. Gerry el 6 de julio de 2015 a las 22:04

    Hola justin,
    ¿Puede dar una fecha en la que se lanzará la nueva versión de forma generalizada?

    gracias, gerry



    • Dave el 6 de julio de 2015 a las 23:45

      Hola Gerry, esto se trata en el artículo, ¡pero espero que sea en algún momento de esta semana! – Justin también me corrigió cuando pensé que saldría el día 6 en una respuesta anterior.
      Saludos, dave



      • Gerry el 7 de julio de 2015 a las 2:37 am

        Hola Dave, Sí, mis esperanzas se han acumulado para el día 6, ¡así que cuanto antes mejor! Estoy deseando que llegue

        Gerry



        • Justin Busa el 7 de julio de 2015 a las 9:44 am

          Hola Gerry,

          ¡Mis disculpas por la confusión! Esperamos tener esto publicado dentro de uno o dos días. ¡Manténganse al tanto!

          justin



  14. Justin Busa el 8 de julio de 2015 a las 22:20

    ¡La actualización está disponible! Háganos saber si tiene alguna pregunta o tiene algún problema y asegúrese de consultar los registros de cambios para obtener más información... https://www.wpbeaverbuilder.com/change-logs/



  15. Geoffrey Gordon el 9 de julio de 2015 a las 2:42 am

    Ustedes se vuelven cada vez más increíbles. Me encanta el tema del constructor de castores. Los nuevos ajustes definitivamente ayudarán. Estoy muy contento de haber invertido en su producto porque ha dado sus frutos una y otra vez.



    • Justin Busa el 9 de julio de 2015 a las 9:41 am

      ¡Gracias por tus amables palabras, Geoffrey!



  16. Chris el 16 de julio de 2015 a las 9:42 am

    ¿Dónde puedo obtener una copia de la versión beta para explorar?



    • Robby McCullough el 16 de julio de 2015 a las 9:54 am

      Hola cris! Gracias por estar dispuesto a probar la beta. De hecho, ya lanzamos una actualización del tema con todas estas características. Para el futuro, anunciamos la versión beta aquí en el blog o en nuestro Twitter.



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