Dëshironi të shtoni klasa tek dhe çift në artikujt mbi temën tuaj blog WordPress ? Shtimi i një klase do t'ju lejojë të shfaqni një stil të veçantë për secilin artikull.
Në këtë tutorial, ne do t'ju tregojmë se si të shfaqni klasa të barabarta ose të çuditshme në WordPress.
Pse shtoni klasa? çifte "Ose" i rastësishëm » në temën tuaj blog WordPress ?
shumë Temat e WordPress përdorni një klasë të vjetër ose të njëjtë për komentet e WordPress. Ai i lejon përdoruesit të shohin se ku përfundon një koment dhe fillon një tjetër.
Po kështu, ju mund ta përdorni këtë teknikë për artikujt tuaj. Duket estetikisht e këndshme për të lejuar përdoruesit të skanojnë shpejt faqet që janë të mëdha. Kjo është veçanërisht e dobishme për faqen kryesore të faqeve të gazetave ose revistave.
Thënë kështu, ne do të shohim se si të shtojmë një klasë në artikujt tuaj blog WordPress.
Si të shtoni një klasë të barabartë / të çuditshme në WordPress
WordPress gjeneron klasa të paracaktuar CSS dhe i shton ato në artikuj të ndryshëm në faqen tuaj të internetit. Këto klasa CSS ndihmojnë shtojcat dhe zhvilluesit e temave të shtojnë stilet e tyre në secilin artikull të ndryshëm.
WordPress gjithashtu ofron një funksion të quajtur " post_class E cila përdoret nga zhvilluesit e temave për të shtuar klasa në artikuj.
Funksioni post_class Shtë gjithashtu një filtër, që do të thotë se ju mund ta manipuloni atë me. Kjo është pikërisht ajo që ne do të bëjmë këtu.
Thjesht shtoni këtë kod në skedarin tuaj functions.php. WordPress theme.
funksioni oddeven_post_class ($ classes) {global $ current_class; $ klasat [] = $ current_class; $ current_class = ($ current_class == 'çuditshme')? 'madje': 'çuditshme'; kthej $ klasa; } add_filter ('post_class', 'oddeven_post_class'); globale $ current_class; $ current_class = 'çuditshme';
Ky funksion thjesht shton një klasë për artikuj të çuditshëm dhe madje.
Ju do të gjeni klasa tek dhe çift në kodin burimor të faqes tuaj. Thjesht çoni miun te titulli i një artikulli, pastaj klikoni me të djathtën për të inspektuar artikullin.
Tani që keni shtuar artikujt tuaj në klasat tek dhe çift. Hapi tjetër është t'u jepni atyre një stil unik me CSS. Ju mund të shtoni kodin tuaj të personalizuar CSS në temën tuaj të fëmijës, ose duke përdorur një shtojcë të thjeshtë CSS.
Këtu është një shembull i kodit CSS që mund të përdorni si pikënisje:
.even {background: # f0f8ff; } .odd {background: # f4f4fb; }
Ja se si mund të jetë rezultati:
Do t'ju duhet pak praktikë për të marrë rezultate të mira, por për këtë do t'ju duhet të zotëroni CSS ose thjesht të përdorni një mjet si CSS Hero.
Asshtë po aq e thjeshtë sa ajo. Shpresoj se ky tutorial do t'ju ndihmojë shumë. Mos ngurroni të na parashtroni pyetje ose shpërndani këtë mësimdhënie me miqtë tuaj në rrjetet tuaja të preferuara sociale.
