CMS: अपने पेज पर कलेक्शन कंटेंट डिस्प्ले करना
5 मिनट
Wix CMS (कंटेंट मैनेजमेंट सिस्टम) के साथ आप अपने एडिटर से अलग डेटाबेस कलेक्शन्स में भारी मात्रा में कंटेंट रख सकते हैं। अपनी साइट पर कंटेंट दिखाने के लिए, आपके पास कलेक्शन आइटम्स को पेज एलिमेंट्स से कनेक्ट करने के कई विकल्प होते हैं।
एक बार में कितने आइटम लोड हो सकते हैं, किन आइटम्स को बाहर रखना है, और आइटम्स किस क्रम में दिखाई देंगे, इसे कंट्रोल करने के लिए डेटासेट सेटिंग्स को एडजस्ट करें। इसमें 'लोड मोर' बटन जैसे ऑप्शनल एक्स्ट्रा फीचर्स जोड़ें जो परफॉरमेंस को बेहतर बना सकते हैं, और ऐसे इनपुट एलिमेंट्स जोड़ें जिन्हें विज़िटर्स अपनी पसंद के आइटम्स फ़िल्टर करने के लिए चुन सकें।
स्टेप 1 | कलेक्शन बनाएं
CMS आपको डेटाबेस में कंटेंट सेव करने की सुविधा देता है जिसे "कलेक्शन्स" कहा जाता है, जिन्हें आप अपनी साइट के पेज एलिमेंट्स से कनेक्ट कर सकते हैं।
आप दो प्रकार के CMS कलेक्शन्स बना सकते हैं:
- मल्टीपल आइटम कलेक्शन (डिफ़ॉल्ट): डायनेमिक पेजों पर या रिपीटर्स, गैलरी, या टेबल्स जैसे लिस्ट एलिमेंट्स में आइटम दिखाने के लिए एक मल्टीपल आइटम कलेक्शन बनाएं। यह आपको एक ही लेआउट के अंदर एक ही पेज पर कई आइटम दिखाने की अनुमति देता है।
- सिंगल आइटम कलेक्शन: अगर आपको केवल एक स्टैटिक पेज या सेक्शन पर एक आइटम दिखाने की ज़रूरत है, तो सिंगल आइटम कलेक्शन बनाएं।
अपनी कलेक्शन सेटिंग्स से, आप परमिशन सेट कर सकते हैं जो यह तय करती हैं कि कंटेंट को कौन देख सकता है, जोड़ सकता है या एडिट कर सकता है। आप अपनी लाइव साइट से आइटम छिपाने के लिए आइटम विजिबिलिटी सेट कर सकते हैं, फील्ड वैलिडेशन बना सकते हैं और बहुत कुछ कर सकते हैं।
जानें कि कलेक्शन कैसे बनाएं जिसमें आपकी साइट का कंटेंट हो।
स्टेप 2 | अपना पेज डिजाइन करें
पेज डिजाइन कैसे सेट करना है, यह तय करने के लिए पहले यह सोचें कि आप अपने कलेक्शन कंटेंट को कैसे दिखाना चाहते हैं।
आप अपने कलेक्शन कंटेंट को नीचे दिए गए पेज टाइप्स में दिखा सकते हैं:
- स्टैटिक पेजेस: एक रेगुलर पेज में, कलेक्शन आइटम कंटेंट दिखाने के लिए टेक्स्ट, इमेज, रिपीटर्स या गैलरी जैसे एलिमेंट्स को एक डेटासेट से कनेक्ट करें। हर साइट के लिए 100 स्टैटिक पेजेस की लिमिट है।
नोट: डायनेमिक और ऐप पेजेस आइटम्स के लिए यूनिक URLs बना सकते हैं, लेकिन आपके कोटा में केवल मेन पेज ही गिना जाता है—इंडिविजुअल आइटम्स या URLs नहीं। डायनेमिक पेजेस के साथ कुशलतापूर्वक स्केलिंग के बारे में और जानें। - डायनेमिक लिस्ट पेजेस: इस तरह का डायनेमिक पेज रिपीटर, गैलरी या टेबल में कई आइटम्स का कंटेंट दिखाता है। जब विजिटर्स किसी आइटम पर क्लिक करते हैं, तो वे उस आइटम के बारे में अधिक जानकारी के लिए आइटम के डायनेमिक आइटम पेज पर चले जाते हैं। डायनेमिक लिस्ट पेजेस सेट करने के बारे में और जानें।
- डायनेमिक आइटम पेजेस: इस तरह का डायनेमिक पेज किसी इंडिविजुअल आइटम के बारे में डिटेल्स दिखाता है। हर कलेक्शन आइटम का अपना डायनेमिक आइटम पेज URL होता है, और पेज के हर वर्जन का लेआउट एक जैसा रहता है। डायनेमिक आइटम पेजेस सेट करने के बारे में और जानें।
- कैटेगरी के हिसाब से आइटम्स लिस्ट करने के लिए डायनेमिक आइटम पेजेस: इस तरह का डायनेमिक पेज आपको आइटम्स की 'कैटेगरी' दिखाने की सुविधा देता है। हर कैटेगरी का पेज का अपना वर्जन होता है जहाँ विजिटर्स कैटेगरी के अंदर आइटम्स की लिस्ट ब्राउज़ करते हैं और अधिक जानकारी के लिए स्पेसिफिक आइटम्स चुनते हैं। कैटेगरी के हिसाब से आइटम्स लिस्ट करने वाले डायनेमिक पेजेस बनाने के बारे में और जानें।
- डायनेमिक मैनेज आइटम पेजेस: (केवल Studio Editor के लिए) इस तरह का डायनेमिक पेज आपको, साइट कोलैबोरेटर्स और स्पेसिफिक साइट मेंबर्स को आपकी लाइव साइट से सीधे कलेक्शन कंटेंट मैनेज करने की सुविधा देता है। यह पेज इनपुट एलिमेंट्स के साथ पहले से बना होता है जो स्पेसिफिक कलेक्शन फील्ड्स से कनेक्ट होते हैं। हर आइटम को पेज का अपना वर्जन मिलता है जहाँ परमिशन वाले लोग आइटम के कंटेंट को जोड़, एडिट या डिलीट कर सकते हैं। अपनी लाइव साइट पर कंटेंट मैनेज करने के लिए डायनेमिक पेजेस बनाने के बारे में और जानें।
टिप:
डायनेमिक लिस्ट और डायनेमिक आइटम पेज में कलेक्शन आइटम्स दिखाने के उदाहरण के लिए एक CMS प्रीसेट जोड़ें।
स्टेप 3 | पेज एलिमेंट्स को डेटासेट से कनेक्ट करें
डेटासेट आपके पर्दे के पीछे के वे कनेक्टर्स हैं जो आपके कलेक्शन कंटेंट को आपके पेज एलिमेंट्स से जोड़ते हैं। आप जिस प्रकार का पेज इस्तेमाल करना चाहते हैं उसे सेट करने के बाद, संबंधित पेज एलिमेंट्स को उस डेटासेट से कनेक्ट करें जो आपके कलेक्शन कंटेंट को रीड करता है।
जानें कि एलिमेंट्स को डेटासेट से कैसे कनेक्ट करें जो आपके कलेक्शन से जुड़ा हो।
स्टेप 4 | डेटासेट सेटिंग्स मैनेज करें
आपकी डेटासेट सेटिंग्स यह कंट्रोल करती हैं कि डेटासेट, साइट एलिमेंट्स और कलेक्शन कंटेंट के साथ कैसे इंटरैक्ट करता है। यह तय करने के लिए कि डेटासेट आपके कलेक्शन से डेटा रीड कर सकता है, उसमें राइट कर सकता है, या दोनों, डेटासेट मोड बदलें। एक बार में कितने आइटम लोड हो सकते हैं, इसे कंट्रोल करने के लिए Items per load फील्ड सेट करें। कनेक्टेड एलिमेंट्स में केवल कुछ खास आइटम दिखाने के लिए फिल्टर जोड़ें। आप सॉर्ट कंडीशन बनाकर यह चुन सकते हैं कि कलेक्शन आइटम किस क्रम में दिखाई दें।
स्टेप 5 | (ऑप्शनल) 'लोड मोर' या नेविगेशनल बटन बनाएं
अगर आपके पास कई आइटम्स दिखाने के लिए रिपीटर या गैलरी सेट है, तो पेज की लोडिंग परफॉरमेंस बेहतर बनाने के लिए 'Load More' बटन जोड़ने पर विचार करें। इससे आप आइटम्स को तब तक छिपा सकते हैं जब तक विजिटर्स बटन पर क्लिक न करें। विजिटर्स को अलग-अलग कलेक्शन आइटम्स को नेविगेट करने में मदद करने के लिए, नेविगेशनल बटन्स या पेजिनेशन बार्स जोड़ें।
स्टेप 6 | (ऑप्शनल) विजिटर्स को कंटेंट फिल्टर करने दें
विजिटर्स को केवल वही आइटम्स देखने का तरीका दें जो उनके द्वारा लगाए गए फिल्टर्स से मेल खाते हों, जो कलेक्शन फील्ड वैल्यूज पर आधारित होते हैं। नीचे दिए गए किसी भी इनपुट एलिमेंट्स में से चुनें जो फ़िल्टर करने की अनुमति देते हैं: Radio Buttons, Checkboxes, Dropdown, Selection Tags, या Slider (केवल Range Sliders)। हर इनपुट एलिमेंट किस तरह के फील्ड्स को फ़िल्टर कर सकता है, इसकी कुछ सीमाएँ हैं।
अगला:
आप साइट विजिटर्स द्वारा सबमिट की गई जानकारी को सेव करने के लिए भी अपने CMS कलेक्शन्स का उपयोग कर सकते हैं। जानें कि इनपुट एलिमेंट्स का उपयोग करके एक कस्टम फॉर्म कैसे सेट करें जो आपके कलेक्शन में डेटा सबमिट करता है।