Los colores del tema permiten definir una paleta de colores y vincular colores individuales a cualquier widget con ajustes de color. Cualquier elemento vinculado a los colores del tema se actualiza automáticamente al cambiar el color correspondiente en los ajustes de colores del tema. Esto permite realizar cambios de color rápidamente, lo que reduce el tiempo de diseño y garantiza que el estilo del sitio se mantenga uniforme en todas las páginas.
Configurar colores del tema
Sigue los pasos que se indican a continuación para configurar manualmente los colores de tu tema.
- En el panel lateral, haz clic en Tema y, a continuación, selecciona la flecha que aparece junto a Colores .
- Haz clic en el icono de signo más junto a Principal , o en la configuración que necesites definir.
- Introduce el valor HEX o RGB del color deseado, o utiliza la herramienta cuentagotas para seleccionar un color.
-
(Opcional) Puedes generar colores a partir de tu logotipo. Haz clic para abrir el color principal, luego abre la pestaña Marca y haz clic en +Agregar logotipo (si agregaste un logotipo a la información de tu empresa en la Biblioteca de contenido, aparecerá aquí). Después de agregar tu logotipo, se generará un conjunto de colores.
Si necesitas eliminar o reemplazar el logotipo, haz clic en el icono de tres puntos junto a él y selecciona "Eliminar " o "Reemplazar imagen" . Ten en cuenta que necesitas permisos de Biblioteca de contenido para cargar, eliminar o reemplazar el logotipo.
Repite estos pasos según sea necesario para cada color del tema. A continuación, deberás conectar los colores a de tu sitio web.
Configurar automáticamente los colores del tema
Si el sitio o la plantilla no tienen colores asociados, Guesty puede asignarlos automáticamente. El generador automático de colores para temas analiza tu sitio para detectar los colores más utilizados y genera una lista para que elijas.
- En el panel lateral, haga clic en Tema y, a continuación, seleccione la flecha que aparece junto a Colores.
- Haz clic en Establecer colores del tema.
- Haz clic en Conectar por mí o lo conectaré yo mismo.
- (Opcional) Si seleccionaste "Lo conectaré yo mismo", haz clic en el icono de más (+) junto a cada color en el panel de diseño y selecciona los colores individualmente.
- Selecciona cuál de los colores generados deseas utilizar.
- Haz clic en Guardar y conectar colores.
Los colores aparecerán en la sección Colores del panel Tema del sitio.
Conecta los colores del tema con los widgets.
Sigue los pasos que se indican a continuación para vincular un widget específico a la paleta de tu tema.
- Haz clic en un para abrir su menú de ajustes.
- Abre los ajustes de color y selecciona uno de los colores del tema que se muestran en la parte superior.
- Repite el procedimiento según sea necesario para otros elementos.
- (Opcional) Si necesitas editar uno de los colores del tema, haz clic en el icono del lápiz y se abrirán los ajustes de colores del tema, donde podrás editar el color deseado.
Una vez que un se conecta a los colores del tema, se actualizará automáticamente cuando se actualice el color del tema vinculado.
Eliminar colores del tema
Puedes desconectar los widgets de los colores de tema individuales o eliminar los colores de la paleta por completo.
- En el panel lateral, haz clic en Tema.
- Haz clic en Colores.
- Haz clic en el icono de tres puntos horizontales junto al texto Colores y selecciona Eliminar colores del tema.
- Selecciona los colores que deseas eliminar y, a continuación, haz clic en Eliminar colores seleccionados.
Cambiar el nombre de los colores del tema
Sigue las instrucciones a continuación para cambiar el nombre de los colores del tema.
- En el panel lateral, haz clic en Tema y luego en Colores.
- Coloca el cursor sobre el nombre del color deseado y haz clic en el icono del lápiz.
- Escribe un nuevo nombre.
El nuevo nombre se guarda automáticamente y aparecerá al pasar el cursor sobre el color en el selector de color.