Página principal
- 22 de noviembre de 2016 Estamos encantados de anunciar Beaver Builder 1.9, Shasta, creado en la preciosa presa Shasta en nuestro estado natal de California. Shasta trae la característica número uno y más solicitada a Beaver Builder: columnas en columnas (CinC). Junto con CinC, presentamos un editor renovado con arrastrar y soltar más preciso, la capacidad de arrastrar y reorganizar columnas, configuraciones responsivas para márgenes y rellenos, nuevas plantillas y mucho más.
Lo primero es lo primero: muchas de las actualizaciones esta vez son mucho más fáciles de mostrar que de contar. Justin preparó un pequeño y agradable screencast que destaca muchos de los cambios. Vale la pena verlo.
Si lo tuyo son los videos, asegúrate de ver este video de vista previa de Shasta de Matt Mederios (ya sabes, el tipo que hace el Matt Report Podcast). Matt es súper brillante y tiene una larga trayectoria en el espacio de la construcción gracias a su producto, Conductor. Tiene una perspectiva única respaldada por toneladas de experiencia.
Si se pregunta qué significa realmente “columnas dentro de columnas”, no se preocupe. Es un poco difícil entenderlo sin un ejemplo visual.
Siempre ha sido posible tener, por ejemplo, una imagen en una columna y texto en otra, pero observe los cuadrados verde azulado y verde debajo del texto publicitario: este diseño nunca ha sido posible sin algunos trucos de CSS.
Como se mencionó, CinC ha sido una de las funciones más solicitadas desde su lanzamiento por primera vez. Realmente hacemos nuestro mejor esfuerzo para escuchar sus comentarios e implementar sus ideas. Nos llevó mucho tiempo implementar CinC porque no pudimos encontrar una manera elegante de lograrlo. Como puede ver en el vídeo, finalmente solucionamos los problemas con una dinámica de columnas "principal" y "secundaria" de la que estamos muy orgullosos.
Otra gran solicitud ha sido la capacidad de duplicar y arrastrar columnas, de forma similar a como es posible con módulos individuales. Estamos encantados de anunciar que también llegarán columnas que se pueden arrastrar.
Para lograr columnas arrastrables y de padres/hijos, presentamos una nueva y elegante función de interfaz de usuario. En Shasta, podrá arrastrar una columna (y cuando esté disponible, una columna principal) directamente desde el menú de configuración de la columna.
A la izquierda hay un menú de columna estándar y a la derecha hay un menú de columna secundaria . En el ejemplo de la derecha, observe que puede editar la configuración o mover tanto al niño como al padre haciendo clic y arrastrando directamente desde el menú.
Esta es una innovación que nunca antes habíamos visto y, junto con algunas mejoras importantes en la precisión de arrastrar y soltar, ofrece una experiencia de construcción muy fluida. Por supuesto, no debería confiar simplemente en nuestra palabra. Pruébalo. Esperamos que te sientas muy parecido a lo que se sintió este probador beta...
Después de trabajar con @BeaverBuilder 1.9 por un tiempo, volver al comportamiento de 1.8 es una gran decepción. Compartir en XEs difícil expresar con palabras lo bien que “se siente” la nueva interfaz de usuario. Tendrás que intentarlo y hacernos saber si estás de acuerdo.
En Gordon (v1.8), introdujimos varias plantillas de páginas de destino nuevas. En Shasta, le estamos dando un poco de amor a nuestras plantillas de páginas de contenido. Las páginas de destino son, presumiblemente, la primera página que ve un visitante cuando llega a su sitio (piense en las páginas de inicio). Las páginas de contenido son las páginas internas de un sitio, como una página de información, contacto o precios.
Hay 12 nuevas plantillas de páginas de contenido disponibles en 1.9, cada una con un diseño fresco y minimalista. Nuestra esperanza con todas nuestras plantillas es que sean un punto de partida para impulsar su creatividad o un diseño listo para usar que solo necesita algunos ajustes menores antes de publicarse.
Desde el primer día, los diseños de Beaver Builder siempre han respondido y estamos introduciendo una función para que sea mucho más fácil de crear para pantallas más pequeñas.
En Shasta, ahora puedes ajustar los márgenes, el relleno y el tamaño de los bordes según el tamaño del dispositivo. Originalmente, agregamos 4 cuadros de texto adicionales al panel de configuración. Si bien esto era funcional, no era muy bonito. En otra epifanía de la interfaz de usuario, el equipo creó un botón para alternar entre las diferentes vistas.
Gran parte del código para esta función fue enviado por fuentes externas. ¡Muchas gracias a Jessie y Oliver por su ayuda! Siempre estamos encantados de recibir solicitudes de extracción para el código base de Beaver Builder. Si está interesado en contribuir, envíenos un correo electrónico.
Por último, pero no menos importante, estamos agregando la capacidad de generar una ventana emergente de caja de luz a partir de un botón. Hay una nueva configuración de Acción de clic en el módulo de botones que agrega una opción de caja de luz junto con la opción de abrir una URL. Podrás agregar un texto personalizado, HTML (incluye códigos cortos) o un video y ese contenido se mostrará automáticamente en una caja de luz cuando se haga clic en el botón. ¡Muy dulce!
Puede leer más sobre la función lightbox y todas las funciones nuevas de Shasta en nuestra publicación de la base de conocimientos. Para ver correcciones de errores y mejoras menores, consulte los registros de cambios.
¡Está bien! Creo que eso es todo.
Nos encantaría saber qué piensa sobre esta próxima versión y, si tiene algún problema con la versión beta, envíenos un correo electrónico o déjenos un comentario a continuación. Esta actualización es prueba de que escuchamos y tomamos muy en serio sus comentarios. No dude en dejarnos saber su opinión. Disfrutar.
el 7 de diciembre de 2016 a las 9:16 am¡Gracias Andrea!
el 22 de noviembre de 2016 a las 15:35Entiendo que esta versión permitirá que se inicie un código de inserción de YouTube en una caja de luz después de hacer clic en un botón. Recientemente estuve trabajando con Gtmetrix.com y dijeron que manejar videos de esta manera, donde el código de inserción no se carga hasta que el usuario interactúa con él, puede mejorar drásticamente la velocidad de la página. ¿Puede confirmar que su nueva función de video lightbox logra esto en la versión 1.9? Además, ¿hay planes para que la diapositiva de título del video junto con un botón de reproducción superpuesto se muestre como una imagen en lugar del botón para que parezca un video incrustado?
el 7 de diciembre de 2016 a las 19:16Hola Pablo. Esa es una buena pregunta. El marcado se incluye en la carga inicial de la página, es decir, no se carga mediante ajax. Supongo que el vídeo solo comienza a almacenarse en el búfer una vez que se muestra, pero no estoy 100% seguro.
No tenemos ningún plan para implementar la diapositiva de título como mencionaste, pero es una buena idea. Lo tendremos en cuenta. Todos nuestros módulos predeterminados se pueden anular y personalizar. Si trabaja en algo como esto, háganoslo saber y tal vez podamos usar su código.
el 23 de noviembre de 2016 a las 13:43Impresionante… Me encantan las actualizaciones. Hace que las cosas sean mucho más intuitivas y debería acelerar el flujo de trabajo para crear cosas, sin tener que hacer tanto clic.
También me encantan las personalizaciones para diferentes tamaños de pantalla. No estoy un poco seguro de si esto es algo que debería ser manejado por el constructor en lugar de la hoja de estilo, pero definitivamente le brinda al usuario la capacidad de realizar los cambios necesarios con frecuencia sin tener que saltar al código.
Pero aquí es donde puedo ver que esa característica se vuelve realmente útil. ¡Usándolo con columnas, y especialmente columnas dentro de columnas!
La razón número uno por la que hago una plantilla personalizada en lugar de usar un creador de páginas es por la forma en que se dividen las columnas para cada tamaño de pantalla. Por lo general, está limitado a la forma integrada que el constructor elige para hacer esto, pero no siempre es la mejor manera.
He aquí un ejemplo:
Hay varios casos en los que me gustaría tener 6 columnas en el escritorio, que se convierten en 3 columnas en la tableta y luego en 2 columnas en un teléfono. Por lo general, saltaría de 6 columnas a 1 columna, lo que obviamente no es ideal en todas las situaciones.
Normalmente, haría esto personalizado usando bootstrap, porque es la forma más fácil que he encontrado. Esto también facilita priorizar lo que queda en la parte superior a medida que el tamaño de la pantalla se reduce a una columna (como el texto en la imagen de la izquierda y la derecha para dos columnas, pero siempre colocando la imagen en la parte superior para una columna).
Pero si pudiera controlar todo eso a través del constructor, me encantaría aún más de lo que ya lo hago. Diablos, hace tiempo que no lo uso, así que tal vez ya sea posible.
Tendré que comprobarlo y realizar una solicitud de función oficial. ¡Gracias!
el 7 de diciembre de 2016 a las 19:17¡Impresionante! Gracias Dan. Generalmente es una buena práctica poner la mayor cantidad posible de estilo en un archivo CSS, pero para muchas personas puede que no sea práctico.
el 23 de noviembre de 2016 a las 23:47¡Grandes cosas! Una característica que me encantaría tener es un cuadro CSS en un módulo o columna para cuando necesito agregar rápidamente algo simple pero no compatible con la interfaz de estilo, como texto-sombra, para cuando uso un título sobre un área de fondo y el título no se puede distinguir fácilmente. Utilizo text-shadow y algunas otras cosas para ayudar a que un título o texto resalte desde un fondo de imagen de ancho completo. Sé que puede agregar el diseño CSS en la parte superior, pero es solo una idea para facilitar el acceso y tener la capacidad de enviar código CSS rápido desde la interfaz emergente del módulo/columna.
Salud
el 7 de diciembre de 2016 a las 19:20Hola David. Gracias por la sugerencia. Creo que la mejor opción sería darle al elemento una clase o una ID y mantener el CSS lo más central posible. No es la mejor práctica, pero creé "clases auxiliares" como .text-shadow en mi archivo CSS, luego instalé la clase en encabezados, etc. donde necesitaba agregar sombra. ¿Eso podría funcionar para ti?
el 25 de noviembre de 2016 a las 21:49¡Instalándolo ahora! Estas características se ven increíbles y no puedo esperar a ver las nuevas plantillas.
Entonces, ¿la caja de luz solo se abre con un botón? ¿Se puede activar mediante un enlace de imagen? ¡Oh, qué dulce sería eso!
el 1 de diciembre de 2016 a las 15:21¡Guau! ¡Beaver Builder sigue mejorando! Gracias a todo el equipo de Beaver Builder por estas mejoras. ¡Recién estoy comenzando con dos sitios web de clientes nuevos y Beaver Builder está funcionando en ambos!
el 7 de diciembre de 2016 a las 19:21¡Gracias Pete! Me alegra escuchar. Agradecemos el apoyo!!
el 7 de diciembre de 2016 a las 2:41 am¡Felicitaciones por lanzar esta increíble actualización, muchachos! Y gracias por mencionarme en el post, me alegra poder ayudar un poco.
Me gustaría preguntarle si tiene una ETA para la versión Lite de Beaver Builder 1.9. Me gustaría actualizar el contenido de demostración de mis temas usando la nueva función de espaciado responsivo.
¡Gracias!
el 7 de diciembre de 2016 a las 19:19Hola Oliver. ¡Qué bueno saber de ti y gracias de nuevo, atchya!
Creo que Justin generalmente publica la actualización del repositorio unos días o semanas después de que lanzamos las actualizaciones de la versión premium. Es posible que quieras enviarle un ping a Slack para obtener una confirmación, pero espera que salga muy pronto.
el 9 de diciembre de 2016 a las 4:47 amFresco. ¡Gracias por la respuesta, Robby!
el 12 de diciembre de 2016 a las 3:58 am¿Ha salido esta nueva versión? ¡No veo la notificación de actualización en mis complementos!
el 12 de diciembre de 2016 a las 8:54 amHola David. Está disponible para las versiones premium, pero no para la versión lite. Eso debería salir muy pronto.
Si no ve la actualización, hay un botón "Verificar nuevamente" en la página de actualizaciones que puede probar. Si todo lo demás falla, puede realizar una actualización manual o enviarnos un ticket de soporte.
el 13 de diciembre de 2016 a las 14:46robby,
Parece que tengo algunos problemas con la versión lite. Quiero hacer que mis filas tengan todo el ancho y ponerles un fondo; cuando guardas los cambios, los cambios no tienen efecto. ¿Hay algo que debería hacer diferente para que esto funcione?
el 13 de diciembre de 2016 a las 21:28Hola Ángela. Deberíamos tener otra actualización que corrija algunos errores. Háganos saber si todavía tiene este problema después de actualizar a 1.9.2
(y perdón por la molestia)
el 14 de diciembre de 2016 a las 4:07 pm¡Esta es una actualización maravillosa y gracias por la mención!
No puedo esperar para comenzar a usar esto en producción. Hay tantos casos de uso que se volvieron mucho más fáciles. Si pudiéramos obtener columnas globales, podría reemplazar completamente las barras laterales y los widgets y hacer todo en el front-end.
También me encantan los interruptores de interfaz de usuario responsivos que agregaste. Es mucho más fácil de usar que los controles del primer borrador que envié (y, francamente, es simplemente más genial). ¡Estoy realmente impresionado!
Sigo estando muy feliz de haber elegido este marco para construir nuestros sitios.
el 18 de diciembre de 2016 a las 11:37 amHola Jessie! Gracias de nuevo por la ayuda.
¡Me gusta la idea de columnas globales/barra lateral! Definitivamente lo tendremos en cuenta. También tenemos algunas cosas interesantes cocinándose para 2017...
el 22 de diciembre de 2016 a las 4:46 am¡Esto es genial, muchas gracias!
Vaya: el primer enlace del texto (Abrir una caja de luz desde un botón) muestra una página no encontrada.
el 22 de diciembre de 2016 a las 10:31 am¡Ah! ¡Gracias por el aviso! Todo arreglado ahora.
el 28 de diciembre de 2016 a las 12:13¡¡¡Esto es tan genial!!!!
el 28 de diciembre de 2016 a las 8:51 pmGracias a todo el equipo de Beaver Builder por estas mejoras.
el 20 de enero de 2017 a las 14:20La nueva función de columnas dentro de columnas es fantástica. ¿Agregarás la capacidad de duplicar una columna principal y todo su contenido en el corto plazo (o guardarlos como un módulo)? Eso realmente haría que esta característica fuera muy útil. ¡Gracias!
el 23 de enero de 2017 a las 15:23¡Gracias Annjanette! No tenemos nada planeado, pero lo tendremos en cuenta para una futura actualización. Sé que es una solución alternativa, pero puedes duplicar y guardar filas. Puede que sea más rápido duplicar una fila y eliminar las columnas adicionales en lugar de intentar duplicar módulos. Espero que eso ayude.
el 22 de septiembre de 2017 a las 3:31 amAgregue más plantillas personalizadas para páginas de contenido y publicaciones... todo lo demás es bastante impresionante.
Nuestro boletín se escribe personalmente y se envía aproximadamente una vez al mes. No es en absoluto molesto ni spam.
Lo prometemos.
¡Guau! Estoy muy feliz de ver la versión beta: un paso más cerca de incluirla en los sitios de los clientes. Me encantaron tanto las nuevas funciones de respuesta y de columnas en la versión alfa que las instalé en un par de sitios personales en vivo. ¡Buen trabajo como siempre, chicos!