Beaver Builder 2.8: ¡Módulo de caja, estilos globales y más!
Publicado: 2024-02-0925 % de descuento en todos los productos de Beaver Builder... ¡Date prisa, la oferta termina pronto! Más información
¡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.
Tabla de contenido:
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.
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.
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:
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:
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!
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:
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.
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.
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.
Por último, Beaver Builder 2.8 incluye las siguientes adiciones menores:
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:
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.
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.
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.
¿La actualización de BB 2.7.4.4 a 2.8 requiere el uso del nuevo módulo Box/Grid para el contenido actual?
¡Fantásticas noticias! Estaba esperando una forma más intuitiva de diseñar botellas en las páginas BB.