# 122: Ustvarjanje arhiva videoposnetkov, 1. del - CSS-triki

Anonim

Stran z arhivom videoposnetkov je del spletnega mesta, kjer lahko ljudje brskajo po vseh brezplačnih videoposnetkih, ki so na voljo za ogled. To je za brskanje, mora biti všeč domača stran za delčke ali domača stran za predstavitve.

Te strani so lastne predloge, ki jih lahko zelo hitro in enostavno oblikujemo, kot smo to storili že velikokrat. Stvari postavimo z lastnim ovojem in uporabimo mrežno strukturo, da dobimo postavitev 2/3 1/3.

Kaj je zelo zanimivo zame v tem, da smo dobili priložnost, da iztrgati nekaj starih bruto oznake in jo nadomestiti z več intellegent in samodejno generira označevanjem. V preteklosti sem vsak svoj vpis v arhiv videov zapisal kot definicijski seznam. Za začetek to verjetno ni prava pomenska oznaka za seznam videoposnetkov, še posebej, če vsak vnos začne nov seznam.

Namesto tega iztrgamo vse tiste stare oznake in namesto tega zaženemo skrbno izdelano poizvedbo, da zalotimo vse podatke, ki jih potrebujemo iz WordPressa. Nad to poizvedbo zaženemo zanko in izpišemo nove oznake, ki so čistejše (samo div-ji z ​​razredi). To nam bo prihranilo čas v prihodnosti in vam ne bo treba ročno vzdrževati teh arhivskih strani.

Medtem ko pišemo to novo oznako, jo popivamo s funkcijami WordPress, ki zapolnijo bitov, ki jih potrebujemo za dinamičnost. Naslovi so the_title(). Povezave so the_permalink(). Sličice so polja po meri. Enostavno sira.

Divi uporabljajo imena razredov iz našega omrežnega sistema, tako da vsi plavajoči in velikosti ter stvari samodejno delujejo. Ali nismo učinkoviti? Nekateri CSS morajo biti prilagojeni, mi pa pišemo, kar smo morali. Na primer, prilagajanje oblazinjenja za module posebej v tem poglavju (preveč je bilo, zmanjšali smo ga). To je enostavno narediti z imeni razredov, ki so nam na voljo, saj smo pametno uporabljali body_class()pot nazaj, ko smo delali na glavo.