La pagina dell'archivio video è la parte del sito in cui le persone possono sfogliare tutti i video gratuiti disponibili per la visione. È per la navigazione, deve come la home page per gli snippet o la home page per le demo.
Queste pagine sono il loro modello, che possiamo modellare molto rapidamente e facilmente come abbiamo fatto molte volte in precedenza. Mettiamo il nostro involucro intorno alle cose e usiamo la nostra struttura a griglia per dargli un layout 2/3 1/3.
Ciò che è molto eccitante per me qui è che abbiamo la possibilità di strappare un vecchio markup lordo e sostituirlo con un markup più intelligente e generato automaticamente. In passato, scrivevo a mano ogni voce negli archivi video come un elenco di definizioni. Per i principianti, probabilmente non è il markup semantico corretto per un elenco di video, specialmente quando ogni voce inizia un nuovo elenco.
Invece, strappiamo tutto quel vecchio markup e invece eseguiamo una query accuratamente predisposta per catturare tutti i dati di cui abbiamo bisogno da WordPress. Eseguiamo un ciclo su quella query e produciamo un nuovo markup che è più pulito (solo div con classi). Questo ci farà risparmiare tempo in futuro, non avendo bisogno di mantenere manualmente queste pagine di archivio.
Mentre stiamo scrivendo questo nuovo markup, lo stiamo infarcendo con le funzioni di WordPress che riempiono i bit di cui abbiamo bisogno per essere dinamici. I titoli sono the_title(). I collegamenti sono the_permalink(). Le miniature sono campi personalizzati. Facile cheezy.
I div usano i nomi delle classi dal nostro sistema a griglia in modo che tutto il floating, il dimensionamento e tutto il resto funzionino automaticamente. Non siamo efficienti? Tuttavia, alcuni CSS devono essere personalizzati e noi scriviamo che fosse necessario. Ad esempio, regolando il riempimento per i moduli in modo specifico in questa sezione (era troppo, l'abbiamo ridotto). Questo genere di cose è facile da fare tramite i nomi delle classi a nostra disposizione poiché abbiamo usato in body_class()modo intelligente molto tempo fa quando stavamo lavorando sulla testa.