Cambiar fuente WordPress

En el tutorial de hoy no me quiero enredar demasiado con las explicaciones sobre cambiar fuente WordPress.

Voy a tratar de ir lo más directo que se pueda al grano del asunto, donde se encuentra la chicha de verdad, si te sientes perdido en algún paso puedes dejar tu duda en los comentarios que yo te contesto sin problemas.

Cambiar fuente WordPress: color de letra desde la plantilla

Algunas plantillas (por ejemplo schema) plantillas tienen un «theme options». Esta sección suele estar dentro de Apariencia >> Theme Options y una vez ahí vayas a Typography, verás algo como esto:

cambiar fuente wordpress cambiar el color de letra WordPress Plantilla Schema

En esta sección, como puedes ver en la captura de pantalla de arriba, puedes cambiar el color de las letras de cualquier sección de esta plantilla.

Pero… ¿Qué pasa si mi plantilla no tiene esta opción?

Nada, que tendrás que buscarte la vida por otra parte.

Gracias a jevus que en WordPress existen los plugins que -bien empleados- te pueden sacar de un lío con facilidad.

Plugins para cambiar el color de las letras hay muchos, sin embargo, para mí, repito para mí, el más completo es Elementor.

Cambiar fuente WordPress : Usando elementor para cambiar el color de letra

Usar elementor para cambiar el color de letra en WordPress es incluso divertido, basta con que elijas la opción Editar con Elementor para que puedas comenzar a tocar colores.

Una vez dentro, te ubicas en la caja a la que quieres cambiarle el color del texto y haces clic en Estilo >> Color del Texto, se verá algo como esto:

cambiar el color de letra WordPress Pugin Elementor

Aquí puedes seleccionar el color que deseas aplicar a las letras sin mayores problemas.

Destacar dos cosas:

1️⃣ Para cambiar el color de letra de una sola parte del texto debes clasificar tu artículo en cajas de elementor. Este método no te lo recomiendo si es algo que quieres replicar en más de un par de entradas.
2️⃣ Para cambiar el color de letra en todas las entradas la forma más efectiva es creando un single, es decir, una plantilla que afecte -usando valores condicionales de visualización- a unas páginas específicas dentro de tu web.

Sin embargo, si quieres lograr esto vas a necesitar la versión de Elementor Pro.

Cambiar fuente WordPress : Modificando estilos CSS para cambiar el color de letra

Esta es mi parte favorita del tutorial ¿por qué? porque instalar plugins para hacer cosas tan simples como cambiar el color de letra es siempre un error.

Ya que estamos mencionando que es un error, nunca me voy aburrir de explicar esto, te voy a decir por qué lo es: cada que activas un plugin y este comienza a trabajar crea «código basura» que termina «ensuciando» tu site y haciéndolo más lento.

Este código basura se puede alojar en muchos lugares diferentes y conseguirlo para borrarlo es una tarea de nunca acabar, piensa que si vas a tener la web activa por mucho tiempo estar activando plugins cada dos lunas menguantes va mermar tu velocidad de carga porque sí.

Por eso, antes de instalar cualquier plugin, primero debes verificar que puedas lograr lo que quieres sin depender de un plugin.

Fin de la explicación. Sigamos con el tutorial.

Cambiar fuente WordPress: Cambiar el color de letra en una sola parte del texto

Si quieres cambiar el color de letra en WordPress (como en cualquier otro CMS) lo más sencillo es tirar de las etiquetas HTML y la propiedad style=»»

Para poder acceder a las etiquetas debes decirle adiós al editor visual y ubicarte sobre el HTML como muestra esta captura:

Activar el editor HTML en WordPress

Para cambiar el color de letra dentro de un párrafo usas:

<span style=»color: #79d70f»>compatible con cualquier plantilla que estés utilizando</span>

El resultado será el que muestra esta otra captura de pantalla:

Cambiar color de letra en párrafos de WordPress

En caso de que desees cambiar el color de letra de alguna etiqueta, por ejemplo un título h2, la forma sería:

<h2 style=»color: #b31313″>¿Cómo hacer un menu desplegable en WordPress?</h2>

El resultado sería algo como esto:

Cambiar color de letra en títulos h2 de WordPress

Como puedes apreciar en el editor HTML de WordPress tienes mucha libertad para modificar todos los estilos que creas convenientes, es una forma chula de maquetar tus artículos para que tengan más personalidad.

Cambiar fuente WordPress: Cambiar el color de letra para toda la plantilla

Para esto necesitas saber el nombre de la clase que quieres cambiar, por ejemplo todos los títulos h1, luego ir a Apariencia >> Personalizar entrar en CSS adicional y dejar ahí la modificación de la clase.

Por ejemplo, con este código puedes cambiar el color de todos los h1 y todos los párrafos:

h1{
color:red!important;
}
body{
color:purple!important;
}

El resultado sería algo como esto:

Cambiar color de letra en toda la plantilla de WordPress sin usar Plugins

Por lo que si deseas hacer cambios generales en la plantilla el CSS adicional es la mejor opción, así no tocas el style.css de tu plantilla y disminuyes el riesgo de liarla parda borrando -o modificando- parámetros equivocados.

Esto tiene otra ventaja y es que no se pierden las modificaciones tras la actualización de la plantilla.

Yo no tengo más para decirte hoy, espero que te sirva el tutorial para lograr las modificaciones que quieres, en caso de que tengas dudas recuerda que estoy disponible en los comentarios. Siyuleiter bro.

Soy Snell Rojas | Consultor SEO

Soy un experimentado Consultor SEO con 5 años de experiencia trabajando con equipos de marketing y desarrollando estrategias SEO para más de 100 sitios web. Mis principales habilidades son diseñar e implementar cambios en la estrategia de SEO que pueden mejorar los objetivos deseados, mejorar aspectos técnicos de SEO (ya que tengo 3 años de experiencia como desarrollador back-end), también me siento muy bien trabajando de la mano con mis clientes para optimizar sus páginas web.