Se lanzó la nueva versión de Bricks estableciendo las bases para la creación de sitios profesionales para el año 2025 en adelante. Esta actualización trae las características elegidas por la comunidad que contó con más de 30.000 votos en total.
Bricks es incluído como parte de nuestro pack de plugins con WordPress Plus.
Capacidades del constructor
Originalmente Bricks ofrecía solo 3 tipos de permisos de acceso para sus usuarios, “Acceso completo”, “Editar contenido” y “Sin acceso”. Si bien esto fue suficiente en las etapas tempranas de Bricks, ahora, al haber nuevas herramientas disponibles, es necesaria una evolución. La versión 2.0 resuelve este dilema de acceso con el lanzamiento de “Capacidades del constructor”.
Ahora, en el panel de administración de WordPress, se podrán definir los permisos de manera personalizada para cada usuario o rol. Para esto, hay que ir a “Bricks > Settings > Acceso al constructor”.
Esta nueva funcionalidad permite definir más de 50 permisos individuales para las siguientes áreas:
- Tipos de publicación: Seleccionar qué tipos de publicación se pueden editar con Bricks.
- General: Acceder a funciones específicas de Bricks (Administrador de iconos, Administrador de fuentes, Administrador de puntos de interrupción, etc.).
- Plantillas: Definir las funciones de edición de las plantillas.
- Estilos y configuración globales: Acceder a estilos de tema, paletas de colores, administrador global de clases y variables, etc.
- Componentes: Definir las funciones de edición de los componentes.
- Edición y estilo de elementos: Acceder a bucles de consulta, configuración de contenido y/o estilo, etc.
- Editar elementos: Establecer permisos de edición de elementos.
- Añadir elementos: Establecer permisos para añadir elementos.
Administrador de elementos
Esta nueva herramienta permite limitar la cantidad de elementos de Bricks disponibles en tu sitio web. Ya que es poco probable que exista la necesidad de utilizar los más de 110 elementos nativos ahora se pueden deshabilitar los que se deseen ya sea para ordenar el constructor, mejorar el rendimiento, etc.
En en administrador de WordPress se podrán encontrar estas opciones en “Bricks > Elementos” y se podrán configurar en uno de los siguientes modos:
- Activo: El elemento es visible en el constructor y en la interfaz. Este es el comportamiento predeterminado.
- Oculto (Constructor): El elemento no es visible en el panel de elementos del constructor, pero se muestra en ambos. También se pueden añadir elementos mediante importaciones, copiar y pegar, etc. Esta opción solo sirve para despejar el panel de elementos, no para deshabilitar el elemento.
- Deshabilitado: Un elemento deshabilitado no se carga ni en el constructor ni en la interfaz.
Los elementos pueden ser filtrados por:
- Elementos no utilizados
- Elementos nativos
- Elementos personalizados
Esta funcionalidad precede a la nombrada anteriormente, “Capacidades del constructor” por lo que si deshabilitamos un elemento acá, no estará disponible para ningún usuario.
Interfaz de usuario del constructor: renovada
Se mejoró la interfaz consiguiendo un mayor contraste y mejor legibilidad. Los grupos de control y el panel de estructura poseen un aspecto renovado y se limpió el panel de estilos del tema con todos los elementos individuales anidados bajo el grupo “Elementos“. Ahora la pantalla de precarga es realmente oscura y la interfaz de usuario de pseudo-clases encontró un nuevo hogar fuera de la barra de herramientas del constructor.
Administrador de tipografías (En el constructor)
El nuevo administrador de tipografías es accesible desde el panel de administración de WordPress yendo a “Configuración > Administrador de tipografías” o haciendo clic en el ícono de tuerca de opciones sobre cualquier panel de control de tipografía permitiendo un manejo profesional para el agregado y gestión de nuevas fuentes. Algunas de las nuevas funciones son las siguientes:
- Crear fuentes personalizadas subiendo todos los archivos de variaciones de fuente en un solo paso rápidamente.
- Explorar y descargar cualquier fuente de Google con un solo clic para alojarla localmente (cumple con el RGPD).
- Marcar fuentes individuales como favoritas para restringir la selección de familias de fuentes en el creador.
- Mover las fuentes a la papelera sin eliminarlas inmediatamente.
Administrador de íconos (En el constructor)
El nuevo “Administrador de iconos 2.0” permite crear y gestionar sets de iconos propios. Esta configuración se puede acceder desde “Configuración > Administrador de iconos” al hacer clic en el botón “tuerca” de opciones.
Funcionalidades:
- Crear conjuntos de iconos personalizados (sube tus propios archivos SVG).
- Usar estos iconos en cualquier control de iconos y en el elemento SVG.
- Ajustar la altura, el ancho, el ancho y el color del trazo, así como el relleno de tus iconos.
- Desactiva cualquier conjunto de iconos, incluso los integrados (los iconos ya configurados se mostrarán y renderizarán).
Estilos SVG
Previo a las opciones de la versión 2.0, los estilos de iconos eran aplicables únicamente al tamaño base del diseño.
Ahora se ha eliminado esta limitación y ya se pueden definir los estilos de un icono SVG (altura, ancho, ancho de trazo, color de trazo, relleno) para cualquier resolución o clase global.
Edición conjunta de elementos
Este es un cambio masivo para mejorar el flujo de trabajo. Ahora Bricks permite seleccionar varios elementos para editarlos a la vez. Para realizar esta selección se debe apretar CMD/CTRL y clic en los elementos a editar en el área de trabajo o en el panel de estructura. A su vez, es posible seleccionar una serie de elementos entre el primero y el último elegido al apretar la tecla SHIFT.
Acciones de edición masiva admitidas
Las opciones para editar de manera conjunta, depende de los elementos seleccionados. En caso de que todos los elementos seleccionados sean iguales, por ejemplo si elegimos tres encabezados, se podrá hacer una edición conjunta en las pestañas de estilo y contenido. En caso de que sean distintos elementos, sólo estará disponible la pestaña de estilos.
Además de editar elementos de manera conjunta, es posible moverlos al mismo tiempo si se encuentran dentro del mismo elemento padre. También será posible duplicar, eliminar y envolver los elementos seleccionados. Por último, se podrá asignar nuevas clases a grupos de elementos seleccionados. Las clases pre-asignadas no se mostrarán ya que cada elemento puede y seguramente tenga asignadas distintas clases por defecto.
Menú contextual: Desenvolver
Ahora en Bricks 2.0 se podrá seleccionar cualquier elemento en la estructura de página y al hacer clic derecho sobre él usar la nueva acción “Desenvolver” para eliminar el elemento seleccionado y mover todos sus elementos anidados a su lugar.
Constructor de grilla CSS visual
Por último, queremos mencionar otra de las grandes herramientas que nos trae Bricks 2.0. Aunque hace tiempo es posible crear diseños de grilla CSS en Bricks mediante simples entradas de texto, nunca fue una experiencia tan fácil o agradable como debería haber sido.
En caso de no estar familiarizado con las reglas para crear grillas CSS, este proceso se convertía en un ejercicio tedioso de prueba y error.
El nuevo “Creador visual de grillas CSS” hace que este proceso sea más amigable. Para acceder a esta funcionalidad, encontraremos el icono de “grilla” al lado del control de “Display” si el valor de display es “Grilla” (o “Grid” en inglés). Al hacer clic en este icono se abrirá el editor de grillas CSS en pantalla completa donde se podrá editar y modificar el diseño de la grilla a gusto, sin tener que escribir código.
Interfaz del generador de grillas visual
Una vez abierta esta interfaz, se podrá visualizar claramente una representación de la grilla actual seleccionada. Es así que se podrá ajustar fácilmente la cantidad de columnas, filas y la brecha entre ellas.
En caso de querer ajustar el tamaño de un elemento de manera individual, sólo hay que interactuar con el cursor arrastrando una de sus esquinas hasta lograr el resultado deseado. Si lo que se desea es mover un item, solo hay que “arrastrar y soltarlo” donde se guste.
Para más información sobre esta compleja herramienta, Bricks ha lanzado un artículo (en inglés) dedicado exclusivamente a las funcionalidades que ofrece.
Conclusiones finales
Bricks es un constructor visual liviano y con mucho potencial. Su influencia y herramientas disponibles son tales que hasta hemos notado como Elementor se dispone a incorporar algunas de ellas como por ejemplo el uso de clases en sus futuras versiones.
Si bien aún en su versión alfa, recomendamos tener a Bricks bajo el radar y darle una oportunidad, al menos en un entorno de pruebas, para conocer su potencial y saber elegir el constructor adecuado para el proyecto indicado.
