Uno dei nostri abbonati ci ha chiesto se fosse possibile cambiare in modo casuale il colore di sfondo di WordPress. I colori di sfondo svolgono un ruolo importante sul tuo pubblico. Possono cambiare il modo in cui gli utenti interagiscono con il tuo sito web. In questo tutorial ti mostreremo come cambiare in modo casuale il colore di sfondo del tuo blog WordPress.

Metodo 1: come aggiungere manualmente i colori casuali

Questo metodo è destinato agli sviluppatori. Ti richiederà di aggiungere una porzione di codice nei tuoi plugin o temi. Ricorda che ti è stato mostrato come creare un plugin per WordPress.

Tutto quello che devi fare è aggiungere il seguente pezzo di codice al tuo plugin, o al file “functions.php” del tuo tema.

Funzione bpc_bg () {$ rand = array ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'e', ​​'f'); $ Colore = '#'. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)] .. echo $ colore; }

Questa funzione visualizza solo i colori esadecimali che genera in anticipo.

Dovrai quindi modificare il file header.php del tuo tema, dove si trova il tag boy come nell'immagine seguente:

>

Si dovrebbe sostituirlo con il seguente codice:

style = "background-color: ">>

Salva il tuo file e aggiorna la tua pagina, noterai che c'è un cambio di colore ogni volta.

Non hai limiti ai colori che puoi scegliere. È anche possibile fare la stessa cosa con i colori predefiniti.

Metodo 2: come modificare i colori di sfondo con un plugin

il rendering di questo metodo è migliore. Perché ti permette di visualizzare più colori contemporaneamente e dinamicamente. Tutto quello che devi fare è installare e attivare il plugin colori di sfondo favolosi. Potete leggere la nostra guida sull'installazione e l'attivazione dei plugin di WordPress.

Accedendo  il tuo blog, noterai che quest'ultimo ha i colori di sfondo rappresentati come strisce che cambiano in una transizione sfumata.

Metodo 3: come aggiungere un colore personalizzato giocando con le classi CSS

Presque tous lezione Temi WordPress standard usa la funzione " body_class » da WordPress sul tag “body”. Questa funzione aggiunge classi CSS generate da WordPress o plugin al tag body di il tuo blog. Ogni lezione varia a seconda del luogo in cui ci si trova. La classe delle categorie sarà quindi diversa da quella degli archivi o degli autori.

Ad esempio, se hai un blog con una categoria chiamata " fotografia", Quindi puoi trovare la classe corrispondente nella pagina degli archivi del blog.

Da questo momento in poi, puoi applicare uno stile specifico a questo tag.

body.category-fotografia {background-color: #faebd7; }

Allo stesso modo, è possibile applicare un codice specifico per una particolare categoria

body.postid-65 {background-color: #faebd7; }

Questo è tutto quello che c'è da sapere. Spero che questo tutorial ti permetta di aggiungere classi personalizzate sul tuo blog WordPress. Sentiti libero di condividere questo articolo con i tuoi amici sui tuoi social network preferiti.