# 123: वीडियो आर्काइव का निर्माण, भाग 2 (नेविगेशन) - सीएसएस-ट्रिक्स

Anonim

हमने इस रिडिजाइन का एक रोमांचक हिस्सा समाप्त कर लिया है जहाँ हमें वीडियो अभिलेखागार पृष्ठ में सकल मार्कअप का एक गुच्छा फेंकना पड़ा और इसे नए, स्मार्ट, स्वच्छ, ऑटो जनरेट किए गए मार्कअप से बदल दिया गया। लेकिन हमारे पास इन संग्रह पृष्ठों पर अधिक काम करना है। क्योंकि अभिलेखागार समूहों में स्वतः-उत्पन्न होने जा रहे हैं, इसलिए हमें पुराने समूहों के स्क्रेंबल्स को प्राप्त करने के लिए नेविगेशन (वास्तव में पृष्ठांकन) की आवश्यकता है।

अतीत में, चूंकि हम मैन्युअल रूप से सभी मार्कअप लिख रहे थे, इसलिए हम उस पेजिनेशन को पेज का एक स्थिर हिस्सा बना सकते हैं। मैं सामान्य रूप से बुरा नहीं मानता, लेकिन यह अब संभव नहीं है। जब हम एक नया स्क्रीनकास्ट प्रकाशित करते हैं, तो यह पहले पृष्ठ के अंत में और दूसरे पृष्ठ पर एक स्क्रेंकास्ट को पुश करने वाला है। तो स्टेटिक कोड में "# 115 - # 95" जैसा कुछ कहना केवल बहुत कम समय के लिए सटीक होगा।

पहले हम कुछ ब्लैक बार नेविगेशन क्लासेस का उपयोग करके स्टाइल को सही कर लेते हैं जिसे हमने कहीं और इस्तेमाल किया है (जैसे व्यक्तिगत स्निपेट पृष्ठों पर)।

फिर हम वास्तव में काम करना शुरू कर देते हैं। वर्डप्रेस में, आप URL को "/ पेज / 2" जैसे कुछ जोड़ सकते हैं और यह अभी भी उसी पेज को रेंडर करेगा जो पहले रेंडर कर रहा था, केवल यह आपको $ paged नामक एक ग्लोबल वैरिएबल का एक्सेस देगा जो "2" पर सेट किया जाएगा। ”। हम उस संख्या का उपयोग अपनी क्वेरी में समायोजित कर सकते हैं कि हम कौन से वीडियो दिखा रहे हैं। लेकिन इस तरह से करने के बजाय, वर्डप्रेस के पास इससे निपटने का एक और भी बेहतर तरीका है और यह 'paged' => $pagedक्वेरी में जोड़ रहा है। यह कुछ कायरता गणित के लिए है जो तब होता है जब हम अपने आप से ऑफसेट की कोशिश करते हैं और संभालते हैं।

हम इन नए पृष्ठांकन शैली लिंक को प्रतिबिंबित करने के लिए अपने स्थैतिक नेविगेशन में URL को समायोजित करते हैं। अब समस्या यह है कि लिंक में नंबर अब सटीक नहीं हैं। हम पहले "5, 4, 3, 2, 1" जैसे कुछ सरल प्रयास करते हैं। लेकिन यह थोड़े लंगड़ा और उबाऊ लगता है, साथ ही साथ भ्रमित करने वाला है क्योंकि वे संख्या वास्तविक पृष्ठ पर अंक संख्या से मेल नहीं खाते हैं।

हम कुछ अजीब वीडियो के बारे में पता लगाते हैं जो थोड़ा संबंधित है। हम क्वेरी को समायोजित करते हैं कि यह उन्हें कैसे आदेश देता है, लेकिन फिर भी कुछ मुद्दे हैं। अंतत: हम तय करते हैं कि हमें तारीख तक उन्हें ऑर्डर करना होगा, और साइट के लाइव होने के बाद स्क्रेंकोस्ट की प्रकाशित तारीखों में कुछ समायोजन करना होगा। ग्रन्टवर्क, लेकिन लंबी अवधि के लिए अच्छा है।

अंतत: (ऑफ वीडियो, मेरा मानना ​​है) हम ग्रीक शैली के पृष्ठांकन (अल्फा, बीटा, गामा) का उपयोग करते हुए समाप्त होते हैं, जो इसमें मनमाना काम करता है (मीडिया के सवालों के नामकरण की तरह हमारे मनमाने तीन भालुओं की तरह)। जैसा कि "ज़ेटा" बाद में लगता है और यह गहरे भूरे रंग का होता है, इसलिए "पुराने" का रूपक पूरा हो गया है।