Beaver Builder 1.6.4, que incluye un nuevo selector de color, filas de altura completa, el módulo contador de números y más.
Publicado: 2015-09-15¡25% de descuento en productos Beaver Builder! ¡Apresúrate, termina la oferta... ¡Aprende más!
¡Me complace anunciar que la versión 1.6.4 del complemento Beaver Builder ahora está en versión beta y lista para probar! Si aún no lo has hecho, dirígete al área de tu cuenta y descarga una copia de la versión beta para probarla.
Aquí hay un vistazo a los detalles de en qué hemos estado trabajando y qué esperar en la versión beta.
El antiguo selector de color cumplió su propósito, pero era un poco complicado y tenía algunos errores. El nuevo selector de color (que se muestra a continuación) se creó en el selector de color Iris de Automattic, por lo que sabes que será legítimo. Después de todo, ¡el selector de color principal de WordPress también se basa en él!
El nuevo selector de color tiene una interfaz mucho más limpia con una entrada para el código hexadecimal, un área para ajustar la saturación/brillo y un control deslizante para el tono. Además de eso, también tiene una nueva característica que normalmente no se ve en los selectores de color en la web. ¡La capacidad de guardar ajustes preestablecidos!
Guardar un ajuste preestablecido es fácil. Elija el color que desee, haga clic en el icono más y aparecerá un mensaje informándole que se ha agregado su ajuste preestablecido. Para usar un ajuste preestablecido, haga clic en el botón Ajustes preestablecidos de color en la parte inferior del selector de color y se deslizará hacia arriba una lista de sus ajustes preestablecidos. Una vez que aparece el panel de ajustes preestablecidos, puede hacer clic en un ajuste preestablecido para elegirlo o hacer clic en el icono de eliminar para eliminarlo de la lista.
Si alguna vez quisiste crear una fila que llene la altura de la ventana del navegador, ¡las filas de altura completa son para ti! Para hacer una fila de altura completa, abra la configuración de una fila y cambie la nueva configuración de Altura a Altura completa (como se muestra a continuación). ¡Es así de fácil!
Con la configuración de Altura establecida en Altura completa , la altura de su fila se ajustará automáticamente según el tamaño de la ventana del navegador y sus columnas se centrarán verticalmente.
Además de las filas de altura completa, ahora es posible hacer que un grupo de columnas tenga la misma altura. Esa es una técnica realmente útil si tiene varias columnas que tienen un fondo (como se muestra en la imagen de arriba). Para hacer que un grupo de columnas tenga alturas iguales, cambie la nueva configuración Igualar alturas de columnas a Sí en la configuración de columnas (como se muestra a continuación).
Con Igualar alturas de columnas configurada en Sí , la altura de sus columnas siempre será la misma, independientemente de cuánto contenido contengan.
Trabajar con columnas en Beaver Builder siempre ha sido algo limitado. ¡A partir de hoy, eso ya no existe! Al hacer clic en el ícono de configuración de una columna, ahora verá un menú desplegable (como se muestra arriba) que tiene una serie de opciones nuevas, incluida la capacidad de editar, eliminar e insertar columnas, ya sea que tengan módulos o no.
Al hacer clic en Insertar columna antes, se insertará una nueva columna antes de la que está resaltada, mientras que al hacer clic en Insertar columna después, se insertará una nueva columna después de la que está resaltada. ¡Ahora se pueden agregar hasta 12 columnas a una fila con esta nueva característica!
La última opción de la lista, Restablecer anchos de columnas , le permite restablecer el ancho de todas las columnas de un grupo para que sean iguales. Esto resulta útil cuando se usa junto con la siguiente función de esta publicación, cambiar el tamaño de las columnas arrastrándolas...
Otra característica muy solicitada en nuestra página UserVoice que se incluyó en esta versión es la capacidad de cambiar el tamaño de las columnas arrastrándolas. Ahora tiene la posibilidad de arrastrar los bordes izquierdo o derecho de una columna o módulo hasta que esté satisfecho con el nuevo ancho. Cuando cambia el tamaño de una columna de esta manera, también verá aparecer dos indicadores (como se muestra arriba) que le indican el nuevo ancho de las columnas que se están cambiando de tamaño.
¡Las columnas arrastrables y de tamaño variable llegarán a @BeaverBuilder! https://i.imgur.com/56p7iJW.jpg Compartir en XSi bien son relativamente menores, hicimos algunos pequeños cambios para limpiar la interfaz de usuario que quizás hayas notado en las capturas de pantalla anteriores. Específicamente, limpiamos los íconos de acción en las superposiciones de filas, columnas y módulos disminuyendo ligeramente el tamaño de fuente, ajustando el espaciado y eliminando el nombre del módulo.
Esto se hizo en un esfuerzo por hacer que las cosas parecieran menos abarrotadas, ya que teníamos menos íconos de acción cuando diseñamos esas superposiciones por primera vez (no existían configuraciones de columnas y duplicados). Además, todos los íconos en las superposiciones del módulo tendían a agruparse y caer a una segunda línea en columnas más pequeñas. Aunque esto todavía puede suceder en columnas mucho más pequeñas, se ve mucho mejor ahora que se eliminó el nombre del módulo.
Mientras estábamos ocupados trabajando en mejoras al generador principal, también decidimos introducir un nuevo módulo. ¡Ese módulo es el módulo de Números animados y es genial! Simplemente ingrese un número y observe cómo se anima desde cero hasta el número que ingresó cuando se desplaza por el módulo en la página.
Además de una variedad de configuraciones de estilo y texto, el módulo Números animados le permite mostrar solo un número, un número rodeado por un círculo animado o un número en una barra animada.
Si no desea mostrar porcentajes, ¡no hay problema! También puede optar por mostrar números estándar e ingresar un total que se usará para calcular el porcentaje de animación. Por ejemplo, hacer eso le permitiría ingresar los números 250 y 500, lo que animaría el texto a 250 pero el círculo o la barra al 50%. ¡Esa característica del módulo Números animados hace que el tipo de datos que puedes animar sea casi infinito!
Por último, pero no menos importante, en esta versión está la nueva configuración de fuente. Esta es una configuración especial que los desarrolladores pueden usar para mostrar selecciones de familia de fuentes y peso de fuente (como se muestra a continuación) en sus módulos con soporte integrado y vista previa en vivo para las fuentes de Google.
Si bien generalmente creemos que el tema debe decidir algo como la familia de fuentes, agregamos esta nueva configuración al módulo Encabezado, ya que tiene sentido tenerlo allí para crear títulos únicos. Estaremos monitoreando los comentarios para ver si tiene sentido agregar esta configuración a otros módulos, pero tenga en cuenta que si configura la familia de fuentes en los módulos de Beaver Builder todo el tiempo, probablemente sea mejor configurar en su lugar, en el tema.
Quiero agradecer al equipo de Diego y Thais en Favolla por todo el increíble trabajo que hicieron para ayudar a que este lanzamiento fuera posible. Mientras estábamos dando los toques finales a la actualización de las plantillas de fila/módulo, estamos trabajando en muchas de las características que ve aquí. ¿Mencioné que recientemente se comprometieron? ¡Es seguro decir que esos dos están en racha!
Si no lo has oído, Robby y yo estaremos en CaboPress la próxima semana aprendiendo de algunas personas brillantes de la comunidad de WordPress. Estamos muy entusiasmados de cómo esa experiencia nos ayudará a crecer como empresa y a dar forma a nuestra visión del futuro de Beaver Builder. Como tal, este período beta probablemente será más largo que las dos semanas típicas que han visto otros lanzamientos. Dejando de lado cualquier problema importante, espero que se lance la semana del 5 de octubre.
Si bien ya hemos completado muchos de los elementos de nuestra última publicación sobre la hoja de ruta, ¡aún queda mucho por hacer! Probablemente publicaré otra publicación sobre la hoja de ruta pronto, pero mientras tanto, esto es en lo que estamos trabajando actualmente...
¿Cuál es tu parte favorita de esta actualización? El mío probablemente sería el nuevo selector de color o las mejoras en las columnas. ¡Asegúrate de hacérnoslo saber en los comentarios a continuación! Y como siempre, no dude en informarnos si tiene algún comentario o si tiene algún problema.
Nuevas funciones impresionantes. Siempre trabajando con un proyecto que necesita filas de altura completa.
Tengo la misma pregunta con @Desmond. Lo quiero completo en la parte superior, menos la altura del encabezado.
Por cierto, gracias por estas nuevas funciones. ¡Sigan con un gran trabajo!
¡Buenas noticias!
Me encantaron las mejoras en filas y columnas. Ahora, para ser casi perfecto, solo necesita permitir columnas dentro de columnas como se sugiere aquí https://wpbeaverbuilder.uservoice.com/forums/270594-general/suggestions/6694111-columns-inside-columns
¡Buen trabajo chicos! ¡Ustedes son rocas!
¡Estoy muy emocionado de ser parte de esta comunidad!
Saludos
Fantástico, estoy atónita otra vez. Creo que mi favorito aquí es Alturas de columnas iguales. Gracias.
Hola Justin, muy bien! ¿Tiene alguna estimación de cuándo estarán 100% disponibles y seguras para que podamos usar estas nuevas funciones en los sitios de producción?
¡¡¡Estas nuevas características son increíbles!!!
¡Mi trabajo se vuelve cada vez más fácil con cada actualización de BB!
¡Fantástico lanzamiento a todos! ¡Gran trabajo!
Gracias por tener la visión, escuchar todos los excelentes comentarios y, sobre todo, por hacer de BeaverBuilder la mejor solución para la creación de sitios en WordPress.
Justin, tengo que decir... cada vez que lanzan una nueva actualización, se me pone la piel de gallina. Mi inversión parece amortizarse una y otra vez. El otro día realicé una capacitación con un cliente sobre cómo actualizar su sitio web con Beaver Builder y lo que normalmente me lleva 2 horas a través de Skype, me llevó 30 minutos. Yo quedé asombrado y el cliente súper emocionado. Sólo tengo que decir que ustedes son geniales... Descargaré la versión beta y jugaré con ella.
La configuración de fuente en los encabezados debe usar de forma predeterminada el tema y luego dar la opción de configurar una fuente; simplemente lo probé en un sitio de prueba y los encabezados que coincidían con el resto del tema se cambiaron instantáneamente a helvética. Ese no es un comportamiento esperado que no pensaría para los usuarios existentes.
Aparte de eso, parece una característica útil.
WOWzers, qué actualización. ¡Muchas cosas que he pirateado/estado esperando! Gran trabajo, me encanta.
Amo. Constructor de castores.
Hola,
Todavía no soy cliente, pero probé las demostraciones y seguí tu blog para obtener actualizaciones, además de investigar reseñas y otros creadores para tomar una decisión informada.
¡¡¡Debo decir que estoy convencido !!!
Parece que ustedes están diseñando y construyendo este complemento/creador de temas solo para mí.
Todo parece muy intuitivo y bien pensado.
Me encanta la experiencia muy simplista y limpia.
No puedo enfatizar lo suficiente en “SIMPLISTA”.
Al final del día, la mayoría de los usuarios finales y propietarios de sitios/negocios no son desarrolladores y su uso debe ser lo más fácil posible.
EXCELENTE producto!!!
Las estadísticas se ven geniales, pandilla. Supongo que ya no necesito actualizar mi propio módulo. Realmente entusiasmado con las columnas y los selectores de color también. Esta es una bestia de actualización.
[…] Para obtener información sobre esta actualización, puede encontrar la publicación de Justin en el Blog de Beaver Builder. […]
¡Buena actualización chicos! ¡Me encantan las columnas iguales! ¡Gracias a Dios!
¡Mejoras fantásticas! También tuve algunos problemas con el selector de color. ¿A qué distancia está la ETA?
Ahora estoy probando la versión Beta y no estoy seguro de dónde informar errores, ¿aquí? El selector de color no funciona en mi safari (Versión 8.0.4 (10600.4.10.7)). Cuando hago clic en un cuadro de color para activar el selector de color, se abre en el extremo derecho por un segundo y luego desaparece. ¿Alguien más ha informado eso? Déjame saber si necesitas un vídeo de screencast para que puedas ver si aún no lo has hecho. Aparte de eso, no he encontrado ningún otro problema. ¡Este lanzamiento es increíble, estoy muy feliz con él!
amigos, disculpas si me lo perdí, pero ¿la nueva actualización/reescritura del selector de color permite la transparencia alfa? Me encanta la última versión beta, ¡súper potente como siempre!
Ahora necesitamos un módulo de video bien hecho. Eso será muy útil.
Hola mis grandes chicos!
Estoy esperando desesperada y ansiosamente la 1.6.4. con todas las maravillosas y hermosas funciones nuevas y mejoradas.
Me has convertido en un fanático de BB y no puedo dejar de amarlo.
Sigan con el gran trabajo.
¡Eress el mejor!
Eso es increíble Justin. Es irónico que esta mañana estuviera trabajando en CSS personalizado para crear una fila de altura completa con contenido absolutamente posicionado.
Algunas preguntas:
¿La fila de altura completa tiene un recurso alternativo para navegadores más antiguos? ¿También calcula su altura teniendo en cuenta otros elementos de la página? Ejemplo:
.awesome-masthead {
altura mínima: 600 px;
altura mínima: calc(100vh – 300px);
}
De todos modos, gran actualización. Sigo cruzando los dedos por las plantillas de publicación/archivo. ¡Poder establecer alturas específicas en elementos estructurales (en lugar de tener que usar relleno/márgenes) también sería fantástico!
Ustedes son geniales.