Oferta SiteGround Black Friday

Cómo crear una paleta de colores personalizada para el editor Gutenberg

Ya sabrás que no soy especialmente un gran fan del editor Gutenberg. No de su filosofía de introducir edición visual a WordPress, que sabes que sí, que creo que es necesario, sino del modo de implantarlo por narices, y de sus primeras versiones, como sustituto del editor por defecto en las entradas, un error garrafal.

Ahora bien, una cosa no quita la otra, y nos va a tocar, sí o sí, adaptarnos, así que mejor aprender cosillas, trucos, del editor Gutenberg, como este que te propongo hoy, no se si por convicción o porque me ha abducido José Ángel Vidania.

Pues bien, una de las curiosidades que incorpora el editor Gutenberg son las paletas de colores, que por defecto es así:

Lo que igual no sabes es que estas paletas de colores las puedes personalizar, ya sea porque usas una combinación especial en tu web, porque eres desarrollador de temas, o simplemente porque te gusta enredar.

En cualquiera de los casos, es muy fácil añadir tu propia paleta de colores. Solo tienes que editar el archivo functions.php del tema y añadir algo así:

/* Paleta de colores personalizada para Gutenberg */
add_theme_support( 'editor-color-palette',
	'#a156b4',
	'#d0a5db',
	'#eee',
	'#444'
);

Al guardar tus cambios lo que obtendrás es lo siguiente:

Lógicamente, en el código pon los colores (en hexadecimal) que quieras en tu paleta de colores. Aquí he optado por dos tonos de magenta, un gris claro y un gris oscuro (básicos).

Como ves, personalizar Gutenberg es muy fácil, y hay que agradecer al equipo de desarrollo la enorme documentación que está generando para este nuevo y flamante editor de WordPress, te guste o no.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 4.3 / 5. Total de votos: 7

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

6 comentarios en “Cómo crear una paleta de colores personalizada para el editor Gutenberg”

  1. Lo malo es que anula los colores por defecto y añade solo la nueva paleta.
    ¿Si solamente quiero añadir 1 color y mantener los demás?

  2. Joaquin Alejandro

    Hola, llevo tiempo buscando como cambiar el color que esta en apariencia>combinacion de colores.
    No me gusta para nada el celeste y quisiera cambiarlo a un azul oscura

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba