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í. Puede cambiar fácilmente el color de su fuente en WordPress en todo su sitio, o incluso solo para una sola palabra dentro del contenido de su publicación.

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

Hay muchas razones por las que es posible que desee cambiar el color del texto en sus publicaciones o páginas. Quizás le gustaría enfatizar una palabra clave, o quizás quiera usar subtítulos de colores en una página en particular.

Alternativamente, es posible que desee cambiar el color del texto en todo su sitio. Quizás su tema usa un color gris para el texto, pero prefiere hacerlo negro o un gris más oscuro, para una mejor legibilidad.

En este tutorial, cubriremos los siguientes métodos:

Simplemente haga clic en uno de esos enlaces para ir directamente a ese método.

Tutorial en video

Suscríbete a

Si prefiere instrucciones escritas, siga leyendo.

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

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

Un ejemplo de texto en color en una página de WordPress

A continuación, le mostramos cómo puede cambiar el color de su texto usando el editor de bloques.

Primero, deberá editar la publicación o la página que desea cambiar, o crear una nueva.

A continuación, escriba su texto. Deberá crear un bloque de párrafo o un bloque de encabezado según corresponda. Para obtener ayuda con esto, eche un vistazo a nuestro tutorial sobre cómo usar el editor de bloques de WordPress.

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

Cambiar el color del texto de un bloque

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

Simplemente haga clic en el bloque y el panel de Configuración del bloque debería abrirse en el lado derecho de su pantalla. A continuación, haga clic en la flecha de ‘Configuración de color’ para expandir esa pestaña. Verá la configuración de color del texto aquí.

Elegir un color de texto para todo el bloque en WordPress

Ahora, puede elegir un nuevo color para el texto. El editor visual le mostrará algunas opciones basadas en su tema. Simplemente puede hacer clic en uno de estos para cambiar el color del texto.

Alternativamente, si tiene un color específico en mente, haga clic en el enlace ‘Color personalizado’. Esto abrirá un selector de color donde puede seleccionar manualmente un color. También puede usar esto para escribir un código hexadecimal.

Elegir un color de texto personalizado para su bloque

Si cambia de opinión y desea volver al color de texto predeterminado, simplemente haga clic en el botón ‘Borrar’ debajo de las opciones de color:

Configurando su bloque de nuevo al color de texto predeterminado

Consejo profesional: Si desea cambiar el color de fondo de un bloque, también puede hacerlo aquí.

Cambiar el color del texto de una palabra o frase

¿Qué pasa si solo desea cambiar el color de una o dos palabras? También es fácil usar el editor de bloques.

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

Resalte las palabras cuyo color desea cambiar.

A continuación, simplemente haga clic en el enlace ‘Color del texto’ en la parte inferior de la lista desplegable:

Haga clic en el enlace 'Color del texto' en la parte inferior de la lista desplegable

Ahora verá las mismas opciones de color que para todo el bloque. Nuevamente, puede elegir una de las opciones predeterminadas o usar el enlace ‘Color personalizado’ para seleccionar el color que desee.

Elija el color del texto para las palabras resaltadas

Las opciones de color no se limitan a bloques de párrafos. También puede cambiar el color del texto de los bloques de encabezado. 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. Alternativamente, puede resaltar palabras individuales y cambiar su color.

Cambiar el color del texto de un bloque de encabezado en WordPress

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

También puede cambiar el color del texto en un bloque de lista, pero solo 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 la totalidad de un bloque de lista.

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

Si todavía usa el editor clásico de WordPress, puede cambiar el color de la fuente usando la barra de herramientas.

En el editor clásico, haga clic en la barra de herramientas Alternar en el extremo derecho. Luego verá una segunda fila de íconos:

Haga clic en el botón Alternar barra de herramientas para ver la segunda fila de iconos

Ahora, puede seleccionar su texto y cambiar el color de fuente usando el menú desplegable de color de fuente.

Utilice el botón de color de texto en el editor clásico

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

¿Qué sucede si desea cambiar el color del texto en todo su sitio web? Muchos de los mejores temas de WordPress te permitirán hacer esto usando el personalizador de temas.

Para este ejemplo, usamos el tema OceanWP. Es uno de los mejores temas gratuitos disponibles para WordPress.

En su panel de WordPress, vaya a Apariencia »Personalizar para abrir el Personalizador de temas.

Vaya a Apariencia y luego Personalizar en su panel de WordPress

A continuación, debe buscar una opción como ‘Tipografía’. Las opciones disponibles, y cómo se llaman, variarán según su tema.

Seleccione 'Tipografía' o una opción similar en el personalizador de temas

Sigamos adelante y hagamos clic en la pestaña Tipografía, o una opción equivalente. A continuación, busque una configuración en la que pueda cambiar el texto de sus publicaciones y páginas. En OceanWP, esto se denomina texto ‘Cuerpo’. Debe hacer clic en esto, para que pueda personalizar el color de la fuente y más.

Seleccione el texto del cuerpo para modificar en el personalizador

Al hacer clic en el selector de color de fuente, verá un selector de color. Elija el color que desee utilizar para su texto. Esto cambiará el color del texto en todas sus publicaciones y páginas.

Elegir el color para el texto del cuerpo con el personalizador de temas

También puede cambiar los colores de su título de manera similar, utilizando las opciones para cambiar H1, H2, etc.

Una vez que esté satisfecho con los cambios, haga clic en el botón “Publicar” en la parte superior de la pantalla.

Publicar sus cambios en su sitio web

Consejo: La elección de texto negro o gris oscuro sobre un fondo blanco o muy claro suele ser mejor para mejorar la legibilidad.

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

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

Aún puede cambiar el color de la fuente en todo un sitio utilizando el personalizador de temas. Ir Apariencia »Personalizador en el panel de WordPress.

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

Abra la sección CSS adicional del personalizador de temas

A continuación, haga clic en la pestaña CSS adicional y verá algunas instrucciones más un cuadro donde puede ingresar el código CSS.

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

p { color:#990000; }

Ingrese el CSS para cambiar el color del párrafo en el personalizador de temas

Esto cambiará el color de fuente del texto normal en todas sus publicaciones y páginas a rojo oscuro (o el color que elija), así:

Color de texto personalizado en todo el sitio mediante código CSS

Si desea cambiar el color de los títulos dentro de su publicación, puede agregar este código en su lugar:

h2 { color:#990000; }

Nuevamente, cambie el código hexadecimal al color que desee.

Si no está familiarizado con CSS o desea un editor de CSS para principiantes que le permita personalizar fácilmente todos los estilos de su sitio web, le recomendamos que busque en CSS Hero. Es un poderoso editor visual que le permite personalizar los estilos de todo su sitio.

Héroe CSS plugin

Esperamos que este tutorial te haya ayudado a aprender a cambiar el color del texto en WordPress. Es posible que también le gusten nuestros tutoriales sobre cómo cambiar el tamaño de fuente en WordPress y cómo agregar fuentes personalizadas en WordPress.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

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