Želite li dodati parne i neparne klase u članke na temu vaše WordPress blog ? Dodavanje klase omogućit će vam da prikažete određeni stil za svaki članak.
U ovom ćemo vam vodiču pokazati kako prikazati neparne ili neparne klase na WordPressu.
Zašto dodavati nastavu? para "Ili" Neparan » na temu vašeg WordPress blog ?
Mnogi WordPress teme koristite staru ili istu klasu za WordPress komentare. Omogućuje korisnicima da vide gdje jedan komentar završava, a drugi počinje.
Isto tako, ovu tehniku možete koristiti za svoje članke. Izgleda estetski ugodno omogućiti korisnicima brzo skeniranje glomaznih stranica. To je osobito korisno za početnu stranicu stranica s novinama ili časopisima.
Ipak, vidjet ćemo kako dodati klasu u vaše članke WordPress blog.
Kako dodati neparnu / neparnu klasu na WordPress
WordPress generira zadane CSS klase i dodaje ih u različite članke na vašoj web stranici u pokretu. Ove klase CSS pomažu dodacima i temama za programere da dodaju vlastite stilove svakom različitom članku.
WordPress nudi i funkciju " post_class Koji programeri tema koriste za dodavanje klasa u članke.
Funkcija post_class Također je filtar, što znači da s tim možete manipulirati. Upravo ćemo ovdje raditi.
Samo dodajte ovaj kod u svoju datoteku functions.php. WordPress tema.
funkcija oddeven_post_class ($ classes) {globalni $ current_class; $ classes [] = $ current_class; $ current_class = ($ current_class == 'neparan')? 'even': 'odd'; return $ classes; } add_filter ('post_class', 'oddeven_post_class'); global $ current_class; $ current_class = 'neparan';
Ova funkcija jednostavno dodaje klasu u neparne i parne stavke.
Neparne i pare ćete naći u izvornom kodu svoje stranice. Samo pređite mišem do naslova članka, a zatim desnom tipkom miša pregledajte stavku.
Sad kad ste svojim člancima dodali neparne i parne razrede. Sljedeći je korak dati im jedinstveni stil s CSS-om. Možete dodati svoj prilagođeni CSS kôd na podređenu temu ili pomoću jednostavnog CSS dodatka.
Evo primjera CSS koda koji možete koristiti kao početnu točku:
.even {pozadina: #f0f8ff; } .odd {pozadina: #f4f4fb; }
Evo kako rezultat može biti:
Trebat će vam malo prakse da biste postigli dobre rezultate, ali za to ćete trebati svladati CSS ili jednostavno koristiti alat poput CSS heroj.
Jednostavno je. Nadam se da će vam ovaj udžbenik biti od velike pomoći. Slobodno nam postavite pitanja ili podijelite ovaj tutorial sa svojim prijateljima na svojim omiljenim društvenim mrežama.
