# 123: Membangun Arsip Video, Bagian 2 (Navigasi) - Trik CSS

Anonim

Kami baru saja menyelesaikan bagian menarik dari desain ulang ini di mana kami harus membuang banyak markup kotor di halaman arsip video dan menggantinya dengan markup baru, cerdas, bersih, dan dibuat secara otomatis. Tapi kami memiliki lebih banyak pekerjaan yang harus dilakukan pada halaman arsip ini. Karena arsip akan dibuat secara otomatis menjadi grup, kami memerlukan navigasi (benar-benar pagination) untuk masuk ke grup screencast yang lebih lama.

Di masa lalu, karena kami menulis semua markup secara manual, kami dapat menjadikan penomoran halaman itu sebagai bagian statis dari halaman. Saya tidak keberatan secara umum, tapi itu tidak mungkin lagi. Saat kami menerbitkan screencast baru sekarang, ini akan mendorong satu screencast dari akhir halaman pertama dan ke halaman kedua. Jadi mengatakan sesuatu seperti "# 115 - # 95" dalam kode statis hanya akan akurat untuk waktu yang sangat singkat.

Pertama kita mendapatkan gaya yang benar dengan menggunakan beberapa kelas navigasi bilah hitam yang telah kita gunakan di tempat lain (seperti pada halaman cuplikan individu).

Kemudian kami mulai membuat paginasi benar-benar berfungsi. Di WordPress, Anda dapat menambahkan ke URL sesuatu seperti "/ halaman / 2" dan itu akan tetap merender halaman yang sama seperti yang dirender sebelumnya, hanya itu akan memberi Anda akses ke variabel global yang disebut $ paged yang akan disetel ke "2 ". Kami dapat menggunakan angka itu dalam kueri kami untuk menyesuaikan video mana yang kami tayangkan. Tetapi alih-alih melakukannya dengan cara itu, WordPress memiliki cara yang lebih cerdas untuk menghadapinya dan itu menambah 'paged' => $pagedkueri. Itu menjelaskan beberapa matematika funky yang terjadi ketika kita mencoba dan menangani offset sendiri.

Kami menyesuaikan URL di navigasi statis kami untuk mencerminkan link gaya pagination baru ini. Masalahnya sekarang adalah angka-angka di tautan tidak lagi akurat. Kami pertama kali mencoba sesuatu yang sederhana seperti "5, 4, 3, 2, 1". Tapi itu terasa agak payah dan membosankan, serta hanya membingungkan karena angka-angka itu tidak cocok dengan nomor pagination yang sebenarnya.

Kami menemukan beberapa urutan video aneh yang sedikit mengkhawatirkan. Kami menyesuaikan kueri dengan cara mengurutkan mereka, tetapi masih ada beberapa masalah. Pada akhirnya kami memutuskan bahwa kami harus memesannya berdasarkan tanggal, dan beberapa penyesuaian pada tanggal penerbitan screencast harus dilakukan setelah situs ditayangkan. Gruntwork, tapi bagus untuk jangka panjang.

Pada akhirnya (off video, saya percaya) kami akhirnya menggunakan pagination gaya Yunani (Alpha, Beta, Gamma) yang bekerja dalam kesewenang-wenangannya (seperti tiga beruang sembarang kami yang menamai kueri media). Seperti dalam, "Zeta" terdengar belakangan dan warnanya lebih tua abu-abu, jadi metafora untuk "lebih tua" selesai.