De video-archiefpagina is het deel van de site waar mensen door alle gratis video's kunnen bladeren die beschikbaar zijn om te bekijken. Het is om te browsen, moet de startpagina voor de fragmenten of de startpagina voor de demo's leuk vinden.
Deze pagina's zijn hun eigen sjabloon, die we heel snel en gemakkelijk in vorm kunnen krijgen, zoals we al zo vaak hebben gedaan. We plaatsen onze eigen wrapper om dingen en gebruiken onze rasterstructuur om het een 2/3 1/3 lay-out te geven.
Wat hier erg opwindend voor mij is, is dat we de kans krijgen om een aantal oude grove markeringen eruit te halen en deze te vervangen door intelligentere en automatisch gegenereerde markeringen. In het verleden heb ik elk item in de video-archieven met de hand geschreven als een definitielijst. Om te beginnen is dat waarschijnlijk niet de juiste semantische opmaak voor een lijst met video's, vooral wanneer elk item een nieuwe lijst begint.
In plaats daarvan verwijderen we al die oude markeringen en voeren in plaats daarvan een zorgvuldig samengestelde zoekopdracht uit om alle gegevens die we nodig hebben van WordPress te achterhalen. We voeren een lus over die query uit en voeren nieuwe markeringen uit die schoner zijn (alleen divs met klassen). Dit zal ons in de toekomst tijd besparen, omdat we deze archiefpagina's niet met de hand hoeven te onderhouden.
Terwijl we deze nieuwe opmaak schrijven, doorspitten we het met WordPress-functies die de stukjes invullen die we nodig hebben om dynamisch te zijn. De titels zijn the_title(). De links zijn the_permalink(). De miniaturen zijn aangepaste velden. Gemakkelijk cheezy.
De divs gebruiken klassennamen uit ons rastersysteem, zodat alle zwevende en dimensionering en dergelijke automatisch werken. Zijn we niet efficiënt? Sommige CSS moeten echter worden aangepast, en we schrijven waar nodig. Bijvoorbeeld het aanpassen van de opvulling voor modules specifiek in deze sectie (het was te veel, we hebben het verkleind). Dit soort dingen is gemakkelijk te doen via klassenamen die voor ons beschikbaar zijn, omdat we het op intelligente body_class()wijze gebruikten toen we aan het hoofd werkten.