Es posible cambiar el color de cualquier elemento de tu tema de WordPress (fondo, menú, texto,…) de modo bastante sencillo, aunque el propio tema no te lo permita en sus opciones. Todo ello sin apenas conocimientos de CSS ni de HTML.
El primer paso es instalar un plugin que te permita modificar el CSS de tu tema, como por ejemplo WP Add Custom CSS, del que ya hablamos en otra entrada de este blog. El plugin añade una nueva opción de menú, llamada “Añadir CSS personalizado”, donde poder introducir el código CSS que sobreescribirá al del tema.
Ahora debemos averiguar el estilo que debemos sobreescribir, para lo cual utilizaremos el inspector de código del navegador. Podemos abrirlo haciendo clic con el botón derecho sobre el elemento cuyo color queremos modificar y eligiendo la opción “Inspeccionar”
Una vez pulsado nos aparecerá en la parte inferior de la pantalla el código HTML y el CSS del elemento. No te asustes, verás que sencillos es cambiarlo.
Hemos resaltado en la imagen el título, que es el que vamos a cambiar de color, y el estilo correspondiente. Podemos ver también que el título es el que está seleccionado en la parte del código.
Podemos probar diferentes colores directamente en la pantalla de nuestro navegador, haciendo clic sobre el color y eligiendo uno nuevo de la paleta o introduciendo su código hexadecimal.
Lo cambiaremos hasta que quede como deseamos y, después, seleccionaremos el código CSS donde está el color.
Ahora simplemente debemos acceder a la opción de menú “Añadir CSS personalizada” y pegar nuestro código CSS en el campo “Reglas CSS”.
Pulsamos el botón “Guardar” y ya tenemos cambiado el color de todos los títulos de las entradas de nuestro tema. Podríamos haber hilado más fino borrando los otros estilos que no aplicaban en nuestro ejemplo (font-size y magirn-bottom).
Esto es aplicable a todos los elementos de la pantalla, aunque debemos tener precaución e ir navegando por nuestra web tras los cambios para ver que todo se sigue viendo como esperábamos.
Si tienes cualquier duda o comentario, escríbeme.
