CMS: अपने पेज पर कलेक्शन कंटेंट दिखाना
6 मिनट
Wix CMS (कंटेंट मैनेजमेंट सिस्टम) की मदद से आप बड़ी मात्रा में कंटेंट को डेटाबेस कलेक्शन में रख सकते हैं, जो आपके एडिटर से अलग स्टोर होते हैं। इस कंटेंट को अपनी साइट पर दिखाने के लिए, आप कलेक्शन आइटम को पेज एलिमेंट से कई तरीकों से कनेक्ट कर सकते हैं।
एक बार में कितने आइटम लोड हों, किन आइटम को बाहर रखा जाए और वे किस क्रम में दिखें—इसे कंट्रोल करने के लिए डेटासेट सेटिंग्स एडजस्ट करें। परफ़ॉर्मेंस बेहतर करने के लिए ‘लोड मोर’ बटन और विज़िटर को दिखने वाले आइटम फ़िल्टर करने के लिए इनपुट एलिमेंट जैसे वैकल्पिक फ़ीचर भी जोड़ें।
नोट्स:
डेटासेट Wix Harmony एडिटर का हिस्सा नहीं हैं। Wix Harmony में आप रिपीटर को सीधे अपने कलेक्शन से कनेक्ट करते हैं और फिर मैनेज आइटम्स पैनल में उसके आइटम और फ़ील्ड मैनेज करते हैं। Wix Harmony में रिपीटर्स जोड़ने और सेट अप करने का तरीका जानें।
Wix Harmony में डायनामिक आइटम पेज को आइटम पेज कहा जाता है और इसमें डायनामिक लिस्ट पेज उपलब्ध नहीं हैं। Wix Harmony के आइटम पेज में नया क्या है, इसके बारे में और जानें।
Wix Harmony में इनपुट एलिमेंट और सिंगल आइटम कलेक्शन उपलब्ध नहीं हैं। विज़िटर से जानकारी पाने के लिए, इसके बजाय Wix फ़ॉर्म्स का फ़ॉर्म जोड़ें। Wix Harmony में अलग तरीके से काम करने वाले फ़ीचर के बारे में और जानें।
स्टेप 1 | कलेक्शन बनाएँ
CMS की मदद से आप कंटेंट को “कलेक्शन” नाम के डेटाबेस में सेव कर सकते हैं और उन्हें अपनी साइट के पेज एलिमेंट से कनेक्ट कर सकते हैं।
आप 2 तरह के CMS कलेक्शन बना सकते हैं:
- मल्टीपल आइटम कलेक्शन (डिफ़ॉल्ट): डायनामिक पेज या रिपीटर्स, गैलरी या टेबल जैसे लिस्ट एलिमेंट में आइटम दिखाने के लिए मल्टीपल आइटम कलेक्शन बनाएँ। इससे आप एक जैसे लेआउट में एक ही पेज पर कई आइटम दिखा सकते हैं।
- सिंगल आइटम कलेक्शन: अगर आपको किसी स्टैटिक पेज या सेक्शन पर सिर्फ़ 1 आइटम दिखाना है, तो सिंगल आइटम कलेक्शन बनाएँ।
अपनी कलेक्शन सेटिंग्स में आप परमिशन सेट करके तय कर सकते हैं कि कंटेंट कौन देख, जोड़ या एडिट कर सकता है। आप अपनी लाइव साइट से आइटम छिपाने के लिए आइटम विज़िबिलिटी सेट कर सकते हैं, फ़ील्ड वैलिडेशन बना सकते हैं और भी बहुत कुछ कर सकते हैं।
अपनी साइट का कंटेंट रखने वाला कलेक्शन बनाने का तरीका जानें।
स्टेप 2 | अपना पेज डिज़ाइन करें
पेज डिज़ाइन सेट अप करने के लिए, पहले तय करें कि आप अपने कलेक्शन का कंटेंट किस तरह दिखाना चाहते हैं।
आप अपने कलेक्शन का कंटेंट इन पेज टाइप में दिखा सकते हैं:
- स्टैटिक पेज: कलेक्शन आइटम का कंटेंट दिखाने के लिए, किसी रेगुलर पेज पर टेक्स्ट, इमेज, रिपीटर्स या गैलरी जैसे एलिमेंट को डेटासेट से कनेक्ट करें। हर साइट पर अधिकतम 100 स्टैटिक पेज हो सकते हैं।
नोट: डायनामिक और ऐप पेज आइटम के लिए अलग URL बना सकते हैं, लेकिन आपके कोटा में सिर्फ़ मुख्य पेज गिना जाता है—अलग-अलग आइटम या URL नहीं। डायनामिक पेज की मदद से असरदार तरीके से स्केल करने के बारे में और जानें। - डायनामिक लिस्ट पेज: इस तरह का डायनामिक पेज रिपीटर, गैलरी या टेबल में कई आइटम का कंटेंट दिखाता है। जब विज़िटर किसी आइटम पर क्लिक करते हैं, तो उसके बारे में ज़्यादा जानकारी पाने के लिए वे उस आइटम के डायनामिक आइटम पेज पर पहुँचते हैं। डायनामिक लिस्ट पेज सेट अप करने का तरीका जानें।
- डायनामिक आइटम पेज: इस तरह का डायनामिक पेज किसी एक आइटम की डिटेल दिखाता है। हर कलेक्शन आइटम का अपना डायनामिक आइटम पेज URL होता है और पेज के हर वर्ज़न में एक जैसा लेआउट रहता है। डायनामिक आइटम पेज सेट अप करने का तरीका जानें।
- कैटेगरी के हिसाब से आइटम लिस्ट करने वाले डायनामिक आइटम पेज: इस तरह के डायनामिक पेज पर आप आइटम की ‘कैटेगरी’ दिखा सकते हैं। हर कैटेगरी के लिए पेज का अलग वर्ज़न होता है, जहाँ विज़िटर उस कैटेगरी के आइटम की लिस्ट ब्राउज़ कर सकते हैं और ज़्यादा जानकारी के लिए कोई खास आइटम चुन सकते हैं। कैटेगरी के हिसाब से आइटम लिस्ट करने वाले डायनामिक पेज बनाने का तरीका जानें।
- डायनामिक मैनेज आइटम पेज: (सिर्फ़ Studio एडिटर) इस तरह के डायनामिक पेज की मदद से आप, साइट कोलैबोरेटर और चुनिंदा साइट मेंबर सीधे आपकी लाइव साइट से कलेक्शन कंटेंट मैनेज कर सकते हैं। यह पेज पहले से बने इनपुट एलिमेंट के साथ आता है, जो खास कलेक्शन फ़ील्ड से कनेक्ट होते हैं। हर आइटम के लिए पेज का अलग वर्ज़न होता है, जहाँ परमिशन वाले लोग आइटम का कंटेंट जोड़, एडिट या डिलीट कर सकते हैं। अपनी लाइव साइट पर कंटेंट मैनेज करने के लिए डायनामिक पेज बनाने का तरीका जानें।
टिप:
डायनामिक लिस्ट और डायनामिक आइटम पेज पर कलेक्शन आइटम दिखाने का उदाहरण देखने के लिए, CMS प्रीसेट जोड़ें।
स्टेप 3 | पेज एलिमेंट्स को डेटासेट से कनेक्ट करें
डेटासेट पर्दे के पीछे काम करने वाले कनेक्टर हैं, जो आपके कलेक्शन कंटेंट को पेज एलिमेंट्स से जोड़ते हैं। आप जिस तरह का पेज इस्तेमाल करना चाहते हैं, उसे सेट अप करने के बाद संबंधित पेज एलिमेंट्स को उस डेटासेट से कनेक्ट करें जो आपके कलेक्शन कंटेंट को रीड करता है।
अपने कलेक्शन से जुड़े डेटासेट से एलिमेंट्स को कनेक्ट करने का तरीका जानें।
स्टेप 4 | डेटासेट सेटिंग्स मैनेज करें
आपकी डेटासेट सेटिंग्स तय करती हैं कि डेटासेट, साइट एलिमेंट्स और कलेक्शन कंटेंट के साथ कैसे इंटरैक्ट करता है। डेटासेट मोड बदलकर तय करें कि डेटासेट आपके कलेक्शन को रीड कर सकता है, उसमें राइट कर सकता है या दोनों कर सकता है। एक बार में कितने आइटम लोड हो सकते हैं, यह तय करने के लिए आइटम्स पर लोड फ़ील्ड सेट करें। कनेक्ट किए गए एलिमेंट्स में सिर्फ चुनिंदा आइटम दिखाने के लिए फ़िल्टर जोड़ें। सॉर्ट कंडीशन बनाकर आप तय कर सकते हैं कि कलेक्शन आइटम किस क्रम में दिखाई दें।
स्टेप 5 | (वैकल्पिक) 'लोड मोर' या नेविगेशनल बटन बनाएं
अगर आपका रीपीटर या गैलरी कई आइटम दिखाने के लिए सेट है, तो पेज की लोडिंग परफ़ॉर्मेंस बेहतर करने के लिए 'लोड मोर' बटन जोड़ें। इससे आप आइटम तब तक छिपा सकते हैं, जब तक विजिटर बटन पर क्लिक न करें। विजिटर को अलग-अलग कलेक्शन आइटम में नेविगेट करने में मदद करने के लिए नेविगेशनल बटन या पेजिनेशन बार जोड़ें।
स्टेप 6 | (वैकल्पिक) विजिटर को कंटेंट फ़िल्टर करने दें
विजिटर को सिर्फ वे आइटम देखने का विकल्प दें, जो कलेक्शन फ़ील्ड की वैल्यू पर आधारित उनके लगाए गए फ़िल्टर से मैच करते हैं। फ़िल्टर करने के लिए इनमें से कोई भी इनपुट एलिमेंट चुनें: रेडियो बटन, चेकबॉक्स, ड्रॉपडाउन, सिलेक्शन टैग्स या स्लाइडर (सिर्फ़ रेंज स्लाइडर)। हर इनपुट एलिमेंट किन फ़ील्ड टाइप को फ़िल्टर कर सकता है, इसकी कुछ सीमाएं हैं।
आगे:
साइट विजिटर की सबमिट की गई जानकारी सहेजने के लिए भी आप अपने CMS कलेक्शन का इस्तेमाल कर सकते हैं। आपके कलेक्शन में जानकारी सबमिट करने वाला कस्टम फ़ॉर्म इनपुट एलिमेंट्स से सेट अप करने का तरीका जानें।