Recientemente, uno de nuestros lectores preguntó si hay 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 en el 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. Tal vez quieras enfocarte en una palabra clave, o tal vez quieras usar leyendas coloridas en una página en particular. También puede cambiar el color del texto en todo su sitio. Quizás su tema use 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 estos enlaces para ir directamente a este método.
Video tutorial
Contents
Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.
Método 1. Cambiar el color del texto con el editor visual
Puede usar el editor de WordPress predeterminado para poner palabras, párrafos o incluso leyendas en un color diferente al del texto principal.
A continuación, le indicamos cómo cambiar el color de su texto con el Editor de bloques. Primero, deberá editar la publicación o la página que desea editar, o crear una nueva. Luego ingrese su texto. Deberá crear un bloque de párrafo o un bloque de título según corresponda. Para obtener ayuda, consulte nuestro tutorial sobre el uso del 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 Configuración de bloque debería abrirse en el lado derecho de su pantalla. Luego haga clic en la flecha de «Configuración de color» para expandir esta pestaña. Verá la configuración de color del texto aquí.
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 cualquiera de ellos para cambiar el color de su texto. De lo contrario, 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 usarlo para escribir un código hexadecimal.
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:
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 de 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.
Luego, simplemente 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.
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 título. Al igual que con los bloques de párrafos, 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.
Notar: No puede establecer un color de fondo para los bloques de título. 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 un bloque de lista completo.
Cambiar el color de la fuente con el editor clásico
Si todavía está usando 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 el botón de alternancia en la barra de herramientas del extremo derecho. A continuación, verá una segunda fila de iconos:
Ahora puede seleccionar su texto y cambiar el color de la fuente usando la lista desplegable de colores de fuente.
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? La mayoría de los mejores temas de WordPress te permitirán hacer esto usando el personalizador de temas. Para este ejemplo, estamos usando el tema OceanWP. Es uno de los mejores temas gratuitos disponibles para WordPress. En su panel de WordPress, navegue hasta Apariencia »Personalizar para abrir el personalizador de temas.
Entonces necesitas buscar una opción como «Tipografía». Las opciones disponibles y sus nombres varían según su tema.
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 editar el texto de sus publicaciones y páginas. En OceanWP, esto se denomina texto «Cuerpo». Tienes que hacer clic en él para poder personalizar el color de la fuente y más.
Al hacer clic en el selector de color de fuente, verá un selector de color. Elija el color que desea utilizar para su texto. Esto cambiará el color del texto en todas sus publicaciones y páginas.
También puedes cambiar los colores de tu título de la misma forma, usando 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.
Consejo: La elección de texto negro o gris oscuro sobre un fondo blanco o muy claro suele ser mejor para facilitar la lectura.
Método 3. Cambiar el color del texto usando código CSS
¿Qué pasa si su tema no tiene la capacidad de cambiar el color del texto? Siempre puede cambiar el color de la fuente en todo un sitio utilizando el personalizador de temas. Ir a Apariencia »Personalizador en el panel de WordPress. En la parte inferior de la lista de opciones, verá una pestaña que dice «CSS adicional».
Luego haga clic en la pestaña CSS adicional y verá algunas instrucciones más un cuadro donde puede ingresar el código CSS. Para comenzar, puede copiar este código en el cuadro. Después de eso, puede cambiar los 6 dígitos al código hexadecimal del color elegido. p {color: # 990000; }
Esto cambiará el color de fuente de texto normal de todas sus publicaciones y páginas a rojo oscuro (o el color que elija), así:
Si desea cambiar el color de los encabezados de su mensaje, puede agregar este código en su lugar: h2 {color: # 990000; } Nuevamente, cambie el código hexadecimal al color de su elección. 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 consulte CSS Hero. Es un potente editor visual que le permite personalizar estilos para todo su sitio.
Esperamos que este tutorial le haya ayudado a aprender a cambiar el color del texto en WordPress. También puede que 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 para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.