Utiliza los colores globales de Divi para aumentar la productividad.

Publicado el 30/11/2021 | 0 comentarios

¿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?

gérer les couleurs globales de divi
Uso de un color global de Divi

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:

créer une couleur globale Divi
Crear un color global Divi
  1. Haga clic en "Global".
  2. Haga clic en el icono "+" para añadir un nuevo color.
  3. Utilice el control deslizante para elegir el color o especifique el código de color hexadecimal, por ejemplo, #ea12dc.
  4. Valide y guarde los cambios.
  5. 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.

modifier une couleur globale Divi
Cambiar un color global de Divi
  1. Abra la configuración del módulo que utiliza el color global que desea cambiar y haga clic en el icono del engranaje.
  2. Haga clic en el icono del lápiz del color que desea cambiar.
  3. Mueva el cursor para elegir el color de sustitución o utilice el campo para introducir el código hexadecimal, por ejemplo #1df984.
  4. Guarde los cambios.
  5. 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 :

global color divi

¿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:

couleurs globales divi pin
couleurs globales divi pin 2
global color divi pin

597 palabras

2

Puede que a ti también te guste:

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée.

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto