Cómo cambiar el color de fuente del encabezado en WordPress - La guía completa

El color de la fuente del encabezado juega un papel importante en el diseño web. Cada página, publicación y elemento de menú en un sitio de WordPress tiene una etiqueta de título.

Aprender a cambiar los colores de fuente de los encabezados en WordPress es un excelente lugar para comenzar a personalizar su tema para que coincida mejor con su marca y objetivos cuando los colores de la plantilla de su tema no coinciden con la paleta planificada.

Cómo cambiar el color de fuente del encabezado en WordPress

Algunos temas tienen una opción de etiqueta de título para cambiar el color del título. De lo contrario, use "CSS avanzado" para cambiar el color de fuente del encabezado y mantenga presionado el cursor del mouse y el color de la visita. Usuarios de WordPress.com, vayan a Apariencia > Personalización > Colores y Fondos. El color "primario" controla el color de fuente del título.

Cambia el color de fuente del encabezado en el personalizador de temas

Muchos temas integran paletas de colores editables en el tema. No siempre aclaran que la elección del color es para cambiar el color de la fuente del título. Por lo general, se les conoce como "Color de título".

Los títulos de páginas y publicaciones en WordPress suelen ser títulos de Clase 2. H1 está reservado para títulos de sitios web. Úselos para orientar temas de h1 a h6.

Cambie el color de la etiqueta del título y su título cambiará al color correspondiente que elija aquí.

Cambia el color de fuente del encabezado WP con CSS

Desde el tablero de WordPress, ve al menú Apariencia y selecciona Personalizar.

Su página de inicio se cargará en el panel derecho. En el menú de la izquierda, seleccione "Otro CSS".

Haz clic derecho en el título de la página o publicación.

Seleccione "Verificación" y la ventana del inspector del navegador se cargará en la pestaña de su navegador.

Ahora deberías ver tres columnas. El primero es su CSS adicional, el segundo es su contenido principal en el sitio web y el tercero es el inspector de su navegador.

La ventana de validación de "Clase" es lo que necesita editar con CSS.

En este ejemplo, se edita el tema veintiuno veintiuno de WordPress. El CSS que controla el título de una publicación de blog es "título de entrada". Para el título de la página, esta es la clase div "título de la página".

En el panel CSS adicional a la izquierda, coloque el siguiente código

.entry-title {
color:red;
}

Para cambiar el color de la fuente del título de la página, esto sería

.page-title {
color:red;
}

(El rojo está en el código, cámbielo por el color o el valor hexadecimal del código que desea que sea el color del encabezado).

Debido a que los encabezados son hipervínculos, puede personalizar aún más el aspecto utilizando esta guía sobre cómo cambiar los colores de los hipervínculos en WordPress.

La única diferencia es que después de cambiar el color de fuente del título, puede agregar la letra "a" para colocar el elemento "ancla", que controla el color del enlace.

Hay dos pseudoclases en Anchors con las que puede estar familiarizado.

Color de retención del mouse y color de visita del enlace.

CSS para editar el título de una publicación en la que se puede hacer clic es

.entry-title a {
          color:red;
}
.entry-title a:hover {
          color:yellow;
}
.entry-title a:visited {
          color:purple;
}

Una vez más, el color puede ser el que quieras. Puede hacer lo mismo para el título de la página cambiando ".entry-title" a ".page-title" en el código anterior.

Cómo cambiar el color de fuente del encabezado de WordPress.com

Para usar CSS adicional con WordPress.com, se requiere un plan premium. Para el plan gratuito, confiará en el desarrollador del tema, incluidas las opciones de estilo. Muchos hacen.

En el Panel de control del administrador, vaya al menú Apariencia y seleccione Personalizar.

Seleccione "Colores y fondos"

Este ejemplo utiliza el tema Bantry de WordPress.com. Dentro de este rango, puede cambiar el color de cinco áreas, cada una representada por una rueda de colores.

• El color de fondo controla el fondo de toda la página.
• El color de primer plano controla el color del texto: el área de contenido.
• El color primario controla el color de fuente del título.
• El color secundario controla el color mientras se mantiene presionado el cursor del título.
• El tercer color controla el color de los elementos, como separadores entre publicaciones de blog en páginas de blog.

Haga clic en la tercera rueda de colores para cambiar el color de fuente del encabezado de WordPress.com. Puede elegir entre una paleta de colores existente o hacer clic en la opción "Elija su propio color".

La mayoría de los demás temas aprobados por WordPress.com usan la pestaña "Básico" o "Título" en la herramienta de personalización de temas para cambiar el color de fuente del título.