¿Estás creando los sitios web de tus clientes con WordPress y Divi, o incluso creando tu propio sitio y buscando productividad? Bingo, ¡te encantará este artículo! Te explico cómo usar los colores globales de Divi para evitar perder tiempo con múltiples acciones cuando quieras cambiar un color en todo tu sitio...
Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.
1 - ¿Qué es un color global?
Generalmente, cuando se estiliza un módulo Divi, se selecciona un color de una paleta seleccionada. Sin embargo, si utiliza un color global en lugar de un color tradicional, podría ser mucho más eficiente en el futuro.
De hecho, cada módulo que utiliza un color global le permite cambiar el color de todo su sitio con un solo clic. Los colores globales de Divi son, de hecho, "colores sincronizados" entre ellos.
Así, el día que su carta gráfica deje de utilizar ese feo "verde caca de ganso", podrá sustituir este color con un solo clic en todo el sitio. Ya no tendrá que perder su valioso tiempo cambiando los colores, módulo tras módulo...
Mira este vídeo y lo entenderás mejor:
2 - ¿Cómo identificar/utilizar los colores globales?
Cuando editas un módulo de Divi, tienes varias opciones para establecer los colores (colores de fondo, colores de los elementos, etc.), así que todo lo que tienes que hacer es hacer clic en "Global" debajo del panel de selección de colores.
Cuando un módulo utiliza un color global, se puede reconocer fácilmente gracias a la forma particular del punto de color (un redondo con una esquina cuadrada).
¿Lo sabías? Puede probar Divi de forma gratuita visitando en esta página y haciendo clic en "PRUEBA GRATUITA
3 - Crear un color global en 5 pasos
Cuando necesites establecer un nuevo color global, estos son los pasos:
- Haga clic en "Global".
- Haga clic en el icono "+" para añadir un nuevo color.
- Utilice el control deslizante para elegir el color o especifique el código de color hexadecimal, por ejemplo, #ea12dc.
- Valide y guarde los cambios.
- A partir de ahora, cuando vayas al panel de colores globales, podrás utilizar el color recién creado.
4 - Modificar un color global
Si el color general que está utilizando ya no es adecuado para usted o para su cliente, simplemente puede cambiarlo desde los ajustes proporcionados.
- Abra la configuración del módulo que utiliza el color global que desea cambiar y haga clic en el icono del engranaje.
- Haga clic en el icono del lápiz del color que desea cambiar.
- Mueva el cursor para elegir el color de sustitución o utilice el campo para introducir el código hexadecimal, por ejemplo #1df984.
- Guarde los cambios.
- Todos los módulos que utilizaban el antiguo color global ahora utilizan el nuevo color global definido.
También puedes cambiar un color global rápidamente, directamente utilizando el icono del cuentagotas en el panel de selección de colores, como se muestra en este GIF :
¿Necesitas dominar Divi? ¡Descubre mi formación que te guiará paso a paso en la comprensión y uso de Divi! Más información sobre la formación en Divi.
5 - Para ir más allá con los colores globales de Divi...
Espero que este rápido tutorial te haya ayudado a mejorar tu productividad y tengo curiosidad por saber si ya utilizas esta función en tus proyectos con Divi?
Para ir más allá, sugiero una lista de lecturas:
- Descubra Anuncio y explicaciones oficiales de Nick Roach
- ¿Cómo crear colores que cambien automáticamente?
- Cómo gestionar las paletas de colores en Divi
- Inspiraciones de sitios muy coloridos
- Dos formas de gestionar las paletas de colores de Divi
0 commentaires