Diseña y publica tus sitios rápidamente

Cambia el estilo de distintos elementos al mismo tiempo

¡Actualización!

¡Ahora puedes propagar los cambios hechos con el Bulk Style Editor a todas las páginas en tu sitio! Aprende cómo al hacer clic en el vínculo.

¿Qué es el Bulk Style Editor?

El Bulk Style Editor es un editor en Breezi que te permitirá modificar y actualizar el diseño y estilo de diversos elementos en tu sitio de una sola vez (columnas, secciones, bloques o apps).

Por ejemplo, puedes actualizar el color del fondo de todas tus columnas con solamente un clic. O su espaciado. Esto te ayudará a ser consistente con el diseño de tu sitio. Otro ejemplo es el texto. Ahora podrás editar todas tus apps de texto desde un mismo lugar. De esta manera, no tendrás que regresar a revisar qué color usaste en las otras apps de texto antes de agregar color a una nueva.

Cada vez es más fácil y rápido crear un sitio con un diseño homogéneo.

Ejemplo de un sitio minimalista

¿Qué puedes modificar con él?

Básicamente puedes manipular todas las opciones de los dots de estilo. El Bulk Style Editor es como un dot de estilo masivo para que ya no tengas que hacer clic en cada dot individualmente para actualizarlo. Algunas de las opciones que tienes son:

  • Fondos
  • Colores
  • Espaciado
  • Márgenes
  • Degradado
  • Sombreado Interno
  • Bordes
  • Sombreado

¿Qué elementos se modifican?

Los cambios y actualizaciones que hagas con el Bulk Style Editor, se aplican a los siguientes elementos:

Todos los colores (All Colors)

Esta es la pestaña más general. Aquí puedes editar los colores para toda la página (los fondos de tus bloques, secciones, columnas y apps).

Aquí podrás modificar el color del texto ya sea para un texto normal, para un vínculo o para cuando el cursor pasa sobre el vínculo. De esta manera no tendrás que modificar el color de cada vínculo individualmente.

Pestaña de "All Colors"

Esta pestaña es la más general. Aquí puedes modificar los colores para toda la página.

Bloques (Block Containers)

Los bloques son contenedores que abarcan todo el ancho de la ventana de tu buscador (antes los llamábamos contenedores pero actualizamos el término).

Aquí puedes actualizar su fondo, agregar una imagen de fondo, degradado o un sombreado.

Pestaña de "Block Containers"

Esta pestaña afectará todos los bloques de tu página

Secciones (Section Containers)

Esta parte de la página va dentro de los bloques pero no es tan ancha como ellos.

En esta pestaña podrás cambiar su fondo, su espaciado, agregar bordes, esquinas redondeadas, degradado o sombreado.

Pestaña de "Section Containers"

Aquí podrás editar secciones (dentro de los bloques)

Columnas (Column Containers)

Las columnas están ubicadas dentro de las secciones. Puedes editar su fondo, el espaciado, agregar bordes, degradados, esquinas redondeadas y sombreado.

Pestaña de "Column Containers"

Esta pestaña modifica solamente a columnas (dentro de secciones)

Apps (App Containers)

Esto se refiere a todas las apps. Aquí podrás editar las mismas opciones que con las columnas, además de márgenes.

Pestaña de "App Containers"

Los cambios en esta pestaña se verán reflejados en todas las apps.

Contenedores internos en las Apps (Inner App Containers)

Algunas apps tienen secciones internas (como la de Blog). En esta pestaña puedes agregar estilos a esas secciones. Puedes modificar las mismas variables que en la pestaña de “App Containers”.

Pestaña de "Inner App Containers"

Aquí podrás cambiar las secciones internas de una app (no todas las apps tienen secciones internas).

Texto (Text)

Con la pestaña de Text puedes actualizar la tipografía, el tamaño, color, los colores de los vínculos, que sea más grueso, que esté inclinado o delineado, el espaciado entre las letras y la altura.

Pestaña de "Text"

Esta pestaña es para modificar texto solamente.

Botones (Buttons)

Las opciones de esta pestaña solamente afectarán la app de Button o botón y los botones en las apps de Contact o contacto.

Puedes agregar o editar el color del fondo, el color que se muestra cuando el cursor pasa sobre él, las esquinas redondeadas, el espaciado, los márgenes, su ancho, sus bordes, degradados y su sombreado.

Pestaña de "Buttons"

Las opciones de esta pestaña modificarán los botones de tu página

Imágenes (Images)

Esta pestaña modifica todas las apps de imágenes (Image, Slideshow, Picture Showcase, Carousel, Blog, etc.). Sin embargo, no actualizará las que solamente aceptan imágenes, por ejemplo, la de Text o texto.

Puedes agregar esquinas redondeadas, márgenes, bordes y sombreado.

Pestaña de "Images"

Las opciones de esta pestaña no afectarán imágenes agregadas a otras apps que no sean principalmente de imagen (como la de Text).

Cómo seleccionar los bloques para editarlos

En la parte superior de la ventana del Bulk Style Editor verás una lista de bloques que puedes seleccionar. Con él puedes indicar qué bloques quieres editar en específico. Puedes seleccionar uno, varios o todos. Este menú solamente te muestra los bloques que estés usando en tu layout. Recuerda que puedes agregar/eliminar bloques para que se ajusten a tus necesidades.

Bloques disponiblea para su modificación

Selecciona uno o más bloques para editarlos; los cambios solamente se verán reflejados en aquellos que hayas seleccionado.

Fusiona todos los controles

Hay una casilla que en Bulk Style Editor que te da la opción de fusionar todos los controles de los bloques (“Merge All Block Controls”). Está habilitada de forma predeterminada. Si la deshabilitas, verás que tienes las mismas opciones pero divididas en bloques.

Así que, si tienes 4 bloques en tu página, verás las opciones para cada uno de manera individual. De esta manera, el modificar uno no afectará los demás bloques o sus elementos (secciones, columnas, apps, etc.).

Casilla de "Merge All Block Controls"

Al marcar esta casilla, el cambio en el estilo se verá reflejado en todos los bloques (o en los elementos de cada bloque).