# 123: Opbygning af videoarkivet, del 2 (navigation) - CSS-tricks

Anonim

Vi afsluttede netop en spændende del af dette redesign, hvor vi fik smidt en masse grov markering væk i videoarkivsiden og erstattet med en ny, smart, ren, automatisk genereret markering. Men vi har mere arbejde at gøre på disse arkivsider. Fordi arkiverne automatisk genereres i grupper, har vi brug for navigation (virkelig pagination) for at komme til ældre grupper af screencasts.

Tidligere, da vi manuelt skrev al markering, kunne vi gøre denne sideinddeling til en statisk del af siden. Det har jeg ikke noget imod generelt, men det er simpelthen ikke muligt længere. Når vi udgiver en ny screencast nu, vil den skubbe en screencast fra slutningen af ​​den første side og på den anden side. Så det at sige noget som “# 115 - # 95” i statisk kode vil kun være nøjagtigt i meget kort tid.

Først får vi stylingen korrekt ved at bruge nogle sorte bjælkenavigationsklasser, som vi har brugt andre steder (som på sider med enkelte uddrag).

Derefter kommer vi i gang med at få paginationen til at fungere. I WordPress kan du tilføje til URL'en noget i retning af “/ page / 2”, og det gengiver stadig den samme side, som det blev gengivet før, kun det giver dig adgang til en global variabel kaldet $ paged, der vil blive indstillet til “2 ”. Vi kunne bruge dette nummer i vores forespørgsel til at justere, hvilke videoer vi viser. Men i stedet for at gøre det på den måde har WordPress en endnu smartere måde at håndtere det på, og det tilføjer 'paged' => $pagedforespørgslen. Det tegner sig for en funky matematik, der sker, når vi prøver at håndtere offset af os selv.

Vi justerer URL'erne i vores statiske navigation for at afspejle disse nye links til sidestil. Problemet er nu, at tallene i linkene ikke længere er korrekte. Vi prøver først noget simpelt som “5, 4, 3, 2, 1”. Men det føles lidt halt og kedeligt, såvel som bare forvirrende, da disse tal ikke svarer til de faktiske pagineringsnumre.

Vi opdager nogle underlige bestillinger af videoer, der er lidt bekymrende. Vi justerer forespørgslen i, hvordan den bestiller dem, men der er stadig nogle problemer. I sidste ende beslutter vi, at vi bliver nødt til at bestille dem efter dato, og nogle justeringer af de offentliggjorte datoer for screencasts skal foretages, når webstedet er live. Gruntwork, men godt på lang sigt.

I sidste ende (off video, tror jeg), ender vi med at bruge græsk stil pagination (Alpha, Beta, Gamma), som fungerer i den vilkårlighed (som vores vilkårlige tre bjørne navngivning af mediespørgsmål). Som i lyder "Zeta" senere, og det er mørkere gråt, så metaforen for "ældre" er komplet.