# 123: Construindo o Arquivo de Vídeos, Parte 2 (Navegação) - CSS-Tricks

Anonim

Acabamos de terminar uma parte empolgante desse redesenho, em que jogamos fora um monte de marcação grosseira na página de arquivos de vídeo e substituímos por uma marcação nova, inteligente, limpa e gerada automaticamente. Mas temos mais trabalho a fazer nessas páginas de arquivos. Como os arquivos serão gerados automaticamente em grupos, precisamos de navegação (na verdade, paginação) para chegar a grupos de screencasts mais antigos.

No passado, como escrevíamos manualmente todas as marcações, podíamos tornar essa paginação uma parte estática da página. Eu não me importo com isso em geral, mas isso simplesmente não é mais possível. Quando publicamos um novo screencast agora, ele vai empurrar um screencast do final da primeira página para a segunda página. Portanto, dizer algo como “# 115 - # 95” em código estático só será preciso por um curto período de tempo.

Primeiro, acertamos o estilo usando algumas classes de navegação de barra preta que usamos em outros lugares (como em páginas de snippets individuais).

Então começamos a fazer a paginação realmente funcionar. No WordPress, você pode adicionar à URL algo como “/ page / 2” e ainda irá renderizar a mesma página que estava renderizando antes, apenas lhe dará acesso a uma variável global chamada $ paged que será definida como “2 ”. Poderíamos usar esse número em nossa consulta para ajustar quais vídeos estamos exibindo. Mas, em vez de fazer dessa forma, o WordPress tem uma maneira ainda mais inteligente de lidar com isso e isso é adicionar 'paged' => $pagedà consulta. Isso explica alguma matemática funky que acontece quando tentamos e controlamos o deslocamento por nós mesmos.

Ajustamos os URLs em nossa navegação estática para refletir esses novos links de estilo de paginação. O problema agora é que os números nos links não são mais precisos. Primeiro tentamos algo simples como “5, 4, 3, 2, 1”. Mas isso parece meio chato e chato, além de apenas confuso, já que esses números não correspondem aos números de paginação reais.

Nós descobrimos algumas ordens estranhas de vídeos que são um pouco preocupantes. Ajustamos a consulta na forma como os ordena, mas ainda existem alguns problemas. No final, decidimos que teremos de ordená-los por data, e alguns ajustes nas datas de publicação dos screencasts terão que ser feitos depois que o site entrar no ar. Trabalho pesado, mas bom a longo prazo.

No final das contas (fora do vídeo, eu acredito) acabamos usando a paginação no estilo grego (Alfa, Beta, Gama), que funciona em sua arbitrariedade (como nossos três ursos nomeando as consultas de mídia). Tipo, “Zeta” soa mais tarde e é um cinza mais escuro, então a metáfora para “mais velho” está completa.