Vai al contenuto principale

Come cambiare i colori di sfondo su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Uno dei nostri abbonati ci ha chiesto se fosse possibile cambiare il colore dello sfondo di WordPress in modo casuale. I colori di sfondo giocano un ruolo importante nel 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:

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

style = "background-color: ">>

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

sfondo casuale di WordPress

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.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

sfondo animato

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 la funzione " body_class WordPress sul tag "body". Questa funzione aggiunge classi CSS generate da WordPress o plug-in sul tag body del tuo blog. Ogni classe varia a seconda del luogo in cui ti trovi. 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.

articoli blog di classe

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

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

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 ciò che devi sapere. Spero che questo tutorial ti permetta di aggiungere classi personalizzate al tuo blog WordPress. Sentiti libero di condividere questo articolo con i tuoi amici sui tuoi social network preferiti.

Questo articolo contiene i commenti 2

  1. Buongiorno,
    Il tuo "pezzo di codice" mi interessa e vorrei adattarlo alle mie esigenze.
    Ciò implica cambiare i colori ogni, diciamo 5 secondi.
    Non ho trovato un modo per farlo. Non so nulla di php e dell'uso di un timer.
    Puoi mettermi sul sentiero per favore?

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
2 azioni
quota2
Tweet
Enregistrer