Diseña y publica tus sitios rápidamente

Cómo hacer que los estilos sean iguales en todas las versiones de una app

¡Actualización! Ya lanzamos el Bulk Style Editor. Con él puedes aplicar estilo a verios elementos (apps, textos, contenedores, etc.) al mismo tiempo y desde un mismo panel dentro de Breezi el creador de sitios. ¡Pruébalo! Te ayudará a diseñar más rápido.

Acerca de la opción de “Propagate App Style to All Pages”

En este artículo, aprenderás a hacer que todas tus apps tengan las mismas opciones de estilo en todo tu sitio Breezi. De esta manera, todas la versiones instaladas de dicha app compartirán un estilo y si lo actualizas en una página, el cambio se reflejará en todas.

Te recomendamos que todas las apps que se vayan a quedar igual en todo tu sitio tengan el mismo estilo, como las del encabezado, pie de página o barras laterales. Por ejemplo, es posible que tengas un menú de navegación (Navigation), un logo (Image) y un slogan (Text) en el encabezado. Es posible que todas tengan estilos diferentes (como los fondos, bordes, sombreado, etc.) en cada página. El siguiente diagrama ilustra esto (con la propagación deshabilitada).

Diagrama de la propagación deshabilitada

Si la propagación está deshabilitada, una misma versión de la app puede tener diferentes estilos

Probablemente quieres que los estilos de cada versión sean iguales en todas tus páginas. Habilitarla para cada app mandendrá los estilos consistentes (y los propagará) en todo tu sitio. No necesitas estar en la página de inicio para habilitarla. Pero toma en cuenta que el estilo que se propagará será el de esa app en específico (la que estés editando en ese momento). De ese momento en adelante, todas pueden ser consideradas como la app “base” porque sin importar en cual hagas el cambio, se reflejará en todas las demás.

La imagen a contnuación representa cómo se propagan los estilos de la página de inicio (donde fue habilitada la opción) a las otras páginas de tu sitio.

Diagrama de la propagación habilitada

Si habilitas la propagación de estilos en una app, copiará el estilo de esa app a las otras páginas donde tengas esa misma versión instalada

Lo mismo pasa con el pie de página: es posible que tengas un menú de navegación o información de derechos de autor. Si necesitas cambiar el estilo de estas apps, se cambiarán en todas las páginas donde tengas esas versiones instaladas.

Nota

El contenido de las apps se propaga (comparte) predeterminadamente. Para aprender más sobre las versiones de las apps, lee este artículo. Puedes habilitar y deshabilitar la propagación de estilos para esa misma app pero no puedes deshabilitar la propagación de contenido.

¿Cómo funciona?

Cuando instalas una app, se crea una versión. Cuando creas una nueva página, puedes copiar todas las versiones de las apps de la página actual a la nueva.

Botón de "Add Page" en "Pages"

Las versiones copiadas tendrán el mismo contenido. Por ejemplo, si tenías una app de navegación en la primera página en la que estabas trabajando y al crear una página nueva, copiaste esa app de navegación, estas tendrán los mismos elementos en ambas páginas.

Menú de apps que puedes copiar de una página a la otra

Al hacer cambios en una app

Si quieres cambiar el contenido o la configuración de tu app de navegación en cualquiera de las páginas en las que esté instalada, dichos cambios se verán reflejados en todas las páginas.

Si la propagación de estilo está habilitada, esto también incluirá las opciones del dot de estilo (fondos, márgenes, espaciado, bordes, sombreado y más).

Cómo deshabilitar la opción de propagación de estilo

Si deseleccionaste la casilla de “Propagate Style to All Pages”, los estilos se manejarán individualmente en esa app. Esta opción está habilitada de forma predeterminada.

La casilla de "Propagate Style To All Pages"

Para acceder a la configuración de la app, dirígete a la barra de herramientas y haz clic en el botón de “Edit Settings”.

"Edit Settings" en la barra de herramientas de la app

Así que si quieres que los estilos de una app en específico sean consistentes a lo largo de todas tus páginas, debes tener esta opción habilitada. Recuerda que, donde sea que la habilites (la página que estás editando en ese momento), esa app será la base de la cual se copiarán los estilos de las demás en las otras páginas (para esa versión de esa app únicamente).

¿Nos faltó algo? Háznoslos saber en la sección de comentarios.