¡El tan esperado lanzamiento de Beaver Builder 2.8, también conocido como “Alpine”, ya está aquí!

Beaver Builder 2.8 trae el poder de flexbox y CSS grid al nuevo módulo Box, junto con la introducción de la funcionalidad de estilos globales. Además, esta versión incorpora mejoras notables, incluido el módulo North Commerce y la integración con Popup Maker, con mejoras menores en módulos clave como Menú, Carrusel de publicaciones, Control deslizante de publicaciones y Fotografía.

En esta publicación, presentaremos la nueva actualización de Beaver Builder 2.8. Luego, le mostraremos algunas de las mejores funciones nuevas.

Introducción a Beaver Builder 2.8

En Beaver Builder, continuamos actualizando nuestro complemento de creación de páginas fácil de usar, simplificando el proceso de creación y personalización de sitios web de WordPress. Independientemente de su nivel de habilidad, nuestro editor visual de arrastrar y soltar, plantillas de página prediseñadas, configuraciones globales y más le permiten crear rápidamente sus proyectos de sitio web:

En Beaver Builder 2.7, agregamos un nuevo editor responsivo para obtener una vista previa de las vistas de dispositivos móviles. También reemplazamos el menú desplegable del punto de interrupción con íconos más fáciles de usar.

La actualización 2.7 brindó la posibilidad de personalizar la configuración del código para filas, columnas o módulos específicos. También hicimos posible seleccionar múltiples tipos de publicaciones. Finalmente, Beaver Builder 2.7 está completamente integrado con ACF Blocks, lo que le brinda acceso a una experiencia avanzada de edición de contenido.

Cuando actualice a Beaver Builder 2.8, desbloqueará el poder de flexbox, cuadrícula CSS y capas dentro de nuestro nuevo módulo Box. También hacemos posible aplicar estilos globales, agregar contenido de North Commerce sin códigos cortos e integrarnos más completamente con PopUp Maker, brindándole una experiencia de edición más sencilla.

5 nuevas funciones y actualizaciones para Beaver Builder 2.8

Beaver Builder 2.8 es nuestra primera actualización para 2024 e incluye bastantes funciones potentes. Exploremos algunas nuevas incorporaciones que harán que esta actualización cambie las reglas del juego.

1. Módulo Box: creación de precisión con Flexbox y CSS Grid

Al actualizar a Beaver Builder 2.8, todos los usuarios de nuestro creador de páginas, incluida la versión Lite, tendrán acceso a opciones avanzadas de Flex , Grid y Layers dentro del Box Module:

El módulo Box funciona de manera muy similar a una fila o columna, y sirve como contenedor. Utiliza flexbox o CSS grid, lo que le permite crear diseños complejos, fluidos y flexibles. Puede anidar, apilar y organizar cajas tanto en orientación horizontal como vertical, así como en una cuadrícula.

Flexbox y CSS Grid son modelos de diseño en CSS, pero tienen diferentes propósitos y tienen características distintas:

• Flexbox : ideal para diseños unidimensionales que organizan elementos en una fila o columna con flexibilidad en el tamaño y la alineación.
• Cuadrícula : adecuada para diseños bidimensionales, ofrece un control preciso sobre filas y columnas, lo que permite diseños más complejos.

En muchos casos, estos modelos de diseño pueden complementarse entre sí. Por ejemplo, se podría usar flexbox dentro de elementos de cuadrícula individuales para manejar su estructura interna, combinando las fortalezas de ambos modelos para soluciones de diseño integrales como esta:

Para agregar el módulo Box al editar con Beaver Builder, haga clic en el símbolo más (+) ubicado en la barra superior para abrir el Panel de contenido . Haga clic en la pestaña Módulos para acceder a todos los módulos estándar y desplácese hacia abajo hasta la sección "Cuadro":

Junto con el módulo Box en sí, notarás que hemos agregado varios ajustes preestablecidos que facilitan el comienzo:

• Columnas flexibles : este ajuste preestablecido crea una fila horizontal de tres cuadros flexibles situados dentro del cuadro principal.
• Cuadrícula 3×2 : una estructura de diseño que utiliza cuadros de cuadrícula que constan de tres columnas y dos filas dentro del cuadro principal.
• Cuadrícula 4×2 : una estructura de diseño de cuadros de cuadrícula que consta de cuatro columnas y dos filas dentro del cuadro principal.
• Encabezado dividido : esta estructura es una cuadrícula que define 3 columnas con un módulo de fotografía centralizado y módulos de menú a cada lado.
• Photo Grid : este diseño se compone de una cuadrícula de 4×3 y módulos de fotografías.

Si bien nuestro objetivo es hacer que el módulo Box sea lo más fácil de usar posible, recomendamos encarecidamente tener un conocimiento sólido de Flexbox y CSS Grid. ¡Usando nuestro nuevo módulo box, puedes llevar tus diseños web aún más lejos!

2. Estilos globales (función premium)

Beaver Builder ya admite configuraciones globales que le permiten configurar valores predeterminados para opciones como ancho máximo de fila, margen/relleno, puntos de interrupción y código personalizado (CSS y JavaScript) que luego se aplican globalmente en su sitio. Además, puede anular la mayoría de estas configuraciones por fila, columna y módulo a través de su configuración.

La nueva función Estilos globales, disponible exclusivamente en la versión premium del creador de páginas de Beaver Builder, le brinda la posibilidad de definir preferencias de estilo para elementos y colores en Beaver Builder:

