Come cambiare casualmente il colore di sfondo in WordPress

Di recente, uno dei nostri lettori ci ha chiesto se fosse possibile cambiare in modo casuale il colore di sfondo in WordPress. I colori giocano un ruolo importante nel modo in cui gli utenti vedono il tuo sito web e in che modo si impegnano. In questo articolo, ti mostreremo come modificare in modo casuale il colore di sfondo in WordPress.

Metodo 1: aggiungere colore di sfondo casuale in WordPress utilizzando il codice

Questo metodo richiede l'aggiunta di codice nei tuoi file WordPress. Prova questo metodo solo se hai dimestichezza con l'incollaggio di snippet dal web in WordPress.

Per prima cosa è necessario aggiungere questo codice al file functions.php del proprio tema o a un plug-in specifico del sito.

 function wpb_bg () $ rand = array ('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a B c D e F'); $ color = '#'. $ 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 $ color;  

Questa funzione genera semplicemente un valore di colore esadecimale casuale e lo riecheggia.

Ora è necessario modificare il file header.php del tema. Individua il tag line, sarà simile a questo:

Sostituiscilo con questa linea:

 > 

Salvare le modifiche e quindi visitare il sito Web per vedere il codice in azione.

Metodo 2: aggiungere strisce di colori casuali usando colori di sfondo favolosi

Questo metodo è più semplice ed è consigliato ai principianti che non desiderano modificare i propri file di temi WordPress.

Innanzitutto, è necessario installare e attivare il plugin Fabulous Background Colors. Per ulteriori dettagli, consulta la nostra guida passo passo su come installare un plug-in di WordPress.

Il plug-in funziona fuori dalla scatola e non ci sono impostazioni da configurare.

Ora puoi visitare il tuo sito Web e vedrai strisce colorate come colore di sfondo sul tuo sito web. Queste strisce svaniranno e cambieranno colori elegantemente ogni 5 secondi.

Metodo 3: Usare i CSS per aggiungere colori di sfondo non casuali in WordPress

Quasi tutti i temi WordPress conformi allo standard sono utilizzati body_class () funzione nel tag del corpo. Questo tag aggiunge un numero di classi CSS al tag body nel tema. Queste classi CSS predefinite generate da WordPress possono essere utilizzate per personalizzare singoli post, categorie, tag, ecc.

Ad esempio, se il tuo blog ha una categoria chiamata fotografia, puoi trovare queste classi CSS nel tag body della pagina dell'archivio delle categorie.

Puoi cambiare il colore di sfondo di quella particolare categoria semplicemente aggiungendo questo CSS al tuo tema WordPress o usando il plugin css personalizzato.

 body.category-photography background-color: # faebd7;  

Allo stesso modo troverai anche la classe post ID per i singoli post nella classe del corpo. Puoi usarlo per personalizzare ogni post di WordPress in modo diverso.

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

Speriamo che questo articolo ti abbia aiutato a imparare come modificare in modo casuale il colore di sfondo in WordPress. Potresti anche voler vedere la nostra guida su come aggiungere un'immagine di sfondo a schermo intero in WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.