# 122: Videote arhiivi ehitamine, 1. osa - CSS-trikid

Anonim

Videote arhiivileht on osa saidist, kus inimesed saavad sirvida kõiki vaatamiseks saadaval olevaid tasuta videoid. See on sirvimiseks, peab meeldima juppide avalehele või demode avalehele.

Need lehed on nende endi mall, mille saame väga kiiresti ja hõlpsalt vormi vormida, nagu oleme seda varem teinud mitu korda. Me paneme oma ümbrise asjade ümber ja kasutame oma võrgustruktuuri, et anda sellele 2/3 1/3 paigutus.

Mis on väga põnev minu jaoks on see, et saame võimaluse kiskuda mõned vanad bruto juurdehindlus ja asendada see rohkem intellegent ja automaatselt genereeritud juurdehindlus. Varem kirjutasin iga sissekande videoarhiivi käsitsi määratluste loendina. Alustuseks pole see ilmselt videoloendi jaoks õige semantiline märgistus, eriti kui iga kirje alustab uut loendit.

Selle asemel rebime välja kogu selle vana märgistuse ja käivitame selle asemel hoolikalt koostatud päringu, et kõik vajalikud andmed WordPressist kätte saada. Käivitame selle päringu üle silmuse ja väljastame uue märgistuse, mis on puhtam (lihtsalt divs klassidega). See säästab tulevikus meie aega, ilma et oleks vaja neid arhiivilehti käsitsi hooldada.

Selle uue märgistuse kirjutamise ajal proovime seda WordPressi funktsioonidega, mis täidavad bitid, et peame olema dünaamilised. Pealkirjad on the_title(). Lingid on the_permalink(). Pisipildid on kohandatud väljad. Lihtne tuim.

Div-id kasutavad meie ruudustikusüsteemi klassinimesid, nii et kõik hõljuvad ja suurused ning muu toimib automaatselt. Kas me pole efektiivsed? Mõned CSS-id peavad siiski olema kohandatud ja me kirjutame nii, nagu vaja oleksime. Näiteks selles jaotises moodulite polsterduse reguleerimine (see oli liiga palju, vähendasime seda). Sellist asja on meile saadaolevate klassinimede abil lihtne teha, kuna body_class()peaga töötades kasutasime arukalt tagasiteed.