🙌 👊🏽 💿 आर्किटेक्चर ऑर्चर्ड सीएमएस। लेआउट अवधारणाओं 👨🏽‍🎓 🧚🏿 👨🏾‍🔬

यह गाइड के दूसरे भाग " ऑर्चर्ड सीएमएस का उपयोग करके अपनी वेबसाइट को कैसे बनाया जाए " का एक सिलसिला है। आप यहां गाइड के पहले भाग से परिचित हो सकते हैं: शुरुआत और निरंतरता । " ऑर्चर्ड सीएमएस आर्किटेक्चर शुरू करें । बुनियादी अवधारणाएँ “ यहाँ पाई और पढ़ी जा सकती हैं ।

परिचय

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

आपको याद दिला दूं कि ऑर्चर्ड का ऑटोमैटिक डाउनलोडिंग वेब प्लेटफॉर्म इंस्टालर, वेब टूल्स के लिए क्विक एक्सेस टूल ( इंस्टॉलेशन शुरू करने के लिए इस लिंक पर क्लिक करें ) का उपयोग करके एप्लिकेशन गैलरी से उपलब्ध है ।

बाग सीएमएस लेआउट अवधारणाओं

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

नीचे अवधारणाओं का एक संक्षिप्त अवलोकन है, बाद के लेखों में उन्हें एक विस्तृत अवलोकन दिया जाएगा।

विषय-वस्तु (विषय-वस्तु)

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

clip_image002

अंजीर। 2.6। ऑर्चर्ड सीएमएस थीम गैलरी

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

लेआउट (लेआउट)

एक मार्कअप लेआउट फ़ाइल बताती है कि वेब पेज के प्रत्येक घटक को कैसे स्थित होना चाहिए। ऑर्चर्ड सीएमएस में पेज लेआउट "ज़ोन", "विगेट्स", "लेयर्स" की अवधारणाओं के साथ संचालित होता है।

चित्र 2.7 सभी उपलब्ध क्षेत्रों के साथ डिफ़ॉल्ट रूप से ऑर्चर्ड सीएमएस में उपलब्ध थीम के लेआउट को दिखाता है जिसमें सामग्री को जोड़ा गया है।

clip_image004

अंजीर। 2.7। डिफ़ॉल्ट ऑर्चर्ड सीएमएस थीम लेआउट ज़ोन

टेम्पलेट (टेम्पलेट)

प्रत्येक सामग्री भाग, प्रत्येक सामग्री फ़ील्ड और प्रत्येक विजेट में उस डेटा का ग्राफ़िकल प्रतिनिधित्व होना चाहिए जिसका वे प्रतिनिधित्व करते हैं। एक टेम्पलेट कोड है जो विभिन्न प्रकार की सामग्री के लिए डेटा का एक HTML प्रतिनिधित्व बनाता है।

ऑर्चर्ड सीएमएस डिफ़ॉल्ट रूप से रेजर प्रस्तुति इंजन और इसके संबंधित सिंटैक्स का उपयोग करता है। आप इस वीडियो गाइड http://www.techdays.ru/videos/3307.html से रेजर के बारे में अधिक जान सकते हैं।

उदाहरण के लिए, हेडर में साइट का नाम प्रदर्शित करने के लिए एक टेम्पलेट निम्नानुसार है:

@{ var homeUrl = Href("~/"); } <h1 id="branding"><a href="@homeUrl">@WorkContext.CurrentSite.SiteName</a></h1>

आप इसे डिफ़ॉल्ट थीम में पा सकते हैं। यह टेम्प्लेट Branding.cshtml फ़ाइल द्वारा दर्शाया गया है और यह थीम्स \ TheTimeMachine \ Views फ़ोल्डर में स्थित है।

Orchard CMS में दो विशेष पैटर्न हैं: लेआउट टेम्पलेट और दस्तावेज़ टेम्पलेट।

लेआउट .cshtml लेआउट टेम्पलेट में वेब पेज घटकों की लेआउट संरचना होती है। इस टेम्पलेट और लागू शैलियों के लिए धन्यवाद, पृष्ठ तत्व स्थित हैं जहां इसकी आवश्यकता है।

दस्तावेज़ .cshtml दस्तावेज़ टेम्पलेट में तत्व लेआउट टेम्पलेट के आधार पर दस्तावेज़ के अंतिम लेआउट के गठन के लिए एक टेम्पलेट होता है। चित्र 2.8 ऑर्कर्ड सीएमएस परियोजनाओं में डिफ़ॉल्ट रूप से उपयोग किए गए दस्तावेज़ टेम्पलेट दिखाता है:

