Unul dintre abonații noștri ne-a întrebat dacă este posibil să schimbăm aleatoriu culoarea de fundal a WordPress. Culorile de fundal joacă un rol important pentru publicul dvs. Acestea pot schimba modul în care utilizatorii interacționează cu site-ul dvs. În acest tutorial, vă vom arăta cum să schimbați aleatoriu culoarea de fundal a dvs WordPress blog.

Metoda 1: Cum să adăugați culori aleatorii manual

Această metodă este destinată dezvoltatorilor. Vă va cere să adăugați o porțiune de cod în pluginuri sau teme. Amintiți-vă că ați fost arătat cum să creezi un plugin WordPress.

Tot ce trebuie să faceți este să adăugați următoarea bucată de cod la pluginul dvs. sau la fișierul „functions.php” al temei.

Funcția bpc_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; }

Această funcție afișează doar culorile hexazecimale pe care le generează în prealabil.

Prin urmare, va trebui să modificați fișierul header.php al temei dvs., unde se află eticheta băiat ca în imaginea următoare:

>

Trebuie să îl înlocuiți cu următorul cod:

style = "background-color: ">>

Salvați fișierul și reîmprospătați pagina, veți observa că există o schimbare de culoare de fiecare dată.

fundal WordPress întâmplător

Nu aveți nicio limită pentru culorile pe care le puteți alege. Este chiar posibil să faceți același lucru cu culori pe care le-ați predefinit.

Metoda 2: cum să schimbați culorile de fundal cu un plugin

redarea acestei metode este mai bună. Deoarece vă permite să afișați mai multe culori în același timp și dinamic. Tot ce trebuie să faceți este să instalați și să activați pluginul culori de fundal fabuloase. Puteți citi ghidul nostru la instalarea și activarea pluginurilor WordPress.

fundal animat

Prin accesare  blogul tău, veți observa că acesta din urmă are culori de fundal reprezentate ca dungi care se schimbă într-o tranziție de gradient.

Metoda 3: Cum să adăugați o culoare personalizată jucând cu clase CSS

Presque tous Lecție Teme WordPress utilizați standard funcția " body_class » din WordPress pe eticheta „body”. Această funcție adaugă clase CSS generate de WordPress sau plugin-uri la eticheta body al blogul tău. Fiecare clasă variază în funcție de locația în care se află. Clasa de categorii va fi așadar diferită de cea a arhivelor sau a autorilor.

De exemplu, dacă aveți un blog cu o categorie numită " fotografie„, Apoi puteți găsi clasa corespunzătoare în pagina arhivelor blogului.

blog posturi de blog

Din acest moment, puteți aplica un stil specific acestei etichete.

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

În mod similar, puteți aplica un cod specific pentru o anumită categorie

body.postid-65 {culoare-fundal: #faebd7; }

Cam asta e tot ce e de stiut. Sper că acest tutorial vă va permite să adăugați clase personalizate pe dvs WordPress blog. Simțiți-vă liber să împărtășiți acest articol cu ​​prietenii de pe rețelele de socializare preferate.