Il colore del carattere del titolo gioca un ruolo importante nel web design. Ogni pagina, post e voce di menu del tuo sito WordPress ha tag di intestazione.
Quando i colori di un modello di tema non corrispondono alla tavolozza dei colori prevista, imparare a cambiare il colore del carattere del titolo in WordPress è un buon punto di partenza per personalizzare il tuo tema per essere più in linea con il marchio e con i dati demografici dei tuoi utenti.
Come cambiare il colore del carattere del titolo in WordPress
Alcuni temi hanno opzioni per tag di intestazione che cambiano il colore del titolo. In caso contrario, utilizza 'CSS aggiuntivo' per modificare il colore del carattere del titolo e il passaggio del mouse sul collegamento e i colori visitati. Utenti di WordPress.com, vai su “Aspetto > Personalizza > Colori e sfondi”. Il colore 'Principale' controlla il colore del carattere del titolo.
provinciale 19 aprile 2018
Modifica del colore del carattere del titolo all'interno del personalizzatore del tema
Numerosi temi hanno tavolozze di colori modificabili integrate nel tema. Non sempre chiariscono che la selezione del colore serve a modificare il colore del carattere del titolo. Spesso sono etichettati come 'colori dell'intestazione'.
I titoli delle pagine e dei post in WordPress sono spesso una classe di intestazione 2. H1 è riservato al titolo del sito. Temi che utilizzano questi target da h1 a h6.
Cambia i colori dei tag di intestazione e i tuoi titoli cambieranno nel colore corrispondente che selezioni qui.
Cambia il colore del carattere del titolo WP con CSS
Dalla dashboard di WordPress, vai al menu 'Aspetto', quindi seleziona 'Personalizza'.
La tua home page verrà caricata nel riquadro di destra. Nel menu a sinistra, seleziona 'CSS aggiuntivo'.
Fare clic con il pulsante destro del mouse sul titolo di una pagina o di un post.
Seleziona 'ispeziona' e il pannello di ispezione del browser verrà caricato nella scheda del browser.
biglietteria delle compagnie aeree filippine san francisco
Ora dovresti vedere tre colonne. Il primo per il tuo CSS aggiuntivo, il secondo per il contenuto principale del tuo sito Web, il terzo sarà il tuo ispettore del browser.
All'interno del riquadro di ispezione, la 'classe' è ciò che devi modificare con CSS.
In questo esempio, è il tema WordPress Twenty-One che viene modificato. Il CSS per controllare il titolo del post del blog è 'entry-title'. Per i titoli delle pagine, è la classe div “page-title”.
All'interno del riquadro 'CSS aggiuntivo' a sinistra, inserisci il seguente codice
.entry-title {
color:red;
}Per cambiare il colore del carattere del titolo delle pagine, sarebbe
.page-title {
color:red;
}(Dove c'è il rosso nel codice, cambialo con il colore o il valore del codice esadecimale del colore che vuoi che siano i tuoi titoli).
Poiché i titoli sono collegamenti ipertestuali, puoi personalizzare ulteriormente l'aspetto utilizzando questa guida per come cambiare il colore del collegamento ipertestuale in WordPress.
L'unica differenza è che dopo aver cambiato il colore del carattere del titolo, puoi aggiungere la lettera 'a' per indirizzare l'elemento 'ancora', che è ciò che controlla il colore del collegamento.
All'interno dell'ancora ci sono due pseudo-classi che potresti avere familiarità con la visualizzazione.
Il colore del passaggio del mouse del collegamento e il colore del collegamento visitato.
drago lavato a riva
Il CSS per modificare quelli per i titoli dei post cliccabili è
.entry-title a {
color:red;
}
.entry-title a:hover {
color:yellow;
}
.entry-title a:visited {
color:purple;
} Ancora una volta, i colori possono essere qualsiasi cosa tu voglia. Puoi fare lo stesso con i titoli delle pagine modificando '.entry-title' in '.page-title' nel codice sopra.
Come modificare i colori dei caratteri del titolo su WordPress.com
Per utilizzare il CSS aggiuntivo all'interno di WordPress.com, è necessario un piano Premium. Per i piani gratuiti, farai affidamento sullo sviluppatore del tema, comprese le opzioni di stile. Molti lo fanno.
All'interno della dashboard dell'amministratore, vai al menu Aspetto, quindi seleziona Personalizza.
Seleziona 'Colori e sfondo'
In questo esempio viene utilizzato il tema Bantry per WordPress.com. All'interno, ci sono cinque aree per le quali puoi cambiare i colori, ciascuna rappresentata da un cerchio colorato.
- Il colore di sfondo controlla lo sfondo dell'intera pagina.
- Il colore di primo piano controlla il colore del corpo del testo: l'area del contenuto.
- Il colore primario controlla il colore del carattere del titolo.
- Il colore secondario controlla il colore al passaggio del mouse del titolo.
- Il colore terziario controlla il colore di elementi come le linee di divisione tra i post del tuo blog nella pagina del blog.
Fai clic sul terzo cerchio colorato per cambiare il colore del carattere del titolo su WordPress.com. Puoi selezionare dalle tavolozze dei colori esistenti o fare clic sull'opzione per 'scegliere il tuo colore'.
Su altri temi all'interno dei temi approvati da WordPress.com, la maggior parte utilizza le etichette 'Principale' o 'Intestazione' all'interno del personalizzatore del tema per modificare il colore del carattere del titolo.