अंजीर। 2.8। डिफ़ॉल्ट दस्तावेज़ टेम्पलेट कोड

आप यह सुनिश्चित कर सकते हैं कि दस्तावेज़ टेम्पलेट टैग का उपयोग करके वेब पेज की संरचना का वर्णन करता है <! DOCTYPE>, <html>, <body> और अन्य।

आकार (आकार)

एक फॉर्म एक घटक अवधारणा है जिसे ऑर्चर्ड सीएमएस सूचना तत्वों का एक पेड़ बनाने के लिए उपयोग करता है।

किसी पृष्ठ पर टेम्प्लेट का उपयोग करके सामग्री प्रदर्शित करने से पहले, यह सामग्री फ़ॉर्म में परिवर्तित हो जाती है। पूरे वेब पेज का पेड़ ऐसे सभी रूपों से बनाया गया है। प्रपत्रों में शामिल होंगे: लेआउट फ़ाइल, क्षेत्र, विजेट और दस्तावेज़ भाग (सामग्री भाग)।

प्रपत्रों को उन घटकों के रूप में सोचा जा सकता है जिनके पास सामग्री है और उस सामग्री को प्रदर्शित करने के लिए उत्तरदायी टेम्पलेट है। प्रपत्रों को आवश्यक रूप से मार्कअप में जोड़ा और बनाया जा सकता है।

उदाहरण के लिए, थोड़ा अधिक, हमने Branding.cshtml टेम्पलेट की जांच की, जो पेज हेडर में साइट का नाम प्रदर्शित करने के लिए जिम्मेदार है। एक लेआउट टेम्प्लेट में, इस टेम्पलेट का उपयोग एक फॉर्म के रूप में किया जाता है। और इस फॉर्म को निम्न कोड के साथ गतिशील रूप से पृष्ठ शीर्षक में जोड़ा गया है:

WorkContext.Layout.Header.Add (New.Branding (), "5" );

आप रूपों के साथ काम करेंगे, जैसे वेब पेज ट्री के सरलतम तत्वों के साथ।

निवास (प्लेसमेंट)

यह जानने के लिए कि सामग्री के क्षेत्र या भागों को रखने के लिए ऑर्चर्ड कंटेंट मैनेजमेंट सिस्टम के लिए प्लेसमेंट नियमों को परिभाषित किया जाना चाहिए।

ऐसे नियम विशेष फ़ाइल Placement.info का उपयोग करके बनाए जाते हैं, जिसमें XML में प्लेसमेंट के बारे में जानकारी होती है। उदाहरण के लिए, नेविगेशन मॉड्यूल के लिए Placement.info फ़ाइल में निम्नलिखित नियम शामिल हैं:

<प्लेसमेंट>

<Place Parts_Navigation_Menu_Edit = "सामग्री: 9" />

</ प्लेसमेंट>

इस कोड का अर्थ है कि Parts_Navigation_Menu_Edit नाम के तहत फॉर्म को सामग्री पर पेज में नौवें स्थान पर रखा जाना चाहिए (जो कि 1 से 8 तक स्थिति डालने वाले तत्वों के बाद है)।

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

Placement.info के नियमों का उपयोग करके, आप न केवल पृष्ठ के भाग के आधार पर स्थान को निर्दिष्ट कर सकते हैं, बल्कि अन्य मापदंडों पर भी, उदाहरण के लिए, सामग्री के वर्तमान प्रकार पर, सामग्री के प्रकार पर, और यहां तक कि वर्तमान URL पर भी (Orchard 1.1 में जोड़ा जा सकता है)।

क्षेत्र (जोन)

ज़ोन उन पृष्ठों के भाग हैं जिनमें सामग्री हो सकती है। Orchard CMS में वेब पेज लेआउट ज़ोन पर आधारित है। उदाहरण के लिए, डिफ़ॉल्ट थीम, द टाइम मशीन के साथ काम करने पर चित्र 2.7 सभी उपलब्ध क्षेत्रों को दिखाता है।

