CMS: टेबल में कलेक्शन कंटेंट डिस्प्ले करना
अपनी साइट पर एक टेबल में अपना CMS (कंटेंट मैनेजमेंट सिस्टम) कलेक्शन कंटेंट डिस्प्ले करें।
जब आप टेबल को अपनी कलेक्शन से जुड़े डेटासेट से कनेक्ट करते हैं, तो फील्ड्स कॉलम के रूप में और आइटम्स रो (rows) के रूप में दिखाई देते हैं। डिफ़ॉल्ट रूप से, वे सपोर्टेड फील्ड टाइप्स जो
विज़िबल (visible) सेट हैं, CMS से कनेक्ट करने पर आपके एडिटर में ऑटोमैटिकली दिखने लगते हैं। इसके बाद आप कॉलम के क्रम को मैनेज कर सकते हैं और टेबल के लुक और व्यवहार को कस्टमाइज़ करने के लिए कई सेटिंग्स पैनल में से चुन सकते हैं।
स्टेप 1 | कलेक्शन बनाएं
एक
मल्टीपल आइटम कलेक्शन बनाएं जिसका उपयोग आप अपनी टेबल में दिखने वाले कंटेंट को स्टोर करने के लिए करेंगे। आप मैन्युअल रूप से फील्ड्स और आइटम्स जोड़ सकते हैं या उन्हें CSV फ़ाइल से इम्पोर्ट कर सकते हैं।
कलेक्शन बनाने के लिए:
- अपनी साइट के डैशबोर्ड में CMS पर जाएँ। इसके अलावा, आप अपने एडिटर में CMS
पर क्लिक कर सकते हैं। - Create Collection पर क्लिक करें।
- Start from scratch पर क्लिक करें।
टिप: इसके अलावा, AI (आर्टिफिशियल इंटेलिजेंस) से अपने लिए कलेक्शन बनवाने के लिए Create with AI पर क्लिक करें। - Next पर क्लिक करें।
- अपने कलेक्शन के लिए एक नाम दर्ज करें।
- (केवल कोडिंग के लिए) अपने कोड में उपयोग करने के लिए एक कलेक्शन ID दर्ज करें।
- Multiple item collection (Default) को सिलेक्ट रहने दें और Create पर क्लिक करें।
- मैन्युअल रूप से या CSV फ़ाइल इम्पोर्ट करके अपने कलेक्शन में फ़ील्ड जोड़ें:
- मैन्युअल रूप से फ़ील्ड जोड़ें: अपने कलेक्शन में मैन्युअल रूप से फ़ील्ड जोड़ना शुरू करने के लिए + Add Field पर क्लिक करें।
- CSV फ़ाइल इम्पोर्ट करें: अपने कलेक्शन में CSV फ़ाइल अपलोड करने के लिए Import CSV file पर क्लिक करें।
- कलेक्शन परमिशन सेट करें:
- More Actions पर क्लिक करें और Permissions & privacy को सिलेक्ट करें।
- चुनें कि आप कलेक्शन के लिए कौन सी परमिशन चाहते हैं:
- Show content: सभी को या केवल साइट मेंबर्स को अपनी लाइव साइट पर कलेक्शन कंटेंट देखने की अनुमति दें। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास कलेक्शन आइटम देखने, जोड़ने, अपडेट करने या डिलीट करने का हमेशा पूरा एक्सेस होता है।
- Collect content: सभी को या केवल साइट मेंबर्स को इनपुट एलिमेंट्स या API के ज़रिए आपकी लाइव साइट से कलेक्शन में नए आइटम जोड़ने की अनुमति दें। साथ ही, यह भी तय करें कि कंटेंट कौन देख सकता है। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास हमेशा पूरा एक्सेस होता है।
- Advanced: प्रत्येक यूजर रोल के लिए कस्टम परमिशन सेट करें ताकि यह कंट्रोल किया जा सके कि कलेक्शन कंटेंट को कौन देख सकता है, जोड़ सकता है, अपडेट कर सकता है या डिलीट कर सकता है। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास पूरा एक्सेस होता है। हालाँकि, आप विशिष्ट कोलैबोरेटर रोल के लिए परमिशन सेट करके उनके एक्सेस को सीमित कर सकते हैं।
- Save पर क्लिक करें।
स्टेप 2 | अपने पेज पर एक टेबल जोड़ें
अपने एडिटर में जोड़ने के लिए कई प्री-डिज़ाइन की गई टेबल में से चुनें। आप टेबल को बाद में कनेक्ट और पूरी तरह से कस्टमाइज़ करेंगे।
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर पर जाएं।
- एडिटर के बाईं ओर Add Elements
पर क्लिक करें। - List पर क्लिक करें।
- Tables पर क्लिक करें।
- जिस टेबल का आप उपयोग करना चाहते हैं उसे क्लिक करें और पेज पर ड्रैग करें।
स्टेप 3 | टेबल को अपने CMS कलेक्शन से कनेक्ट करें
जब आप टेबल को अपनी कलेक्शन से जुड़े डेटासेट से कनेक्ट करते हैं, तो आपके कलेक्शन के सपोर्टेड फील्ड टाइप्स ऑटोमैटिकली टेबल में दिखने लगते हैं। इसके बाद आप कॉलम में लिंक जोड़ सकते हैं, जैसे कि
डायनेमिक आइटम पेजों के लिंक, ताकि विजिटर्स कॉलम के आइटम पर क्लिक करके उन लिंक्स पर जा सकें।
Wix एडिटर
स्टूडियो एडिटर
- अपने पेज पर टेबल एलिमेंट पर क्लिक करें।
- Connect to CMS आइकन
पर क्लिक करें। - Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। इसके अलावा, Add a Dataset चुनें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं, उसे एक नाम दें और Create पर क्लिक करें।
- यह चुनने के लिए कि कौन से कलेक्शन फ़ील्ड प्रत्येक कॉलम से कनेक्ट होंगे, Connections के नीचे संबंधित ड्रॉप-डाउन पर क्लिक करें।
टिप: अगर आपकी टेबल में इमेज हैं, तो पक्का करें कि Image column के alt text connects to ड्रॉप-डाउन को उस फ़ील्ड से कनेक्ट करें जो ऑल्ट टेक्स्ट (alt text) को दर्शाता है। एक्सेसिबिलिटी के बेहतरीन तरीकों के बारे में और जानें।
- (वैकल्पिक) कॉलम आइटम को उनके डायनेमिक आइटम पेजों या अन्य लोकेशन से लिंक करें:
- संबंधित [Field Name] column links to ड्रॉप-डाउन पर क्लिक करें।
- [Collection Name] (Item) के रूप में लिस्टेड डायनेमिक आइटम पेज चुनें या कोई अन्य लिंक विकल्प चुनें।
- प्रत्येक कॉलम आइटम जिसे आप लिंक करना चाहते हैं, उसके लिए यह स्टेप दोहराएं।
- (ऑप्शनल) टेबल में एक और कॉलम जोड़ें:
- दाईं ओर 'Connect Table' पैनल के नीचे Add column पर क्लिक करें।
- Choose column ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।
- Add Column पर क्लिक करें।
स्टेप 4 | अपनी टेबल को कस्टमाइज़ करें
अब आप टेबल को अपनी पसंद के अनुसार बेहतर बनाने के लिए उसे फाइन-ट्यून कर सकते हैं। कॉलम को रीऑर्डर करें, नाम बदलें या हटाएं, फिर सेटिंग्स, लेआउट और डिज़ाइन पैनल में कई विकल्पों में से चुनें। इसके बाद आप अपनी टेबल के साइज और पोजीशन को एडजस्ट करने के लिए उसके किनारों को ड्रैग कर सकते हैं।
Wix एडिटर
स्टूडियो एडिटर
- अपने पेज पर टेबल एलिमेंट पर क्लिक करें।
- Manage Table पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
- क्रम बदलें (Reorder): संबंधित कॉलम के बगल में Reorder आइकन
पर क्लिक करें और उसे ड्रैग करके सही जगह पर ले जाएँ। - कॉलम का नाम बदलें: संबंधित कॉलम पर होवर करें, More Actions आइकन
पर क्लिक करें, और Edit label चुनें। नया नाम दर्ज करें और Done पर क्लिक करें। - कॉलम डिलीट करें: संबंधित कॉलम पर होवर करें, More Actions आइकन पर क्लिक करें, और Delete चुनें।
- कनेक्शन मैनेज करें: किसी भी CMS कनेक्शन को बदलने के लिए Manage Connections पर क्लिक करें। फिर दाईं ओर संबंधित ड्रॉप-डाउन पर क्लिक करके चुनें कि कौन से कलेक्शन फील्ड्स प्रत्येक कॉलम से कनेक्ट होंगे और आइटम के लिए लिंक सेट करें।
- क्रम बदलें (Reorder): संबंधित कॉलम के बगल में Reorder आइकन
- सेटिंग्स आइकन
पर क्लिक करें और निम्नलिखित विकल्पों में से चुनें:
- क्लिक करने पर सिलेक्ट होगा: जब विजिटर्स किसी सेल पर क्लिक करते हैं, तो चुनें कि टेबल में क्या सिलेक्ट हो: कुछ नहीं, रो (Rows), या सेल्स (Cells)।
- लिंक इसमें खुलेंगे: यदि आपने आइटम्स को लिंक किया है, तो चुनें कि वे नई विंडो में खुलें या वर्तमान विंडो में।
- डेट फॉर्मेट: यदि आपने डेट फील्ड टाइप कनेक्ट किया है, तो वह फॉर्मेट चुनें जिसमें तारीखें डिस्प्ले होंगी।
- टेबल की हाइट, हेडर डिस्प्ले विकल्प, रो और कॉलम साइजिंग, कंटेंट अलाइनमेंट और पेजिनेशन चुनने के लिए लेआउट आइकन
पर क्लिक करें। - प्रीसेट डिज़ाइन चुनने के लिए डिज़ाइन आइकन
पर क्लिक करें, फिर अपनी टेबल के लुक को फाइन-ट्यून करने के लिए डिज़ाइन कस्टमाइज़ करें पर क्लिक करें। - यदि आप टेबल को अपनी साइट की चौड़ाई के अनुसार फिट करना चाहते हैं, तो स्ट्रेच आइकन
पर क्लिक करें। - टेबल को रिसाइज करने के लिए उसके किनारों को क्लिक करके ड्रैग करें।
नोट:
कलेक्शन फ़ील्ड का नाम बदलने के लिए, अपने एडिटर में
Dev Mode ऑन करें। फिर अपने कलेक्शन पर जाएं और संबंधित फ़ील्ड का नाम बदलने के लिए उसे एडिट करें।
स्टेप 5 | डेटासेट सेटिंग्स को मैनेज करें
डेटासेट मोड सेट करें, ऐसे फ़िल्टर जोड़ें जो कुछ आइटम्स को दिखने से रोकते हैं, और आइटम्स के डिस्प्ले होने के क्रम को कंट्रोल करने के लिए सॉर्ट (sorts) जोड़ें। आपकी टेबल उन सभी कलेक्शन आइटम्स को डिस्प्ले करती है जिन्हें वह डेटासेट से रीड कर सकती है, इसलिए
आइटम्स प्रति लोड (Items per load) फील्ड टेबल पर लागू नहीं होता है।
Wix एडिटर
स्टूडियो एडिटर
- अपने एडिटर के दाईं ओर स्थित पैनल में, Dataset Settings पर क्लिक करें।
- Dataset mode ड्रॉप-डाउन पर क्लिक करें और एक ऑप्शन चुनें:
- Read: डेटासेट को टेबल में आपके कलेक्शन का कंटेंट दिखाने की अनुमति दें।
- Read & Write: डेटासेट को टेबल में आपके कलेक्शन का कंटेंट दिखाने की अनुमति दें और विजिटर्स को इनपुट एलिमेंट्स के साथ कलेक्शन कंटेंट जोड़ने या एडिट करने की अनुमति दें।
नोट:
आइटम्स प्रति लोड (Items per load) फील्ड टेबल पर लागू नहीं होता है। आप
लेआउट आइकन
पर क्लिक करके, फिर एक कस्टम टेबल हाइट सेट करके और पेजिनेशन (pagination) इनेबल करके डिस्प्ले होने वाले आइटम्स की संख्या को सीमित कर सकते हैं।
पर क्लिक करके, फिर एक कस्टम टेबल हाइट सेट करके और पेजिनेशन (pagination) इनेबल करके डिस्प्ले होने वाले आइटम्स की संख्या को सीमित कर सकते हैं।
- (वैकल्पिक) टेबल में केवल विशिष्ट आइटम दिखाने के लिए + Add Filter पर क्लिक करें।
- (वैकल्पिक) टेबल में कलेक्शन आइटम दिखने का क्रम चुनने के लिए + Add Sort पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल (FAQs)
टेबल में CMS कंटेंट दिखाने से जुड़े सामान्य सवालों के जवाब के लिए नीचे क्लिक करें।
विजिटर्स टेबल में दिखाई गई जानकारी को कैसे फ़िल्टर कर सकते हैं?
क्या मैं टेबल के साथ 'लोड मोर' बटन कनेक्ट कर सकता हूँ?
मैं पेजिनेशन (pagination) को कैसे इनेबल और कस्टमाइज़ करूँ?
पर क्लिक करें।टेबल से कनेक्ट होने वाले सपोर्टेड फील्ड टाइप्स कौन से हैं?