Uno dei nostri iscritti ci ha chiesto se fosse possibile cambiare in modo casuale il colore di sfondo di WordPress. I colori di sfondo giocano un ruolo importante per il tuo pubblico. Possono influenzare 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.

Mentre vai al tuo blog, noterai che ha i colori di sfondo rappresentati come strisce che cambiano in una transizione gradiente.

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

Quasi tutti i temi WordPress standard utilizzano il “ body_class » sul tag "body" di WordPress. Questa funzione aggiunge classi CSS generate da WordPress o dai plugin al tag body del tuo blog. Ogni classe varia a seconda della posizione. La classe di categoria sarà quindi diversa dalla classe di archivio o di autore.

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 è praticamente tutto quello che c'è da sapere. Spero che questo tutorial ti aiuti ad aggiungere classi personalizzate al tuo blog WordPress. Sentiti libero di condividere questo articolo con i tuoi amici sui tuoi social network preferiti.