ज़ोन को त्वचा में परिभाषित किया जाता है और इसका उपयोग Layout.cshtml लेआउट टेम्पलेट में किया जाता है। उदाहरण के लिए, निम्न ज़ोन को टाइम मशीन थीम (थीमटेक्स्ट फ़ाइल में) में परिभाषित किया गया है: हैडर, नेविगेशन, फीचर्ड, फ़ॉरमैन, असाइड फ़र्स्ट, मैसेज, फ़र्स्टकंटेंट, कंटेंट, ऑन्कोन्टेंट, असाइडसेकंड, आफ्टरमैन, ट्राइपेलस्टर्स्ट, ट्रिपेलसेकंड, ट्रिपेलटेहर्ड, फुटरैक्वेस्ट, फ़ीटर। FooterQuadThird, FooterQuadFourth, पाद लेख।

ज़ोन में डिज़ाइन थीम निर्धारित करने के बाद, ज़ोन स्वचालित रूप से प्रशासन पैनल (चित्रा 2.9) के माध्यम से उनमें विजेट्स रखने के लिए उपलब्ध हो जाता है।

clip_image004[4]

अंजीर। 2.9। विजेट जोड़ते समय उपलब्ध क्षेत्रों की सूची

विजेट (विजेट)

एक विजेट एक छोटा उपयोगकर्ता इंटरफ़ेस तत्व है जिसे किसी साइट के एक या अधिक पृष्ठों में जोड़ा जा सकता है। विजेट के उदाहरणों में टैग क्लाउड, मैप्स, एक खोज फ़ॉर्म, और इसी तरह शामिल हैं। चित्र 2.10 कुछ पृष्ठ तत्वों पर प्रकाश डाला गया है जो विजेट हैं।

clip_image006

अंजीर। 2.10। Orchard CMS पृष्ठ पर विजेट

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

डेवलपर द्वारा विजेट बनाए जाते हैं। कई विजेट Orchard CMS के साथ आते हैं। Orchard CMS के साथ आने वाला सबसे सरल और सबसे सामान्य विजेट Html विजेट है, जिसके साथ मनमाना HTML मार्कअप को पेज ज़ोन (चित्र 2.11) में जोड़ना आसान है।

clip_image008

अंजीर। 2.11। Orchard CMS व्यवस्थापक पैनल के माध्यम से हैडर क्षेत्र में HTML विजेट जोड़ना

कुल मिलाकर, चार विजेट ऑर्चर्ड सीएमएस डिलीवरी पैकेज (चित्र 2.12) में प्रस्तुत किए गए हैं: एक एलमेनसेट कंटेनर प्रदर्शित करने के लिए, एचटीएमएल मार्कअप प्रदर्शित करना, नवीनतम ब्लॉग प्रविष्टियों को सूचीबद्ध करना और "ब्लॉग संग्रह" तत्व प्रदर्शित करना।

clip_image010

अंजीर। 2.12। Orchard CMS में उपलब्ध विजेट

इस मार्गदर्शिका में बाद में, हम सीखेंगे कि कैसे आप अपने विजेट बनाएँ और साइट पर उनका उपयोग करें।

लेयर (लेयर)

परतें विभिन्न परिदृश्यों के अनुसार विजेट्स को समूहीकृत करने के लिए एक Orchard CMS अवधारणा है। उदाहरण के लिए, आप कुछ विजेट्स का एक सेट बना सकते हैं जो केवल अधिकृत उपयोगकर्ताओं को प्रदर्शित किए जाते हैं, लेकिन पेज पर अनाम आगंतुकों के लिए दिखाई नहीं देते हैं।

परतें आपको लचीले ढंग से पृष्ठ की उपस्थिति, तत्वों की संतृप्ति को समायोजित करने की अनुमति देती हैं, जो विभिन्न स्थितियों पर निर्भर करती है: उपयोगकर्ता प्रकार (अनाम या पंजीकृत), पृष्ठ प्रकार (मुख्य या नहीं) और अन्य।

साइट के लिए अपनी खुद की परत बनाना प्रशासन पैनल (चित्रा 2.13) में इंटरफेस के माध्यम से किया जाता है।

clip_image012

अंजीर। 2.13। Orchard CMS में एक नया विजेट लेयर जोड़ना

किसी पृष्ठ पर एक ज़ोन में एक विजेट जोड़ने पर, आपको उस परत को निर्दिष्ट करना होगा जिस पर यह विजेट उपलब्ध होगा। डिफ़ॉल्ट रूप से, डिफ़ॉल्ट परत होती है, जिनमें से विजेट हमेशा शर्तों की परवाह किए बिना प्रदर्शित किए जाते हैं।

जारी रखने के लिए ...

आर्किटेक्चर ऑर्चर्ड सीएमएस। लेआउट अवधारणाओं