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. Tal vez le gustaría enfatizar una palabra clave, o tal vez 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. Tal vez su tema use un color gris para el texto, pero prefiere que sea negro para un mejor contraste con el color de fondo.
En este tutorial, cubriremos los siguientes métodos:
Simplemente haga clic en uno de esos enlaces para ir directamente a ese método.
Videotutorial
Si prefiere instrucciones escritas, siga leyendo.
Método 1. Cambiar el color del texto usando el editor visual
Puede usar el editor predeterminado de WordPress para poner palabras, párrafos o incluso subtítulos en un color diferente al de su texto principal.
Así es como puedes cambiar el color de tu 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, echa 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 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í.
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.
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 quieres cambiar el color de una o dos palabras? Eso también es fácil usando 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.
A continuación, 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. Una vez más, puede elegir entre 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 bloques de párrafo. 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.
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 para todo el bloque de la 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 en el extremo derecho. Luego verá una segunda fila de iconos:
Ahora, puede seleccionar su texto y cambiar el color de fuente usando el menú desplegable de color 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? Muchos 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 tablero de WordPress, vaya a Apariencia » Personalizar para abrir el personalizador de temas.
A continuación, debe buscar una opción como ‘Tipografía’. Las opciones disponibles y su nombre variarán según el tema.
Avancemos 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 llama el texto ‘Cuerpo’. Debe hacer clic en esto, para que pueda personalizar el color de la fuente y más.
Al hacer clic en el selector de color de fuente, verá un selector de color. Elige el color que quieras usar para tu texto. Esto cambiará el color del texto en todos tus publicaciones y páginas.
También puede cambiar los colores de los encabezados 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.
Consejo: Elegir texto negro o gris oscuro sobre un fondo blanco o muy claro suele ser mejor para la legibilidad.
Método 3. Cambiar el color del texto usando el código CSS
¿Qué sucede si su tema no tiene la opción de cambiar el color del texto?
Todavía puedes cambiar el color de la fuente en todo un sitio usando el personalizador de temas. Ir a Apariencia » Personalizador en el tablero de WordPress.
En la parte inferior de la lista de opciones, verá una pestaña que dice «CSS adicional».
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 de su color elegido.
p { color:#990000; }
Esto cambiará el color de fuente del texto normal en todas tus publicaciones y páginas a rojo oscuro (o el color que elijas), así:
Si desea cambiar el color de los encabezados 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.
Nota: También puede usar este método para cambiar el color del enlace en WordPress.
Si no está familiarizado con CSS o desea un editor de CSS para principiantes que le permita personalizar fácilmente los estilos completos de su sitio web, le recomendamos que consulte CSS Hero. Es un potente editor visual que te permite personalizar los estilos de todo tu sitio.
Esperamos que este tutorial te haya ayudado a aprender cómo cambiar el color del texto en WordPress. También te pueden gustar nuestros tutoriales sobre cómo cambiar el tamaño de fuente en WordPress y cómo agregar fuentes personalizadas en WordPress.
.