Cómo cambiar el color del texto en WordPress (3 métodos sencillos)

Recientemente, uno de nuestros lectores preguntó si había una manera fácil de cambiar el color del texto en WordPress.

La respuesta es sí. Puedes cambiar fácilmente el color de la fuente en WordPress en todo el sitio, o incluso sólo para una sola palabra dentro del contenido del mensaje.

En esta guía, te mostraremos cómo cambiar fácilmente el color del texto en WordPress, paso a paso.

Hay muchas razones por las que podrías querer cambiar el color del texto de tus mensajes o páginas. Tal vez quieras enfatizar una palabra clave, o tal vez quieras usar subtítulos de color en una página en particular.

Alternativamente, puede que quieras cambiar el color del texto en todo el sitio. Tal vez tu tema utilice un color gris para el texto, pero prefieres que sea negro, o un gris más oscuro, para una mejor legibilidad.

En este tutorial, cubriremos los siguientes métodos:

• Cambiar el color del texto usando el editor visual (ideal para cambiar unas pocas palabras, un párrafo o un encabezado al escribir el contenido).
• Cambiar el color del texto en el personalizador de temas (la mejor manera de cambiar los colores de la fuente en todo el sitio, pero no es compatible con todos los temas).
• Cambiar el color del texto usando el código CSS (adecuado para cambiar el color de la fuente en todo el sitio con cualquier tema).

Sólo tienes que hacer clic en uno de esos enlaces para saltar directamente a ese método.

Método 1. Cambiar el color del texto usando el editor visual

Puedes usar el editor predeterminado de WordPress para poner palabras, párrafos o incluso subtítulos en un color diferente al del texto principal.

A continuación te explicamos cómo puedes cambiar el color del texto con el editor de bloques.

Primero, tendrás que editar el post o la página que quieres cambiar, o crear uno nuevo.

A continuación, escriba su texto. Necesitarás crear un bloque de párrafo o un bloque de encabezamiento según corresponda. Si necesitas ayuda para ello, consulta nuestro tutorial sobre cómo utilizar el editor de bloques de WordPress.

Una vez que el texto está en su lugar, puede cambiar el color.

Cambiando el color del texto de un bloque

Para este primer ejemplo, vamos a cambiar el color del texto de todo el bloque.

Simplemente haz clic en el bloque y se abrirá el panel de Configuración del bloque en la parte derecha de la pantalla. A continuación, haz clic en la flecha de "Configuración de color" para ampliar esa pestaña. Verás la configuración de color del texto aquí.

Ahora, puedes elegir un nuevo color para el texto. El editor visual te mostrará algunas opciones basadas en tu tema. Puedes simplemente hacer clic en una de ellas para cambiar el color del texto.

Alternativamente, si tienes un color específico en mente, haz clic en el enlace "Color personalizado". Se abrirá un selector de colores en el que podrás seleccionar un color manualmente. También puedes utilizarlo para escribir un código hexadecimal.

Si cambias de opinión y quieres volver al color de texto predeterminado, sólo tienes que hacer clic en el botón "Borrar" que se encuentra debajo de las opciones de color:

Pro Tip: Si quieres cambiar el color de fondo de un bloque, puedes hacerlo aquí también.

Cambiar el color del texto de una palabra o frase

¿Y si sólo quieres cambiar el color de una o dos palabras? Eso es fácil usando el editor de bloques también.

Primero, tendrás que resaltar la(s) palabra(s) que quieres cambiar. Luego, haz clic en la pequeña flecha hacia abajo en la barra de herramientas del editor de contenido.

A continuación, sólo tienes que hacer clic en el enlace "Color del texto" en la parte inferior de la lista desplegable:

Ahora verás las mismas opciones de color que en toda la manzana. Una vez más, puedes elegir una de las opciones predeterminadas o utilizar el enlace "Color personalizado" para seleccionar el color que desees.

