Explorá

Paso a paso / 4 min de lectura

Cómo cambiar el color de la fuente en WordPress: 4 métodos sencillos

black alphabetical wall decor

¿Te preguntás cómo cambiar el color de la fuente en tu sitio de WordPress? Muchas personas se lo preguntan al buscar un color de fuente que equilibre la legibilidad con la identidad de su marca.

En este artículo, exploraremos cómo cambiar el color de la fuente en WordPress a través de 4 métodos sencillos.

¿Por Qué Cambiar el Color de Fuente de tu Sitio de WordPress?

Existen varias razones por las cuales querrías cambiar el color de la fuente de tu sitio, incluyendo:

  • Mejorar la legibilidad eligiendo un color que contraste bien con tu fondo.
  • Reflejar la identidad general de tu sitio para mantener una apariencia coherente y profesional.
  • Destacar información importante. En algunos casos, solo podrías querer cambiar el color de la fuente para algunas palabras en lugar de todo el sitio para dar énfasis.
  • Mejorar la accesibilidad para personas con discapacidades visuales.

Independientemente de tus razones, exploremos 4 formas fáciles de cambiar el color de la fuente en tu sitio de WordPress.

Cómo Cambiar el Color de Fuente en WordPress: 4 Métodos

Método 1: Cambiar el Color de Unas Pocas Palabras

Para cambiar el color de algunas palabras o frases en WordPress, utilizá la opción Resaltar en el editor de texto.

Primero, dirigite a la entrada o página que querés editar.

Resaltá las palabras que querés cambiar y hacé clic en la opción Resaltar.

La función Resaltar en el editor de WordPress

Ahora, solo tenés que elegir uno de los colores preestablecidos. Los colores preestablecidos dependen de tu tema.

Varios colores para elegir al usar la función Resaltar en el editor de WordPress

Alternativamente, podés hacer clic en el cuadrado con el patrón de tablero de ajedrez para elegir un color personalizado.

La opción de color personalizado en la función Resaltar del editor de WordPress

Podés usar el deslizador para probar diferentes colores o pegar el código hexadecimal del color que querés.

La función de selección de color personalizado en la función Resaltar del editor de WordPress

Método 2: Cambiar el Color de un Párrafo o Bloque de Encabezado

Por otro lado, el proceso es ligeramente diferente si querés cambiar rápidamente el color de la fuente de todo un párrafo.

Empezá colocando el puntero en el párrafo del que querés cambiar el color de la fuente (no es necesario resaltar todo el párrafo). En la barra lateral derecha, andá a Bloque > Color > Texto.

Cambiando el color de texto del bloque con el menú Bloque en WordPress

Verás la misma interfaz de selección de colores que antes y el proceso para cambiar la fuente es el mismo.

Cambiando el color de texto del bloque con el menú Bloque en WordPress

Podés repetir el proceso para los encabezados.

Cambiando el color del bloque de encabezado con el menú Bloque en WordPress

Método 3: Cambiar el Color de Fuente en Todo el Sitio con el Personalizador

Nota: El Personalizador de Temas solo está disponible para temas que no son de bloques como Astra, Hello Elementor, OceanWP, y otros. Este método no funciona para los temas de bloques predeterminados de WordPress como Twenty Twenty-Four. Dirigite al “Método 4” si querés saber cómo editar el color de fuente en todo el sitio en temas de bloques.

El Personalizador de Temas es una herramienta que permite modificar la apariencia y configuraciones de tu sitio en un entorno de vista previa en vivo.

Podés acceder al Personalizador de Temas desde el panel de control de WordPress bajo Apariencia > Personalizar (esta opción no estará disponible en los temas de bloques).

La interfaz del panel de control de WordPress, destacando la opción "Personalizar" en el menú "Apariencia"

La barra lateral izquierda contiene todas las configuraciones del tema que podés modificar, pero recordá que cada tema organiza sus ajustes de manera diferente.

El Personalizador de Temas de WordPress, destacando las configuraciones en la barra lateral izquierda

Por lo tanto, tendrás que explorar los ajustes hasta que encuentres una configuración como Tipografía o Colores. En Astra, necesitas ir a Global > Colores.

El Personalizador de Temas de WordPress, resaltando la configuración "Global" al usar el tema Astra
El Personalizador de Temas de WordPress, resaltando la configuración "Colores" al usar el tema Astra

Desplazate hacia abajo hasta que veas la configuración Texto del Cuerpo. También hay configuraciones para cambiar el color de los enlaces, encabezados, etc.

El Personalizador de Temas de WordPress, resaltando la configuración "Texto del Cuerpo" dentro del menú "Colores" al usar el tema Astra

Acordate de hacer clic en Publicar después de cambiar el color de la fuente para confirmar los cambios.

El Personalizador de Temas de WordPress. El color del texto del cuerpo del sitio se ha cambiado de azul oscuro a verde. El botón "Publicar" está destacado

Método 4: Cambiar el Color de Fuente en Todo el Sitio con el Editor de Sitios

Este método solo funciona para temas de bloques. Un tema de bloques es un tema que utiliza bloques de Gutenberg para todas las partes de un sitio, incluyendo menús de navegación, encabezado, contenido y pie de página.

Utilizá este método si querés editar los colores de fuente en temas predeterminados de WordPress como Twenty Twenty-Four o en uno de los muchos temas de bloques de terceros.

Andá a Apariencia > Editor desde el panel de control. 

La interfaz del Editor de Sitios de WordPress, destacando el botón "Estilos"

Hacé clic en Editar estilos.

La interfaz del Editor de Sitios de WordPress, destacando el botón "Editar Estilos" dentro de la sección "Estilos"

Te encontrarás con la interfaz familiar de Gutenberg. Hacé clic en Colores en la barra lateral derecha.

El botón "Colores" en el Editor de Sitios de WordPress

Hacé clic en Texto y utilizá el selector de color para elegir el color de tu fuente.

La interfaz del Editor de Sitios de WordPress, destacando las opciones para editar el color de la fuente

Empezá a Cambiar los Colores de Fuente de tu Sitio de WordPress

Ya sea que busqués mejorar la legibilidad o hacer que el color de tu fuente refleje la identidad de tu marca, usar el color de fuente adecuado puede tener un impacto significativo en la experiencia del usuario y el atractivo visual general de tu sitio.

Con estos 4 métodos, ahora podés cambiar el color de la fuente de tu sitio para que coincida con tus preferencias y necesidades. Si encontraste útil este post, leé nuestro blog y recursos para más ideas y guías!