Editor de Wix Studio: trabajar con los colores del sitio

5 min de lectura
Los colores del sitio conforman el tema de color general que se utiliza en el sitio de tu cliente. Este tema se divide en gamas de colores que se aplican a diferentes categorías (por ejemplo, fondo y texto) y contiene tonos específicos. 
Tanto los colores individuales como las gamas de colores son personalizables, por lo que puedes diseñar y ajustar partes específicas del sitio según sea necesario. 
En este artículo, obtén más información sobre lo siguiente:

Comprender los colores del sitio

Estos son los colores que se utilizan en el sitio en el que estás trabajando. Por lo general, están conectados a los componentes. Por ejemplo, un color puede estar conectado a los fondos de las secciones, otro al texto, etc.
El número de colores con el que comiences depende de la plantilla que elijas o de si decides crear el sitio desde cero. Sin embargo, puedes agregar, administrar y reemplazar los colores del sitio para garantizar una experiencia de diseño fluida.

Editar los colores del sitio

Personaliza los colores del sitio desde el panel Temas del sitio para que se adapten a tus necesidades de diseño y refuerces la imagen de marca de tus clientes.
Importante:
Cambiar un color afecta instantáneamente a los elementos con el color que estás actualizando, por ejemplo cualquier elemento temático que hayas agregado previamente o elementos en los que hayas usado este color.

Para editar los colores del sitio:

  1. Haz clic en Temas del sitio a la izquierda del editor.
  2. Selecciona la pestaña Colores.
  3. Haz clic en el color que deseas ajustar.
  4. Elige cómo seleccionar el color del medio en el rango entre las siguientes opciones:
    • Selecciona un nuevo color en el selector con el cursor.
    • Ingresa la información HEX, RGB o HSB en los campos correspondientes.
    • Haz clic en el Cuentagotas para seleccionar un nuevo color desde cualquier lugar de la pantalla.
  5. Haz clic en Aplicar.
Se está cambiando un color en el panel. Se ha seleccionado un nuevo tono y el cursor hace clic en el botón Aplicar.

Administrar los colores del sitio

Administra los colores del sitio para que el proceso de diseño sea lo más fluido posible. Puedes cambiar el nombre de los colores para que sean más fáciles de encontrar o reemplazar los colores para realizar cambios rápidos en el sitio.

Para administrar los colores del sitio:

  1. Haz clic en Temas del sitio a la izquierda del editor.
  2. Selecciona la pestaña Colores.
  3. Pasa el cursor sobre el color correspondiente y haz clic en el icono Más acciones undefined.
  4. Elige lo que quieres hacer:
    • Cambiar el nombre del color:
      1. Haz clic en Renombrar.
      2. Ingresa el nuevo nombre del color en el campo.
    • Eliminar/reemplazar:
      1. Haz clic en Eliminar.
      2. Selecciona el color de reemplazo en el selector.
      3. Haz clic en Aplicar.
El menú Más acciones se ha abierto con un color en el panel. El cursor hace clic en la opción Renombrar.
¿No puedes eliminar o reemplazar un color?
  • Ciertos tonos se utilizan como color predeterminado para las apps y los elementos de Wix en el sitio y, por lo tanto, la opción Eliminar aparece atenuada en gris. Sin embargo, puedes hacer clic en el tono en el panel para reemplazarlo.
  • Es posible que los tonos que no se hayan configurado como colores predeterminados aún estén en uso en el sitio y, por lo tanto, se te pedirá que reemplaces el color.

Aplicar los colores del sitio a los elementos

A medida que los colores se asignan a las categorías, se aplican automáticamente a algunos elementos temáticos en el panel Agregar elementos (por ejemplo, elementos de texto con estilo). También puedes aplicar colores del sitio a los elementos en el lienzo usando el Inspector profesional.

Para aplicar colores del sitio a los elementos:

  1. Selecciona el elemento correspondiente.
  2. Haz clic en el icono Abrir Inspector profesional  en la parte superior derecha del editor.
  3. Haz clic en el cuadro de color debajo de Diseño para abrir el selector.
Captura de pantalla del panel Inspector profesional abriéndose en el Editor de Wix Studio.
  1. Selecciona un tono en Colores del tema para aplicarlo.
El inspector está abierto para un elemento vectorial. Uno de los cuadros de color está abierto y se ha aplicado un color del tema.
Información útil:
Si el elemento contiene más de 1 color, puedes personalizar cada tono haciendo clic en su cuadro de color.

¿Te ha sido útil?

|