Las opciones de color no se limitan a los bloques de párrafos. También puede cambiar el color del texto de los bloques de encabezamiento. Al igual que con los bloques de párrafo, puede establecer el color del texto para todo el bloque en la configuración del bloque. También puede resaltar palabras individuales y cambiar su color.

Nota: No se puede establecer un color de fondo para los bloques de encabezamiento.

También puedes cambiar el color del texto en un bloque de la lista, pero sólo resaltando la(s) palabra(s) y usando la barra de herramientas. No hay ninguna opción en la configuración del bloque para cambiar el color del texto de todo un bloque de la lista.

Cambiar el color de la fuente usando el editor clásico

Si todavía usas el clásico editor de WordPress, puedes cambiar el color de la fuente con la barra de herramientas.

En el editor clásico, haz clic en la barra de herramientas del extremo derecho. Entonces verás una segunda fila de iconos:

Ahora, puedes seleccionar tu texto y cambiar el color de la fuente usando el menú desplegable de color de fuente.

Método 2. Cambiar el color del texto en el personalizador de temas

¿Qué pasa si quieres cambiar el color del texto en toda tu página web? Muchos de los mejores temas de WordPress te permitirán hacerlo usando el personalizador de temas.

Para este ejemplo, estamos usando el tema del OceanWP. Es uno de los principales temas gratuitos disponibles para WordPress.

En tu tablero de WordPress, ve a Apariencia " Personalizar para abrir el Personalizador de temas.

A continuación, hay que buscar una opción como la "Tipografía". Las opciones disponibles, y cómo se llaman, variarán dependiendo del tema.

Adelante, hagamos clic en la pestaña de Tipografía, o una opción equivalente. A continuación, busque un ajuste en el que pueda cambiar el texto de sus mensajes y páginas. En el OceanWP, esto se llama el texto del "Cuerpo". Debes hacer clic en él para poder personalizar el color de la fuente y mucho más.

Al hacer clic en el selector de color de fuente, verás un selector de color. Elige el color que quieras usar para tu texto. Esto cambiará el color del texto en todos tus mensajes y páginas.

También puedes cambiar los colores del encabezado de manera similar, usando las opciones para cambiar H1, H2, y así sucesivamente.

Cuando estés satisfecho con los cambios, haz clic en el botón "Publicar" en la parte superior de la pantalla.

Consejo: Elegir un texto negro o gris oscuro sobre un fondo blanco o muy claro suele ser lo mejor para la legibilidad.

Método 3. Cambiar el color del texto usando el código CSS

¿Qué pasa si tu tema no tiene la opción de cambiar el color del texto?

Puedes cambiar el color de la fuente en todo el sitio usando el personalizador de temas. Ve a Apariencia " Personalizador en el panel de control de WordPress.

En la parte inferior de la lista de opciones, verás una pestaña que dice "CSS adicional".

A continuación, haz clic en la pestaña de CSS adicional, y verás algunas instrucciones además de un cuadro donde puedes introducir el código CSS.

Para empezar, puedes copiar este código en la caja. Después de eso, puedes cambiar los 6 números al código hexadecimal del color elegido.

p { color:#990000; }

Esto cambiará el color de la fuente del texto regular en todos tus mensajes y páginas a rojo oscuro (o cualquier color que hayas elegido), así:

Si quieres cambiar el color de los encabezados de tu mensaje, puedes añadir este código en su lugar:

h2 { color:#990000; }

De nuevo, cambia el código hexagonal al color que quieras.

Si no estás familiarizado con CSS o quieres un editor CSS para principiantes que te permita personalizar fácilmente todos los estilos de tu sitio web, entonces te recomendamos que busques el CSS Hero. Es un poderoso editor visual que te permite personalizar los estilos de todo tu sitio.

Esperamos que este tutorial te haya ayudado a aprender a cambiar el color del texto en WordPress. También puede que te gusten nuestros tutoriales sobre cómo cambiar el tamaño de la fuente en WordPress, y cómo añadir fuentes personalizadas en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.