Estilos
El panel administrativo de Estilos te da la capacidad de configurar rápida y fácilmente configuraciones relacionadas con la apariencia del tema impulsado por Gantry. Esto incluye poder cambiar entre preajustes preconfigurados, así como refinar el aspecto de un esquema utilizando un conjunto de configuraciones de estilo vinculadas al tema.
Básicamente, este panel sirve como una tienda única para cambiar la apariencia del tema en sí para un esquema específico.
Controles
A medida que configuras los comandos en este panel, puedes notar los botones Recompilar CSS y Guardar Estilos en la parte superior de la página. Estos botones te permiten guardar la configuración de Estilos de tu esquema, así como recompilar el CSS de la página para que puedas previsualizar tus configuraciones en una página asociada.
El botón Guardar Estilos guarda tus nuevas configuraciones de estilo en el esquema y recompila el CSS para que tus cambios aparezcan en el frontend. Si seleccionas este botón, no necesitas hacer clic en Recompilar CSS ya que esta acción se realiza automáticamente.
Modos de Desarrollo y Producción
También hay un proceso en ejecución en Gantry 5 que te permite activar los modos de Desarrollo y Producción. Estos modos habilitan y deshabilitan la recompilación automática de archivos SCSS. Hemos detallado esta característica en la sección de Extras de esta documentación.
Seleccionar un Preajuste
Gantry utiliza un poderoso sistema de preajustes que permite a los desarrolladores y constructores de sitios crear estilos y configuraciones predefinidos.
Los Preajustes de Estilos de Gantry son una combinación de características y configuraciones de Gantry que te permiten crear agrupaciones predefinidas para todo el tema, así como para cada esquema. Los preajustes pueden consistir en cualquier opción de configuración de Gantry, como estilo CSS, color de enlace, fondo, niveles gráficos del cuerpo, configuraciones de fuente y mucho más.
El Selector de Preajustes da a los usuarios la capacidad de cambiar rápidamente entre Preajustes, con una paleta de colores y configuraciones de estilo pre-diseñadas. Esta es una forma rápida y fácil de cambiar drásticamente la apariencia de tu sitio. Una vez que hayas seleccionado el preajuste de tu elección, puedes personalizar aún más el estilo del esquema utilizando las Configuraciones Específicas del Tema, a continuación.
Configuraciones Específicas del Tema
Cada tema impulsado por Gantry viene con un conjunto de configuraciones de Estilo que puedes usar para personalizar la apariencia y sensación del tema. Estas configuraciones pueden aparecer en múltiples secciones, con cada sección enfocándose en un área particular o tipo de calidad de Estilo. Por ejemplo, puede haber una sección dedicada al color por sección, mientras que otra se enfoca específicamente en la sección de fondo del sitio.
Si estás cambiando estas configuraciones para un esquema no predeterminado, las configuraciones en sí aparecerán atenuadas hasta que se cambien desde sus valores predeterminados. Puedes hacer clic en la configuración en sí, o marcar la casilla a la derecha de la configuración para indicar que deseas hacer un cambio desde el valor predeterminado antes de realizar tus cambios.
Si deseas que la configuración del esquema vuelva a los valores predeterminados, simplemente desmarca la casilla y guarda el estilo.
Estilos de Configuración
El área de Estilos de Configuración del panel administrativo de Estilos te da la capacidad de establecer puntos de interrupción responsivos para el esquema, así como opciones de menú como el ancho del desplegable para la configuración de desplegable Simple.
Puedes encontrar más información sobre los puntos de interrupción en nuestra sección de Consultas de Medios.