Ir al contenido principal

Modificar los colores del sitio

Personalizar los colores de tu sitio es esencial para crear una identidad visual coherente y dejar una impresión...

Odile Lodewijck avatar
Escrito por Odile Lodewijck
Actualizado esta semana

Por qué personalizar los colores de tu sitio

Los colores de tu sitio juegan un papel clave en:

  • La identidad de tu marca: reflejan tus valores y tu universo.

  • La legibilidad y la experiencia del usuario: colores armoniosos facilitan la navegación y la comprensión.

  • El impacto de los elementos clave: ciertos colores atraen naturalmente la atención hacia botones, enlaces y otras áreas importantes.

En resumen, elegir colores adecuados contribuye a que tu sitio sea atractivo, profesional y fácil de usar.


Cómo modificar los colores de tu sitio

Visión general del proceso

La modificación de los colores se realiza en 3 pasos simples:

  1. Acceder al Gestor de temas

  2. Modificar un tema existente

  3. Ajustar los colores del tema y guardar tus cambios

Acceder al gestor de temas

Desde la vista previa de tu sitio web:

  1. Haz clic en el botón Gestor de temas

  2. Accederás al espacio dedicado a la creación y gestión de tus temas

Vista previa del sitio con el botón que lleva al Gestor de temas (Esta imagen muestra dónde hacer clic para acceder a la configuración de temas.)
Vista previa del sitio con el botón que lleva al gestor de temas.

Modificar un tema existente

En el Gestor de temas:

  1. Ubica el tema que deseas ajustar

  2. Haz clic en el botón Modificar ubicado al lado del tema

Botón de modificación del tema (Esta acción te permite editar los parámetros visuales del tema seleccionado.)

Modificar los colores del tema

Ya sea que desees modificar el color principal o el color de énfasis (botones, enlaces, elementos interactivos), el procedimiento es el mismo.

  1. Haz clic en el selector de colores

  2. Elige el tono deseado usando la paleta de colores

  3. O ingresa directamente el código hexadecimal de tu marca (ejemplo: #7F2D59)

La previsualización se actualiza instantáneamente a la izquierda de la pantalla para que puedas ver el resultado en tiempo real.

Módulo de modificación de colores (Esta vista ilustra el selector de colores y la vista previa en vivo.)

Guardar tus modificaciones

Una vez ajustados los colores, haz clic en Guardar para aplicar los cambios a tu sitio.


Mejores prácticas

  • Cuidar el contraste: asegúrate de que el texto siga siendo legible sobre fondos de color, especialmente para botones y títulos.

  • Respetar tu carta gráfica: utiliza tus colores oficiales para reforzar la coherencia de tu marca.

  • Probar en todos los dispositivos: revisa el resultado en computadora, tableta y móvil para evitar sorpresas.

¿Ha quedado contestada tu pregunta?