Cum de a schimba în mod alternativ culoarea de fundal în WordPress

Cum de a schimba în mod alternativ culoarea de fundal în WordPress / tematică

Recent, unul dintre cititorii noștri ne-a întrebat dacă a fost posibilă schimbarea aleatorie a culorii de fundal în WordPress. Culorile joacă un rol important în modul în care utilizatorii văd site-ul dvs. web și modul în care se angajează. În acest articol, vă vom arăta cum să schimbați aleatoriu culoarea de fundal în WordPress.

Metoda 1: Adăugați culoarea de fundal aleatorie în WordPress utilizând codul

Această metodă vă cere să adăugați cod în fișierele WordPress. Încercați această metodă numai dacă sunteți confortabil să inserați fragmente din web în WordPress.

Mai întâi trebuie să adăugați acest cod la fișierul functions.php al temei sau la un plugin specific site-ului.

 funcția wpb_bg () $ rand = array ('0', '1', '2', '3', '4', '5', '6', '7', '8', '9'; "a", "b", "c", "d", "e", "f"); $ 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 generează pur și simplu o valoare aleatorie de culoare hexagonală și o reflectă.

Acum trebuie să editați fișierul header.php al temei. Localizați linia de tag-uri, acesta va arata astfel:

  

Înlocuiți-l cu această linie:

 > 

Salvați modificările și apoi vizitați site-ul dvs. web pentru a vedea codul în acțiune.

Metoda 2: Adăugați coli de culoare aleatoare utilizând culori de fundal fabuloase

Această metodă este mai ușoară și este recomandată începătorilor care nu doresc să editeze fișierele tematice WordPress.

În primul rând, trebuie să instalați și să activați pluginul Fabulous Background Colors. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

Pluginul funcționează din cutie și nu există setări pentru configurare.

Acum puteți vizita site-ul dvs. și veți vedea pe site-ul dvs. dungi colorate ca culori de fundal. Aceste dungi se vor estompa și vor schimba culorile elegant după fiecare 5 secunde.

Metoda 3: Utilizarea CSS pentru a adăuga culori de fundal non-aleatoare în WordPress

Aproape toate temele WordPress compatibile standard folosesc body_class () funcția în eticheta corporală. Această etichetă adaugă un număr de clase CSS la eticheta corporală din tema dvs. Aceste clase implicite WordPress generate CSS pot fi folosite pentru a personaliza posturi individuale, categorii, etichete etc..

De exemplu, dacă blogul dvs. are o categorie numită fotografie, atunci puteți găsi aceste clase CSS în eticheta corporală a paginii de arhivă a categoriei.

Puteți schimba culoarea de fundal a acelei categorii prin simpla adăugare a acestui CSS în tema WordPress sau prin utilizarea unui plugin css personalizat.

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

În mod similar, veți găsi, de asemenea, clasa post ID pentru postări individuale din clasa corporală. Puteți să-l utilizați pentru a modela fiecare post WordPress diferit.

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

Sperăm că acest articol v-a ajutat să învățați cum să schimbați aleatoriu culoarea de fundal în WordPress. Ați putea dori, de asemenea, să vedeți ghidul nostru despre cum să adăugați o imagine de fundal pe întreg ecranul în WordPress.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Facebook.