Videoarkistosivu on osa sivustoa, jossa ihmiset voivat selata kaikkia katsottavia ilmaisia videoita. Se on tarkoitettu selaamiseen, sen on tykkää katkelmien kotisivusta tai demojen kotisivusta.
Nämä sivut ovat heidän oma mallinsa, jonka voimme hyvin nopeasti ja helposti ryöstää muotoon, kuten olemme tehneet monta kertaa aiemmin. Laitamme oman kääreen ympärille asioita ja käytämme ruudukkorakennettamme antamaan sille 2/3 1/3 asettelun.
Mikä on hyvin jännittävä minulle on, että saamme mahdollisuuden repimään vanhoja brutto merkkaus ja korvata sen paremmin intellegent ja automaattisesti luotu markup. Aikaisemmin kirjoitin jokaisen videokokoelman merkinnän määritelmäluetteloksi. Ensinnäkin, se ei todennäköisesti ole oikea semanttinen merkintä videoluettelolle, varsinkin kun jokainen merkintä aloittaa uuden luettelon.
Sen sijaan ripustamme kaikki vanhat merkinnät ja suoritamme sen sijaan huolellisesti suunnitellun kyselyn, jotta kaikki tarvittavat tiedot saadaan WordPressistä. Suoritamme silmukan kyseisen kyselyn yli ja annamme uuden puhtaamman merkinnän (vain divs luokkien kanssa). Tämä säästää aikaa tulevaisuudessa, eikä sinun tarvitse ylläpitää näitä arkistosivuja käsin.
Kun kirjoitamme tätä uutta merkintää, pyrimme siihen WordPress-toiminnoilla, jotka täyttävät bitit, joiden on oltava dynaamisia. Otsikot ovat the_title()
. Linkit ovat the_permalink()
. Pikkukuvat ovat mukautettuja kenttiä. Helppo röyhkeä.
Div: t käyttävät ruudukkojärjestelmän luokkien nimiä, jotta kaikki kelluvat ja mitoitus ja muut asiat toimivat automaattisesti. Emmekö ole tehokkaita? Osa CSS: stä on kuitenkin oltava mukautettu, ja kirjoitamme sen, mitä tarvitsemme. Esimerkiksi moduulien pehmusteen säätäminen nimenomaan tässä osassa (se oli liikaa, pienennimme sitä). Tällainen asia on helppo tehdä käytettävissä olevien luokkien nimien kautta, koska käytimme älykkäästi body_class()
takaisin, kun työskentelimme päähän.