Configuración de colores y estilos del sitio web

Para configurar los colores y estilos del sitio web, vaya a «Configuración del sitio» y haga clic en la pestaña «Colores y estilos».

Para establecer un color para todos los encabezados, texto, enlaces o el fondo de la página en todo el sitio, haz clic en el campo que necesites y selecciona manualmente un color en uno de los tres formatos o introduce directamente un código de color.

Para cambiar el estilo de todos los enlaces del sitio web, haz clic en el enlace «Configuración adicional». En la configuración, especifica el ancho y el color del subrayado, así como los estilos de los enlaces al pasar el cursor por encima.

Para crear tu propia biblioteca de estilos para el proyecto, haz clic en el botón «Gestionar estilos».

En el panel de gestión de estilos, puedes añadir color, estilo tipográfico y un botón. También puedes descargar los estilos creados e importarlos a otro proyecto tuyo.

Para añadir un nuevo estilo al proyecto, haz clic en «Gestionar estilos» y selecciona una de las opciones: Crear estilo de color, Crear estilo tipográfico o Crear estilo de botón.

Si ya tienes estilos y deseas añadir otro, haz clic en el icono «+» situado junto a las opciones «Color», «Tipografía» o «Botón» para añadir uno nuevo. El nuevo estilo aparecerá junto al anterior.

Para editar un estilo, haz clic sobre él.

Color. Al crear un estilo de color, especifique un nombre y una descripción que se mostrarán en Estilos del proyecto.

Tipografía. Al crear un estilo tipográfico, se pueden configurar los ajustes de color del texto, el tamaño de la fuente para diferentes resoluciones de pantalla, el tipo de fuente, el grosor y otros ajustes de fuente.

En la parte superior del editor de estilos tipográficos, se puede previsualizar una fuente. Para ver cómo se muestra la fuente en un dispositivo móvil, seleccione el rango que necesite en el panel de ajustes de puntos de ruptura.

Para editar los puntos de interrupción, haz clic en el icono del engranaje y se abrirá un menú con los dispositivos predeterminados.

Botón. Al crear un estilo de botón, también puede elegir la visualización de un icono o el ajuste del texto. También puede configurar los ajustes tipográficos, el estilo al pasar el cursor y otros ajustes básicos.

El estilo del botón también se puede previsualizar en diferentes dispositivos y se pueden editar los puntos de ruptura.

Color. Para utilizar el estilo de color creado, haga clic en cualquier elemento al que desee asignar un color y, en el editor, seleccione Estilos del proyecto.

Seleccione el estilo que necesite y se aplicará automáticamente al bloque. El campo con el color especificado mostrará el nombre de su estilo, así como un icono que indica que el estilo de color del proyecto se ha aplicado al campo.

Tipografía. Para utilizar el estilo tipográfico creado, en la configuración del bloque, seleccione la pestaña «Tipografía» y haga clic en «Estilos».

En el menú contextual, haga clic en el estilo que necesite y se aplicará automáticamente al bloque. Para ir a la configuración de estilos, haga clic en Ir a la biblioteca de estilos.

Después de aplicar estilos para la tipografía, solo se mostrarán en la configuración aquellas opciones que no se hayan especificado para ese estilo. Después de editar estas opciones, los cambios solo se aplicarán al bloque actual y no afectarán al estilo tipográfico establecido en el proyecto.

Botón. Para utilizar el estilo de botón creado, en la configuración del bloque, seleccione la pestaña «Botón» y haga clic en «Estilos» junto a los ajustes preestablecidos.

En el menú contextual, haga clic en el estilo que necesite y se aplicará automáticamente.

Al igual que antes, en la configuración del botón solo se mostrarán los ajustes que no se hayan especificado en el propio estilo. Puede editarlos o dejarlos sin cambios.

Para añadir un icono al botón, ve al «Contenido» del bloque.

Junto al botón, aparecerá un espacio para el icono. Haz clic en él para añadir un icono. Se abrirá un menú con las opciones de iconos disponibles: flechas, emojis, Tilda , The Noun Project y la opción de subir tus propios archivos de iconos.

Para cambiar el icono que se muestra al pasar el cursor por encima del botón, haz clic en la opción «Añadir icono al pasar el cursor».

Seleccione un icono y guarde los cambios.

Para eliminar un icono, haz clic en su imagen junto al texto del botón. Selecciona la pestaña «Icono» y haz clic en la papelera. Guarda los cambios y el icono desaparecerá.

Para descargar el estilo del proyecto, haz clic en el botón «Gestionar estilos» y selecciona la opción que necesites. Se descargará en tu dispositivo un archivo con el nombre del proyecto y la extensión .tildastyles.

Para cargar un estilo, seleccione también la opción correspondiente en el menú contextual. Los nuevos estilos se añadirán a los estilos creados anteriormente en el proyecto. Los estilos creados anteriormente en el proyecto no se eliminarán ni actualizarán.

Si elimina un estilo del proyecto y luego guarda la configuración, el estilo seguirá aplicándose a la configuración de los bloques durante las dos semanas siguientes. Aparecerá una notificación en los bloques en los que se había aplicado anteriormente el estilo.

En dos semanas, el estilo se eliminará por completo del proyecto y se restablecerá la configuración de los bloques.

Si ha añadido estilos a una página en un proyecto y luego necesita transferir la misma página a otro proyecto en la cuenta actual o en otra cuenta, la página se transferirá junto con los estilos.

Al realizar la transferencia, los estilos se copiarán al nuevo proyecto para que los bloques se muestren correctamente.

Al intentar transferir una o varias páginas con estilos a un proyecto dentro de la misma cuenta en la que se ha alcanzado o se alcanzará el límite de estilos, aparecerá una notificación de error. Para completar la transferencia de la página, es necesario eliminar los estilos adicionales en otro proyecto.

Al transferir una o varias páginas con estilos a un proyecto en otra cuenta en la que se ha alcanzado el límite, las páginas no se transferirán. Al hacer clic en Aceptar, aparecerá una notificación indicando que se ha superado el límite y que es necesario eliminar los estilos adicionales.