Doriți să adăugați clase impare și pare la articolele despre subiectul dvs WordPress blog ? Adăugarea unei clase vă va permite să afișați un anumit stil pentru fiecare articol.

În acest tutorial, vă vom arăta cum să afișați clase uniforme sau impare pe WordPress.

pentru a afișa clasele ciudate chiar recuperate de WordPress

De ce să adăugați clase? paires "Sau" ciudat » pe tema ta WordPress blog ?

multe Teme WordPress utilizați o clasă veche sau aceeași pentru comentariile WordPress. Le permite utilizatorilor să vadă unde se termină un comentariu și unde începe altul.

La fel, puteți utiliza această tehnică pentru articolele dvs. Arată plăcut din punct de vedere estetic pentru a permite utilizatorilor să scaneze rapid paginile voluminoase. Acest lucru este deosebit de util pentru pagina principală a site-urilor de ziare sau reviste.

Acestea fiind spuse, vom vedea cum să adăugați o clasă în articolele dvs WordPress blog.

Cum se adaugă o clasă par / impare pe WordPress

WordPress generează clase CSS implicite și le adaugă la diferite articole de pe site-ul dvs. din timp. Aceste clase CSS ajută dezvoltatorii de pluginuri și teme să adauge propriile stiluri la fiecare articol diferit.

WordPress oferă și o funcție numită „ post_class Ceea ce este folosit de dezvoltatorii temei pentru a adăuga clase la articole.

Funcția post_class Este de asemenea un filtru, ceea ce înseamnă că puteți manipula asta cu. Exact asta vom face aici.

Doar adăugați acest cod în fișierul dumneavoastră functions.php. WordPress temă.

funcția oddeven_post_class ($ classes) {global $ current_class; $ clase [] = $ curent_class; $ current_class = ($ current_class == 'ciudat')? "chiar": "ciudat"; returnează clase de $; } add_filter ('post_class', 'oddeven_post_class'); global $ current_class; $ current_class = 'ciudat';

Această funcție adaugă pur și simplu o clasă unor elemente ciudate și uniforme.

Veți găsi clase ciudate și pare în codul sursă al site-ului dvs. Pur și simplu duceți mouse-ul la titlul unui articol, apoi faceți clic dreapta pentru a inspecta elementul.

previzualizați chiar și articol ciudat pe WordPress

Acum că ați adăugat clasele impare și pare la articolele dvs. Următorul pas este să le oferiți un stil unic cu CSS. Puteți adăuga codul CSS personalizat pe tema copilului dvs. sau utilizând un plugin CSS simplu.

Iată un exemplu de cod CSS pe care îl puteți folosi ca punct de plecare:

.even {background: #f0f8ff; } .odd {background: # f4f4fb; }

Iată cum poate fi rezultatul:

culori alternative articole WordPress

Veți avea nevoie de puțină practică pentru a obține rezultate bune, dar pentru aceasta va trebui să stăpâniți CSS sau să utilizați doar un instrument de genul CSS Hero.

Este la fel de simplu. Sper că acest tutorial vă va fi de mare ajutor. Nu ezitați să ne puneți întrebări sau să împărtășiți acest tutorial cu prietenii de pe rețelele de socializare preferate.