Tecnología

Inicio

Cómo cambiar H1, H2 y H3 de cabecera etiquetas en WordPress

May 28

WordPress es una de las herramientas más populares para la creación de blogs en Internet, sino que también es parte del problema. Con millones de nuevos blogs publicados cada año, ¿cómo se puede esperar que se destacan en los resultados de búsqueda? Una forma de hacer esto es cambiar el contenido de la cabecera de tu blog, etiquetado como H1, H2, H3, etc., en HTML y, por extensión, de WordPress. Encabezados también tienen una función de estilo en WordPress, con encabezados H1 utilizado para títulos de los blogs y diversos subheaders, tales como H2, que se utiliza para los nombres de funciones o barras laterales.

Instrucciones

1 Alterar el estilo de cada cabecera en el archivo de hoja de estilo en cascada (CSS), a menudo etiquetado como "style.css". Abrir este archivo en tu editor de texto para modificar su contenido. El encabezado o sub-cabecera aparecerán como "h1 {} atributos" o "# header h1 {} atributos." La función "#" le permite personalizar los subtítulos dentro de la misma etiqueta H1. Por ejemplo, puede asignar un tipo de fuente para todas las entradas de H2, pero cambiar el color de la fuente en las subdivisiones especializadas:

h2 {font-family: Arial, sans-serif; font-size: 110%; color verde; font-weight: bold; }

barra lateral h2 {font-size: 150%; color azul; font-weight: bold; }

2 Asignar atributos a los encabezados y subheaders. Algunos atributos comunes para los encabezados incluyen "font-family:" "font-size", "color" y "font-weight". Utilizar estos atributos para modificar la visualización de los subtítulos. Por ejemplo, es posible diseñar sus cabeceras para mostrar los colores de fuente idénticos y peso, pero cambiar el tamaño del tipo que se muestra.

h1 {font-family: Verdana, sans-serif; font-size: 150%; color verde; font-weight: bold; }

h2 {font-family: Verdana, sans-serif; font-size: 130%; color verde; font-weight: bold; }

h2 barra lateral {font-family: Helvetica, sans-serif; font-size: 130%; de color negro; font-weight: bold; }

h3 {font-family: Verdana, sans-serif; font-size: 110%; color verde; font-weight: bold; }

3 Sube el nuevo archivo "style.css" a su base de datos de WordPress.

Consejos y advertencias

  • Si no se asigna atributos a los elementos "#subheader", van a volver a los atributos de la cabecera de los padres.
  • Si desea incrustar información en sus cabeceras para la optimización de motores de búsqueda (SEO), introduzca el código siguiente en la sección "atributos": "display: none". Por ejemplo:
  • h1 {display: none; font-size: 150%; color blanco....}