Sidan för videor arkiv är den del av webbplatsen där människor kan bläddra bland alla gratis videor som är tillgängliga att titta på. Det är för att surfa, måste gilla hemsidan för utdrag eller hemsidan för demos.
Dessa sidor är en egen mall, som vi snabbt och enkelt kan piska upp i form som vi har gjort många gånger tidigare. Vi lägger vårt eget omslag runt saker och använder vår rutnätstruktur för att ge den en 2/3 1/3 layout.
Det som är väldigt spännande för mig här är att vi får chansen att riva ut en gammal bruttomarkering och ersätta den med mer intellegent och automatiskt genererad markering. I det förflutna skrev jag varje post i videoarkivet för hand som en definitionslista. Till att börja med är det förmodligen inte rätt semantisk markering för en lista med videor, speciellt när varje post startar en ny lista.
Istället rippar vi bort all den gamla markeringen och kör istället en noggrant utformad fråga för att fånga all information vi behöver från WordPress. Vi kör en slinga över den frågan och matar ut ny markering som är renare (bara delar med klasser). Detta kommer att spara oss tid i framtiden, utan att behöva handhålla dessa arkivsidor.
Medan vi skriver den här nya markeringen, fyller vi den med WordPress-funktioner som fyller i de bitar som vi behöver för att vara dynamiska. Titlarna är the_title(). Länkarna är the_permalink(). Miniatyrbilderna är anpassade fält. Lätt cheeszy.
Diverna använder klassnamn från vårt rutnätssystem så att allt flytande och dimensionering och allt fungerar automatiskt. Är vi inte effektiva? Vissa CSS måste dock vara anpassade, och vi skriver att vi behövde. Till exempel justera stoppningen för moduler specifikt i detta avsnitt (det var för mycket, vi minskade det). Den här typen av saker är lätt att göra via klassnamn tillgängliga för oss eftersom vi på ett intelligent body_class()sätt använde oss långt tillbaka när vi arbetade på huvudet.