# 122: वीडियो पुरालेख का निर्माण, भाग 1 - सीएसएस-ट्रिक्स

Anonim

वीडियो संग्रह पृष्ठ उस साइट का हिस्सा है जहां लोग देखने के लिए उपलब्ध सभी मुफ्त वीडियो ब्राउज़ कर सकते हैं। यह ब्राउजिंग के लिए है, स्निपेट के लिए होमपेज या डेमो के लिए होमपेज की तरह होना चाहिए।

ये पृष्ठ अपने स्वयं के टेम्पलेट हैं, जिन्हें हम बहुत जल्दी और आसानी से आकार में बदल सकते हैं जैसे हमने पहले कई बार किया है। हम अपने स्वयं के आवरण को चीजों के आसपास रखते हैं और इसे 2/3 1/3 लेआउट देने के लिए अपनी ग्रिड संरचना का उपयोग करते हैं।

क्या है बहुत यहाँ मेरे लिए रोमांचक है कि हम कुछ पुराने सकल मार्कअप बाहर चीर और अधिक intellegent और स्वचालित रूप से उत्पन्न मार्कअप के साथ बदलने का मौका मिलता है। अतीत में, मैंने वीडियो अभिलेखागार में प्रत्येक प्रविष्टि को एक परिभाषा सूची के रूप में लिखा था। शुरुआत के लिए, कि शायद वीडियो की सूची के लिए सही शब्दार्थ मार्कअप नहीं है, खासकर जब प्रत्येक प्रविष्टि एक नई सूची शुरू करती है।

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

जब हम यह नया मार्कअप लिख रहे हैं, तो हम इसे वर्डप्रेस फ़ंक्शन के साथ जोड़ रहे हैं जो बिट्स में भरते हैं जिन्हें हमें गतिशील होने की आवश्यकता है। शीर्षक हैं the_title()। लिंक हैं the_permalink()। थंबनेल कस्टम फ़ील्ड हैं। आसान चीजी।

डिव्स हमारे ग्रिड सिस्टम से क्लास के नाम का उपयोग करते हैं ताकि सभी फ्लोटिंग और आकार और सामान स्वचालित रूप से काम करें। क्या हम कुशल नहीं हैं? कुछ सीएसएस को हालांकि कस्टम होने की आवश्यकता है, और हम लिखते हैं कि हमें इसकी आवश्यकता थी। उदाहरण के लिए, विशेष रूप से इस खंड में मॉड्यूल के लिए पैडिंग को समायोजित करना (यह बहुत अधिक था, हमने इसे कम कर दिया)। body_class()जब हम सिर पर काम कर रहे थे तब इस तरह की बात हमारे लिए उपलब्ध वर्ग के नामों के माध्यम से करना आसान है क्योंकि हमने समझदारी से इस्तेमाल किया ।