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.
¿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 :)
A mi no me da la opción de cambiar el color de los encabezados o títulos H2, H3, etc….
Vienen definidos por el tema, salvo que te saltes la regla por CSS.
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?
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
A mi no me funciono de todas maneras gracias
No me ha funcionado tampoco…