Cum de a adăuga Clasa Impare / Chiar la Postarea ta în WordPress Teme

Doriți să adăugați clase Odd și Even la postări în tema WordPress? Adăugarea unei clase ciudate și uniforme vă permite să modelați fiecare post diferit. În acest articol, vă vom arăta cum să adăugați o clasă impare / par a postării dvs. în teme WordPress.

De ce adăugați clasa Impare / Chiar la postările dvs. în teme WordPress?

Multe teme WordPress utilizează o clasă veche sau chiar pentru comentariile WordPress. Îi ajută pe utilizatori să vizualizeze unde se termină un comentariu și începe următorul.

În mod similar, puteți utiliza această tehnică pentru posturile WordPress. Arată plăcut din punct de vedere estetic și îi ajută pe utilizatori să scaneze rapid pagini cu mult conținut. Este deosebit de util pentru pagina de pornire a revistelor sau a site-urilor de știri.

Acestea fiind spuse, să vedem cum să adăugăm o clasă ciudată și uniformă în postările din tema WordPress.

Adăugând Clasa Impare / Chiar la Postările în Tema WordPress

WordPress generează clase CSS implicite și le adaugă în diferite elemente de pe site-ul dvs. în zbor. Aceste clase CSS ajută dezvoltatorii de plugin-uri și temă să adauge propriile stiluri pentru diferite elemente.

WordPress vine, de asemenea, cu o funcție numită post_class, care este folosit de dezvoltatorii de teme pentru a adăuga clase pentru a posta element. Consultați ghidul nostru despre cum să stilizați fiecare post WordPress în mod diferit.

post_class este, de asemenea, un filtru, ceea ce înseamnă că vă puteți prinde propriile funcții. Acesta este exact ceea ce vom face aici.

Pur și simplu adăugați acest cod la fișierul functions.php al temei sau la un plugin specific site-ului.

 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 doar adaugă ciudat la primul post, apoi chiar și așa mai departe.

Puteți găsi clasele impare și egale în codul sursă al site-ului dvs. Pur și simplu luați mouse-ul la un titlu de post și apoi faceți clic dreapta pentru a selecta Inspect sau Inspect Element.

Acum că ați adăugat clase parțiale și impare la postările dvs. Următorul pas este să le stilizați folosind CSS. Puteți adăuga CSS personalizat în foaia de stil a temei copilului dvs. sau prin utilizarea pluginului Simplu personalizat CSS.

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

 .chiar și background: # f0f8ff;  .odd background: # f4f4fb;  

Acesta este modul în care a arătat pe site-ul nostru de testare:

Dacă nu știți cum să utilizați CSS, este posibil să doriți să verificați CSS Hero. Vă permite să adăugați CSS în orice parte a site-ului dvs. WordPress fără a scrie niciun cod.

Sperăm că acest articol v-a ajutat să învățați cum să adăugați o clasă ciudat / par la postările dvs. în teme WordPress. Ați putea dori, de asemenea, să vedeți ghidul nostru cu privire la modul de a modela aspectul comentariilor 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.