Estilos. Un sistema de estilo unificado para su sitio web

Configure la tipografía, los botones y la paleta de colores de su proyecto en un solo lugar. Aplique Estilos a los elementos del sitio web con sólo un par de clics. Si necesitas actualizar el diseño, simplemente edita el Estilo - todos los cambios se aplicarán automáticamente en todo el sitio web.

Dónde encontrar: Ajustes del Sitio → Colores y Estilos → Gestionar Estilos.

Defina la apariencia de los encabezados, subencabezados, cuerpo de texto y otros elementos de texto. Por ejemplo, puede establecer la fuente Tilda Sans, un tamaño de fuente de 36px y un peso de fuente Negrita para todos los encabezados del sitio web. Para el cuerpo de texto, puede establecer un tamaño de fuente más pequeño de 24px y elegir el peso Normal en lugar de Negrita.

Cómo aplicar un Estilo tipográfico: En los Ajustes del bloque, abra la pestaña Tipografía → Estilos → elija un Estilo. Se aplicará automáticamente al bloque. O haz Cmd/Ctrl + clic en cualquier elemento de texto y selecciona un Estilo en el widget de acceso rápido.

Puede configurar el color del botón, el borde, el radio, el relleno, la sombra y añadir un icono. También puede configurar un efecto hover - por ejemplo, escalar el botón al pasar el ratón o cambiar su color de fondo.

Cómo aplicar un Estilo al botón: En los Ajustes del bloque, abra la pestaña Botón → Estilos → elija un Estilo para el botón. O haga clic en el botón de la página y elija un Estilo en el widget que aparece.

Cree una paleta de colores para que su lenguaje visual sea coherente en todo el sitio web. Por ejemplo, el gris y el beige pueden servir como colores primarios, mientras que el rosa puede utilizarse como acento. De este modo, podrá aplicar los colores deseados más rápidamente, por ejemplo, para las pestañas o las portadas de las páginas.

Cómo aplicar un color de la paleta. En el bloque Configuración, al seleccionar el color de un elemento, se abrirá un widget. Seleccione Estilos de proyecto en el menú desplegable y elija el color deseado.

Puede descargar los Estilos de su proyecto y reutilizarlos en otro proyecto Tilda.

Para exportar un Estilo, en Configuración del sitio → Colores y estilos, haga clic en Administrar estilos y elija Descargar estilos: obtendrá un archivo .tildastyles con el nombre de su proyecto.

Para importar un Estilo, haz clic en Cargar Estilos en el mismo menú y selecciona un archivo .tildastyles (otras extensiones de archivo no se cargarán). Los Estilos recién añadidos aparecerán junto a los ya existentes.

Nos encantaría conocer tus impresiones sobre la nueva función; no dudes en compartirlas en las redes sociales. Si tiene alguna sugerencia de mejora, póngase en contacto con nuestro equipo de asistencia en su cuenta o envíe un correo electrónico a team@tilda.cc.