El menú Estilo Global controla el diseño en general de tu app desde un solo menú.
Colores, fuentes, y efectos escogidos en este menú se aplican a cada sección de tu app.

Advertencia! Muy importante: Cuando aplica su estilo global a tu app, si anteriormente hizo unos ajustes al diseño dentro de una sección de tu app particular, estos ajustes se perderán y serán remplazados por los nuevos desde el Estilo Global.
Cada modificación hecha en esta menú será aplicada a todas las secciones de tu app. 

Para configurar tu Estilo Global:
1 - Haz clic en el menú izquierdo swipe Diseño & Estructura > DISEÑO >  Diseño General
2 - Haz clic en "​Estilo Global" en la columna derecha.

Para modificar el diseño de una sección especifica, para personalización más profunda, lea esta ayuda en línea .


1

Tema de Colores

Un tema de color* es una combinación de colores que van bien juntas. Estilo Global propone una biblioteca de temas de color. 
1 - Escoge un tema de color desde los que están disponibles
2 - Para modificar un tema de color existente, por favor lea el punto 7. 

*Cuando eliges un tema de colores, los colores que le componen se aplican a los elementos diferentes de tu app. 
Una vez el tema de color elegido, se aplica en todas partes de la app.

picture

2

Tipografias

Existe una priorización para la visualización del texto en la aplicación. 8 niveles están utilizados para visualizar los títulos, los subtítulos y el texto de los parágrafos. 
1 - Configura el tamaño del texto con el cursor.
Estilo Global calcula automáticamente el tamaño de cada nivel para respetar la priorización. 
2 - Escoge la fuente para cada nivel
Todas las tipografías de la biblioteca Google Font están disponibles, tal como las tipografías nativas disponibles por defecto en los dispositivos de tus usuarios. 
3 - Para cada tipografía, puedes elegir el ancho de trazo.

picture

3

1 - Elige el diseño de tus pestañas en las secciones: Búsqueda, Perfil, Grupos de Usuarios, y Tarjeta de Fidelidad

picture

4

Elementos Adicionales

1 - Elige el icono del menú que se visualizará en todas las cabeceras de tu app
2 - Elige el botón volver que se visualizará en todas las cabeceras de tu app

picture

5

Edita un tema de color

Tu puedes crear hasta 3 temas de color personalizados. 
1 - Haz clic en Editar arriba de tu tema de color actual:

picture

2 - Desplazarte hacia abajo hasta la parte inferior de la pagina
3 - Haz clic en el botón verde "​Crear un tema de color"
 

picture

4 - Puedes editar el nombre de tu tema personalizado si haces clic en el lápiz a un lado.
5 - Configura los colores de tu tema personalizado por zona:
Zona Titulo:
Estos colores afectarán tu cabecera
​Colores Dominantes:
Estos colores de aplicarán a la parte principal de tus apps (titulo, texto, y fondo de las paginas de tus artículos, o el color del texto en tu modo navegación por ejemplo).
Colores Secundarios:
Estos colores se aplicarán donde hay unos bordes o separadores para el color a la izquierda, el color a la derecha se aplicará como el color del fondo del widget o el fondo de pestañas, por ejemplo. 
Fondo de la App y el Menú:
Estos colores se aplicarán a tu app  y el color del fondo de tu menú
Botones:
Estos colores se aplicaran al texto y el color del fondo de tus botones. 

picture

6 - Haz clic en "Aplicar*" para aplicar tu nuevo estilo global personalizado. 

*Cada modificación hecha en este menú sera aplicada a todas las secciones de tu app. 
Tenga mucho cuidado cuando estas aplicando el estilo global de tu app. Si haz hecho algún cambio de diseño dentro de una sección en particular, esos cambios se perderán, y serán remplazados por los nuevos puestos en tu Estilo Global personalizado.


6

Video tutorial

Nota: Los menús han cambiado en el backoffice, pero el comportamiento que se explica en el video sigue siendo el mismo.


Otros artículos