Come cambiare H1, H2 e H3 Header Tag in Wordpress

March 26

WordPress è uno degli strumenti più popolari per la creazione di blog su Internet, ma che è anche parte del problema. Con milioni di nuovi blog pubblicati ogni anno, come si può sperare di distinguersi nei risultati di ricerca? Un modo per farlo è quello di cambiare il contenuto di intestazione del tuo blog, contrassegnati come H1, H2, H3, ecc in HTML e, per estensione, WordPress. Intestazioni hanno anche una funzione di stile in WordPress, con le intestazioni H1 utilizzati per i titoli di blog e vari sottointestazioni, come H2, utilizzati per i titoli dei post o barre laterali.

istruzione

1 Modificare lo stile di ogni intestazione nel file di Cascading Style Sheet (CSS), spesso etichettato come "style.css". Aprire il file in un editor di testo per modificare il contenuto. L'intestazione o subheader appariranno come "h1 {} attributi" o "#header h1 {} attributi." La funzione di "#" consente di personalizzare i sottotitoli all'interno dello stesso tag H1. Per esempio, è possibile assegnare un tipo di font per tutte le voci H2, ma cambiare il colore del carattere in sottovoci specializzate:

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

sidebar h2 {font-size: 150%; colore blu; font-weight: bold; }

2 Assegnare attributi alla intestazioni e sottotitoli. Alcuni attributi comuni per le intestazioni comprendono "font-family:" "font-size", "colore" e "font-weight". Utilizzare questi attributi per variare la visualizzazione dei sottotitoli. Per esempio, è possibile progettare le intestazioni per visualizzare i colori dei caratteri identici e peso, ma modificare la dimensione del tipo indicato.

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

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

h2 sidebar {font-family: Helvetica, sans-serif; font-size: 130%; colore nero; font-weight: bold; }

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

3 Carica il nuovo file "style.css" al database di WordPress.

Consigli e avvertenze

  • Se non assegnare attributi alla elementi "#subheader", essi torneranno agli attributi dell'intestazione genitore.
  • Se si desidera incorporare le informazioni nelle intestazioni per l'ottimizzazione dei motori di ricerca (SEO), inserire il seguente codice nella sezione "attributi": "display:. None" Per esempio:
  • h1 {display: none; font-size: 150%; colore bianco....}