Cómo cambiar el color del texto en las entradas o páginas en 2026

Cambiar el color del texto en el tema clásico

Hoy en día ya no se utilizan los temas clásicos, pero algunos usuarios veteranos siguen utilizándolos, y este método está pensado para ellos.

En este caso, utilizaremos el tema Shop Mania Pro. Se trata de un tema de comercio electrónico ultrarrápido, perfecto para cualquier tipo de tienda online.

Empecemos,

Abre tu panel de control

Lo primero es abrir el panel de control de tu sitio de WordPress.

Paso 1) Ve a «Publicaciones» y abre una publicación

Pasa el cursor por encima de «Entradas» y haz clic en «Todas las entradas». Así se abrirán todas las páginas de tu sitio web.

Paso 2) Selecciona el texto > Haz clic en la flecha > Haz clic en «Resaltar»

Si quieres cambiar el color de una palabra o frase concreta, se aplica esto.

Selecciona el texto cuyo color quieras cambiar. A continuación, haz clic en la flecha desplegable que apunta hacia abajo. En este último paso, haz clic en «Resaltar» y elige el color.

Paso 3) Haz clic en «Bloque» y, a continuación, en «Colores»

Para aplicar un color a todo el párrafo, abre «Estilos» y haz clic en el texto de la sección de colores.

Paso 4) Elige cualquier color

Elige el color que quieras de la caja.

Cambiar el color del texto con CSS

Este puede ser un método sencillo si se entiende bien. Sin embargo, hay que aplicarlo con cuidado para evitar que se produzca un error involuntario.

Aquí estamos utilizando el tema Shop Mania.

Analicemos cada paso.

Paso 1) Revisa el texto cuyo color quieres cambiar

En primer lugar, revisa el bloque de texto para copiar el CSS. Lo necesitaremos más adelante.

La parte superior que se muestra en el cuadro «Inspeccionar» es HTML y la parte inferior es CSS.

Paso 2) Copia el código CSS del texto

Copia la parte resaltada tal y como lo he hecho yo.

Paso 3) Haz clic en «Personalizar»

Ahora cierra el cuadro «Inspeccionar» y haz clic en «Personalizar».

Paso 4) Ve a «CSS adicional»

Haz clic en «CSS adicional». Se abrirá un cuadro en el que podrás escribir el código CSS.

Paso 5) Pega el código CSS

Pega el código CSS en el cuadro tal y como se muestra en la imagen 1.
Ahora escribe el código CSS color: blue;
Pero es posible que no se publique, ya que ya hay un código CSS escrito, así que tenemos que escribir esto en su lugar.
color: blue! important:

No te olvides de poner un corchete «}» al final.

En los casos en los que he indicado el nombre del color, puedes utilizar el código hexadecimal del color correspondiente.

Puedes ver el cambio

Como puedes ver, el color del bloque ha cambiado a azul.

Cambiar el color del texto en el tema «Block»

En este método, utilizaremos el tema Vayu X. Vayu X es un tema basado en bloques y tiene todo lo necesario para crear una página web impresionante de cualquier categoría. Esto significa que puedes crear cualquier tipo de página web utilizando este tema.

Veamos los pasos:

Paso 1) Ve a «Apariencia» y haz clic en «Editor»

Una vez que hayas abierto el panel de control de tu página web de WordPress, ve a «Apariencia» y haz clic en «Editor».

Paso 2) Haz clic en «Estilos» > Haz clic en el icono del lápiz

Haz clic en los estilos, ya que queremos realizar cambios en ellos. En la siguiente pantalla, haz clic en el icono del lápiz.

Esto abrirá la página para que puedas editarla.

Paso 3) Haz clic en «Colores»

Haz clic en «Colores» en la barra lateral derecha. Verás diferentes secciones que puedes colorear.

Paso 4) Cambiar el color del texto

Elige la sección que quieras colorear. Aquí he coloreado el texto del título.

Cambiar el color del texto con el plugin Vayu Blocks

Vayu Blocks es un tema de WordPress que se utiliza para crear una página web mediante bloques. Resulta de gran ayuda a la hora de mejorar el aspecto de la página, ya que ofrece numerosas opciones de personalización.

Empecemos,

Paso 1) Haz clic en «Añadir nuevo complemento»

En primer lugar, tenemos que instalar los bloques de Vayu. Para ello, ve a la sección «Plugins» y haz clic en «Añadir nuevo plugin».

Paso 2) Ve al cuadro de búsqueda y busca «Vayu Blocks»

Ahora ve al cuadro de búsqueda y busca «Vayu Blocks».

Paso 3) Instalar y activar el complemento

Cuando aparezca el bloque de Vayu, haz clic en el botón «Instalar ahora» y actívalo una vez finalizada la instalación.

Paso 4) Crear un bloque con Vayu Blocks

Como vamos a utilizar Vayu Blocks, crea un bloque con Vayu Blocks. En este caso, he utilizado el encabezado de Vayu Blocks.

Paso 5) Cambia el color del texto desde la barra lateral de Vayu Blocks

Ve a la barra lateral para cambiar el color del texto. Haz clic en el color y elige tu color favorito para el texto.

Así es como puedes cambiar el color del texto con Vayu Blocks.

Cambiar el color del texto con un creador de páginas

Podemos cambiar el color del texto utilizando un Page Builder si la página web está creada con este.

Aquí vamos a utilizar Elementor para cambiar el color del texto.

Paso 1) Ve a «Páginas»

Ve a «Páginas». Así se abrirán todas las páginas que tengas.

Paso 2) Haz clic en «Editar con Elementor»

Haz clic en «Editar con Elementor». Así accederás a la página del constructor Elementor.

Paso 2) Selecciona el texto y haz clic en «Estilos»

En esta página puedes realizar diversos cambios con Elementor. Tenemos que cambiar el color del texto, así que haz clic en el icono de estilo, que encontrarás en la esquina superior izquierda.

Paso 3) Haz clic en «Colorbox»

Haz clic en el cuadro de color que aparece junto al color del texto.
El color del texto se ha cambiado tal y como habíamos elegido.