• Elementos globales : esta pestaña le permite establecer estilos para varios elementos html controlados por Beaver Builder, como texto, encabezados, enlaces y botones.
• Colores globales : esta pestaña le permite configurar una paleta de colores global que está disponible en el selector de colores en Estilos globales o en cualquier otro lugar donde pueda seleccionar colores.

Para acceder a Estilos globales, abra el menú Herramientas haciendo clic en la flecha en la barra superior en la esquina superior izquierda de la pantalla de edición y seleccione "Estilos globales" como se muestra:

La pestaña Elementos le permite definir estilos globales para elementos como texto, encabezados, enlaces y botones:

Todos los módulos de su sitio web que carecen de opciones de estilo preconfiguradas heredan el estilo global. Puede anular estas opciones de estilo caso por caso utilizando las opciones de estilo del módulo.

La pestaña Colores le permite generar una paleta de colores global que está disponible en todo su sitio web:

Puede acceder fácilmente a estos colores dentro de sus diseños de Beaver Builder a través de la herramienta de selección de color. Además, los colores que establezca se convierten en variables CSS, lo que permite su integración en CSS personalizado.

Con esta actualización, podrás personalizar sin esfuerzo los elementos y colores de tu sitio web a escala global. Estos estilos globales permanecen accesibles en todo su sitio web, lo que mejora el flujo de trabajo de su creador de páginas.

3. Módulo NorthCommerce

Hasta ahora, hemos analizado cómo Beaver Builder 2.8 introduce dos nuevas funciones, el módulo Box y los estilos globales, para hacer que la creación de diseños complejos sea más fácil de usar.

Beaver Builder 2.8 también presenta un módulo para North Commerce, un complemento de comercio electrónico para WordPress que ayuda a los usuarios a crear tiendas en línea de alta conversión de forma rápida y sencilla:

Por ejemplo, ahora puede mostrar los resultados de los códigos cortos de North Commerce sin tener que ingresar ni utilizar ningún código corto. En su lugar, puede utilizar el nuevo módulo North Commerce, similar a nuestro módulo WooCommerce, para mostrar fácilmente su contenido.

Este nuevo módulo le brindará más control y acelerará su flujo de trabajo cuando trabaje con NorthCommerce.

4. Integración del creador de ventanas emergentes

En Beaver Builder 2.8, también introdujimos una integración con Popup Maker, un complemento diseñado para sitios web de WordPress que permite a los usuarios crear y administrar ventanas emergentes:

Básicamente, ahora puede utilizar nuestro creador de páginas para diseñar el contenido de sus ventanas emergentes.

También mostrará una ventana emergente dentro de Beaver Builder mientras se edita, así como la capacidad de seleccionar una ventana emergente en el campo de enlace para activar una ventana emergente cuando se hace clic en un enlace.

Una vez que instale y active el complemento Popup Maker, el tipo de publicación de Popup Maker (ventanas emergentes) se habilitará automáticamente dentro de la configuración de Beaver Builder.

5. Actualizaciones menores de módulos, menú de herramientas y configuración de bucle

Por último, Beaver Builder 2.8 incluye las siguientes adiciones menores:

• Módulo de menú : la opción de relleno de enlaces ahora admite la alternancia de respuesta; agrega una nueva opción de relleno para la configuración de alternancia receptiva.
• Carrusel de publicaciones y control deslizante de publicaciones : agrega la opción Longitud del extracto a ambos módulos, lo que le permite establecer la longitud del contenido.
• Menú de herramientas : incluye la capacidad de abrir e interactuar con la biblioteca multimedia de WordPress dentro de la interfaz de usuario de Beaver Builder.
• Módulo de fotografía : agregue opciones de Posición y ajuste de objeto a la pestaña de estilo.
• Configuración de bucle : agrega la opción de filtrar por autor actual y usuario que ha iniciado sesión actualmente.
• Superposiciones de filas, columnas y módulos : actualizado para que sea coherente en todos los tipos de nodos.
• Panel de esquema : también obtuve una actualización en esta versión para que funcione mejor.

Conclusión: potentes funciones para una creación web mejorada

La actualización a Beaver Builder 2.8 desbloquea una experiencia de creación de páginas más sólida y personalizable. El módulo Box presenta opciones de diseño avanzadas con Flexbox y CSS Grid, mientras que Global Styles simplifica la gestión del color.

En resumen, esto es lo que puede esperar de Beaver Builder 2.8:

1. Módulo de caja
2. Estilos globales
3. Módulo de Comercio Norte
4. Integración del creador de ventanas emergentes
5. Actualizaciones menores a módulos, menú de herramientas y configuración de bucle

Actualice a Beaver Builder 2.8 hoy para aprovechar estas nuevas e interesantes funciones. Como siempre, nuestro equipo de soporte está aquí para ayudarlo si tiene alguna pregunta o necesita ayuda.

Preguntas relacionadas

¿Cuál es la última versión de Beaver Builder?

A partir de febrero de 2024, Beaver Builder 2.8 es la última versión de nuestro complemento. Admite la integración con los complementos NorthCommerce y Popup Maker. También encontrará un nuevo módulo Box que le permite crear diseños fácilmente usando flexbox, cuadrícula CSS y capas.

¿Qué hace Beaver Builder?

Beaver Builder es un conjunto de productos de diseño web para WordPress compuesto por un tema Framework, un complemento Page Builder y un Theme Builder que permite a los usuarios crear y personalizar sitios web sin esfuerzo mediante la función de arrastrar y soltar. Cree sitios web impresionantes y de calidad profesional sin necesidad de conocimientos de codificación.