Easily change text color in WordPress

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

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.

Cambie fácilmente el color del texto en WordPress
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.
Un ejemplo de texto colorido en una página de WordPress
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í.
Elija 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 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.
Elija 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:
Restaura el color de texto predeterminado para tu bloque
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.
Resalta las palabras cuyo color quieres cambiar.
Luego, simplemente haga clic en el enlace « Color del texto » en la parte inferior de la lista desplegable:
Clic en el enlace
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 sus palabras resaltadas
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.
Cambiar el color del texto de un bloque de título en WordPress
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:
Haga clic en el botón Alternar en la barra de herramientas para ver la segunda fila de iconos
Ahora puede seleccionar su texto y cambiar el color de la fuente usando la lista desplegable de colores 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? 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.
Vaya a Apariencia y luego Personalizar en su panel de WordPress
Entonces necesitas buscar una opción como «Tipografía». Las opciones disponibles y sus nombres varían según su tema.
Selecciona
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.
Seleccione el cuerpo del texto para editar en el personalizador
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.
Elija el color de su cuerpo de texto con el personalizador de temas
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.
Publique 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 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».
Abra la sección CSS adicional del personalizador de temas
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; }
Ingrese CSS para cambiar el color del párrafo en el personalizador de temas
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í:
Color de texto personalizado en todo el sitio mediante código CSS
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.
Complemento CSS Hero
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.

Leave a Reply