CMS: रिपीटर में कलेक्शन कंटेंट डिस्प्ले करना
अपने कलेक्शन से डायनेमिक कंटेंट दिखाने के लिए रिपीटर को CMS (कंटेंट मैनेजमेंट सिस्टम) से कनेक्ट करें।
रिपीटर को आपके कलेक्शन से जुड़े डेटासेट से कनेक्ट करने के बाद, चुनें कि कौन से फ़ील्ड प्रत्येक रिपीटर एलिमेंट से कनेक्ट होंगे। एक बार कनेक्ट होने के बाद, आपके रिपीटर का प्रत्येक आइटम एक अलग कलेक्शन आइटम से कंटेंट प्रदर्शित करता है। यह आपको एक कंसिस्टेंट लेआउट का उपयोग करने की अनुमति देता है जो आपके पेज पर दिखाए जाने वाले सभी आइटम्स के लिए कंटेंट को ऑटोमैटिक रूप से पॉप्युलेट करता है।
शुरू करने से पहले:
यदि आपने अभी तक अपनी साइट पर
CMS नहीं जोड़ा है, तो उसे जोड़ना सुनिश्चित करें।
स्टेप 1 | CMS कलेक्शन बनाएं
अपने रिपीटर में उपयोग की जाने वाली कंटेंट को स्टोर करने के लिए एक मल्टीपल आइटम कलेक्शन बनाएं। ऐसे कलेक्शन फ़ील्ड्स जोड़ें जो आपके रिपीटर के एलिमेंट्स से कनेक्ट होंगे। फिर वे आइटम्स जोड़ें जो आपके रिपीटर में दिखाई देंगे और प्रत्येक आइटम के लिए फ़ील्ड्स भरें। यदि आवश्यक हो, तो आप कलेक्शन परमिशन को उनकी डिफॉल्ट 'कंटेंट दिखाएं' (Show content) सेटिंग से एडजस्ट कर सकते हैं जो किसी को भी कंटेंट देखने की अनुमति देती है।
Wix एडिटर
स्टूडियो एडिटर
डैशबोर्ड
- अपनी साइट के डैशबोर्ड में CMS पर जाएँ।
- Create Collection पर क्लिक करें।
- Start from scratch पर क्लिक करें।
टिप: वैकल्पिक रूप से, AI (आर्टिफिशियल इंटेलिजेंस) से अपने लिए कलेक्शन बनवाने के लिए Create with AI पर क्लिक करें। - Next पर क्लिक करें।
- अपने कलेक्शन के लिए एक नाम दर्ज करें।
- (केवल कोडिंग) अपने कोड में उपयोग करने के लिए एक कलेक्शन ID दर्ज करें।
- Multiple item collection (Default) को सिलेक्ट रहने दें और Create पर क्लिक करें।
- अपने कलेक्शन में मैन्युअल रूप से या CSV फ़ाइल इम्पोर्ट करके फ़ील्ड जोड़ें:
- मैन्युअल रूप से फ़ील्ड जोड़ें: + Add Field पर क्लिक करके अपने कलेक्शन में मैन्युअल रूप से फ़ील्ड जोड़ना शुरू करें।
- CSV फ़ाइल इम्पोर्ट करें: Import CSV file पर क्लिक करके अपने कलेक्शन में CSV फ़ाइल अपलोड करें।
- अपने कलेक्शन में आइटम जोड़ें:
- + Add Item पर क्लिक करें।
- प्रत्येक संबंधित फ़ील्ड में आइटम के बारे में कंटेंट जोड़ें।
- जितने आइटम आपको चाहिए उतने बनाने के लिए इस स्टेप को दोहराएं।
- कलेक्शन परमिशन सेट करें:
- More Actions पर क्लिक करें और Permissions & privacy चुनें।
- चुनें कि आप कलेक्शन के लिए कौन सी परमिशन चाहते हैं:
- Show content: अपनी लाइव साइट पर कलेक्शन कंटेंट देखने के लिए सभी को या केवल साइट मेंबर्स को अनुमति दें। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास कलेक्शन आइटम्स को देखने, जोड़ने, अपडेट करने या डिलीट करने का हमेशा पूरा एक्सेस होता है।
- Collect content: इनपुट एलिमेंट्स या API के ज़रिए अपनी लाइव साइट से कलेक्शन में नए आइटम जोड़ने के लिए सभी को या केवल साइट मेंबर्स को अनुमति दें। साथ ही, यह भी तय करें कि कंटेंट कौन देख सकता है। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास हमेशा पूरा एक्सेस होता है।
- Advanced: यह कंट्रोल करने के लिए कि कलेक्शन कंटेंट को कौन देख सकता है, जोड़ सकता है, अपडेट कर सकता है या डिलीट कर सकता है, हर यूजर रोल के लिए कस्टम परमिशन सेट करें। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास पूरा एक्सेस होता है। हालाँकि, आप विशिष्ट कोलैबोरेटर रोल्स के लिए परमिशन सेट करके कलेक्शन तक उनकी पहुँच को सीमित कर सकते हैं।
- Save पर क्लिक करें।
स्टेप 2 | अपना रिपीटर जोड़ें और कस्टमाइज़ करें
एक रिपीटर जोड़ें और फिर टेक्स्ट, इमेज या बटन जैसे एलिमेंट्स को इसके आइटम्स/कंटेनर्स पर ड्रैग करें। आप रिपीटर का साइज एडजस्ट कर सकते हैं या एलिमेंट्स को हटा सकते हैं ताकि यह सुनिश्चित हो सके कि रिपीटर में आपकी जरूरत की हर चीज फिट हो सके। जब आप रिपीटर में कोई एलिमेंट जोड़ते हैं, तो वह एलिमेंट ऑटोमैटिक रूप से प्रत्येक रिपीटर आइटम में जुड़ जाता है।
बाद में, आप कंटेंट को बदलने के लिए एलिमेंट्स को कलेक्शन फ़ील्ड्स से कनेक्ट करेंगे। प्रत्येक रिपीटर आइटम आपके कलेक्शन से एक अलग आइटम दिखाएगा।
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर पर जाएं।
- उस पेज या सेक्शन पर जाएं जहां आप अपना रिपीटर जोड़ना चाहते हैं।
- एडिटर के बाईं ओर Add Elements
पर क्लिक करें। - List पर क्लिक करें।
- आप जिस रिपीटर का इस्तेमाल करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें।
- अपने रिपीटर में एलिमेंट्स जोड़ें या हटाएं। आप रिपीटर को रिसाइज कर सकते हैं ताकि इसके अंदर सभी जरूरी एलिमेंट्स फिट हो सकें। बाद में, आप कंटेंट को बदलने के लिए एलिमेंट्स को कलेक्शन फ़ील्ड्स से कनेक्ट करेंगे। प्रत्येक रिपीटर आइटम आपके कलेक्शन से एक अलग आइटम दिखाएगा।
ज़रूरी:
हम सुझाव देते हैं कि आप यह पक्का कर लें कि आपके रिपीटर में एक बटन या इमेज एलिमेंट हो, ताकि आप उसे
डायनेमिक आइटम पेज से लिंक कर सकें। इससे विज़िटर्स इमेज या बटन पर क्लिक करके संबंधित आइटम के डायनेमिक आइटम पेज पर जा सकते हैं।
स्टेप 3 | रिपीटर आइटम्स को अपने कलेक्शन से कनेक्ट करें
डेटासेट वह टूल है जिसका उपयोग आप अपने रिपीटर एलिमेंट्स को अपने कलेक्शन फ़ील्ड्स से जोड़ने के लिए करते हैं। एक बार जब आप किसी एलिमेंट को डेटासेट से कनेक्ट कर लेते हैं, तो आप चुन सकते हैं कि एलिमेंट के प्रत्येक भाग के साथ किन कलेक्शन फ़ील्ड्स का उपयोग करना है। प्रत्येक एलिमेंट को कनेक्ट करें जिसमें आप कलेक्शन कंटेंट दिखाना चाहते हैं। फिर अपनी पसंद के अनुसार एलिमेंट्स को रिसाइज, मूव या एडजस्ट करें।
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर में, उस रिपीटर पर क्लिक करें जिसे आपने जोड़ा है।
- Connect to CMS आइकन
पर क्लिक करें। - Choose a dataset ड्रॉप-डाउन पर क्लिक करें और उस मौजूदा डेटासेट को चुनें जो आपके कलेक्शन से कनेक्ट होता है। इसके अलावा, Add a Dataset चुनें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं, उसे एक नाम दें और Create पर क्लिक करें।
- Connections के नीचे, उस एलिमेंट पर क्लिक करें जिसे आप पहले कनेक्ट करना चाहते हैं।
- (वैकल्पिक) यदि आप एलिमेंट को किसी दूसरे डेटासेट से कनेक्ट करना चाहते हैं, तो Choose a dataset ड्रॉप-डाउन पर क्लिक करें और दूसरा डेटासेट चुनें। अन्यथा, इसे उसी डेटासेट से कनेक्ट रहने दें।
- Connections के नीचे, एलिमेंट के प्रत्येक हिस्से को संबंधित कलेक्शन फील्ड से कनेक्ट करने के लिए संबंधित ड्रॉप-डाउन पर क्लिक करें। एलिमेंट के प्रकार के आधार पर विकल्प अलग-अलग हो सकते हैं।
टिप्स:
- बटन को कलेक्शन के डायनेमिक आइटम पेज से लिंक करने के लिए, Click action connects to ड्रॉप-डाउन पर क्लिक करें और उस डायनेमिक आइटम पेज को चुनें जिसके अंत में (Item) लिखा हो।
- इमेज को कलेक्शन के डायनेमिक आइटम पेज से लिंक करने के लिए, Link connects to ड्रॉप-डाउन पर क्लिक करें और उस डायनेमिक आइटम पेज को चुनें जिसके अंत में (Item) लिखा हो।
- दाईं ओर पैनल के टॉप पर रिपीटर कनेक्शन्स पर क्लिक करें।
- प्रत्येक एलिमेंट को कनेक्ट करने के लिए ऊपर दिए गए स्टेप्स 4-7 दोहराएं जिसमें आप कलेक्शन कंटेंट दिखाना चाहते हैं।
- (वैकल्पिक) अपने रिपीटर के किसी भी एलिमेंट को रिसाइज, मूव या एडजस्ट करने के लिए क्लिक करें। आप किसी भी समय एलिमेंट्स को जोड़ सकते हैं, हटा सकते हैं, कनेक्ट या डिस्कनेक्ट कर सकते हैं।
स्टेप 4 | डेटासेट सेटिंग्स मैनेज करें
डेटासेट मोड, एक बार में लोड होने वाले कुल आइटम्स, डिस्प्ले होने वाले आइटम्स और उनके दिखने के क्रम को कंट्रोल करने के लिए डेटासेट सेटिंग्स को एडजस्ट करें।
Wix एडिटर
स्टूडियो एडिटर
- रिपीटर की कनेक्टेड डेटासेट सेटिंग्स पर जाएँ:
- रिपीटर पर क्लिक करें।
- Connect to CMS आइकन पर क्लिक करें।
- दाईं ओर Connect Repeater पैनल में Dataset Settings पर क्लिक करें।
- (वैकल्पिक) यह निर्धारित करने के लिए कि कलेक्शन के कंटेंट को कौन देख सकता है, जोड़ सकता है, अपडेट कर सकता है या डिलीट कर सकता है, Permissions के बगल में permission type पर क्लिक करें।
- (वैकल्पिक) यदि आपको डेटासेट का नाम एडिट करना है, तो Dataset name फ़ील्ड पर क्लिक करें।
- (केवल Velo) अपने पेज के कोड में डेटासेट की पहचान करने के लिए उपयोग की जाने वाली ID को एडिट करने के लिए Dataset ID फ़ील्ड पर क्लिक करें।
- Dataset mode ड्रॉप-डाउन पर क्लिक करें और संबंधित विकल्प चुनें:
- Read: कनेक्टेड एलिमेंट्स आपके कलेक्शन से कंटेंट पढ़ और प्रदर्शित कर सकते हैं। एलिमेंट्स कलेक्शन कंटेंट को मॉडिफाई नहीं कर सकते।
- Read & Write: कनेक्टेड एलिमेंट्स आपके कलेक्शन से कंटेंट प्रदर्शित कर सकते हैं। इनपुट एलिमेंट्स आपके कलेक्शन में कंटेंट जोड़ या एडिट कर सकते हैं।
- Items per load फ़ील्ड को एडिट करके एक बार में लोड होने वाले आइटम्स की अधिकतम संख्या सेट करें।
नोट: यह उन आइटम्स की अधिकतम संख्या भी है जो तब लोड हो सकते हैं जब विज़िटर्स 'Load More' बटन, 'Next/Previous page' बटन या पेजिनेशन बार पर क्लिक करते हैं। स्टेप्स के लिए अगला सेक्शन देखें।
- (वैकल्पिक) रिपीटर में केवल विशिष्ट आइटम दिखाने के लिए + Add Filter पर क्लिक करें।
- (वैकल्पिक) रिपीटर में कलेक्शन आइटम दिखने का क्रम चुनने के लिए + Add new sort पर क्लिक करें।
स्टेप 5 | (ऑप्शनल) 'Load More' या नेविगेशनल बटन बनाएँ
आप अपने रिपीटर में एक बार में 1000 आइटम्स तक दिखा सकते हैं। हालांकि, अगर आप बहुत सारे आइटम्स दिखाना चाहते हैं, तो लोडिंग परफॉरमेंस को बेहतर बनाने के लिए 'लोड मोर' बटन जोड़ने पर विचार करें। डेटासेट के कनेक्टेड रिपीटर में एक बार में लोड होने वाले आइटम्स की संख्या को कंट्रोल करने के लिए
'आइटम्स पर लोड' फ़ील्ड को एडजस्ट करें।
अगर आप 'अगला/पिछला पेज' बटन या पेजिनेशन बार कनेक्ट करते हैं, तो 'आइटम्स पर लोड' फ़ील्ड आपके रिपीटर में प्रति 'पेज' दिखाए जाने वाले आइटम्स की संख्या भी तय करती है।
Wix एडिटर
स्टूडियो एडिटर
चुनें कि आप क्या करना चाहते हैं:
'Load More' बटन बनाएँ
चुनें।'Next Page' और 'Previous Page' बटन बनाएँ
पेजिनेशन बार कनेक्ट करें
पर क्लिक करें।
पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल (FAQs)
रिपीटर को CMS से कनेक्ट करने के बारे में अक्सर पूछे जाने वाले प्रश्नों के उत्तर के लिए नीचे क्लिक करें।
साइट विज़िटर्स रिपीटर में दिखने वाले कंटेंट को कैसे फ़िल्टर कर सकते हैं?
मेरे रिपीटर में वे आइटम क्यों नहीं दिख रहे हैं जिन्हें मैंने कनेक्ट किया है?
मैं रिपीटर आइटम को डायनेमिक आइटम पेज से कैसे लिंक करूँ?
मैं कुछ एलिमेंट्स को रिपीटर के साथ अटैच क्यों नहीं कर पा रहा हूँ?
क्या मैं अपना खुद का रिपीटर सेट करने से पहले यह देख सकता हूँ कि प्री-कनेक्टेड रिपीटर कैसे काम करता है?