Wix हेल्प

अपनी साइट पर CMS (कंटेंट मैनेजमेंट सिस्टम) कलेक्शन का कंटेंट तालिका में दिखाएं।

जब आप तालिका को अपने कलेक्शन से जुड़े डेटासेट से कनेक्ट करते हैं, तो फ़ील्ड कॉलम के रूप में और आइटम पंक्तियों के रूप में दिखाई देते हैं। डिफ़ॉल्ट रूप से, जब आप CMS से कनेक्ट करते हैं, तो सपोर्टेड फ़ील्ड टाइप, जिन्हें विज़िबल पर सेट किया गया है, आपके एडिटर में अपने-आप दिखाई देते हैं। इसके बाद, आप कॉलम का क्रम मैनेज कर सकते हैं और अलग-अलग सेटिंग्स पैनल से तालिका के लुक और व्यवहार को कस्टमाइज़ कर सकते हैं।
CMS से कनेक्ट की गई तालिका का उदाहरण दिखाने वाला स्क्रीनशॉट।
ध्यान दें:

Wix Harmony Editor में, आप किसी तालिका को अपने कलेक्शन से कनेक्ट नहीं कर सकते। आइटम की लिस्ट दिखाने के लिए, इसके बजाय रिपीटर जोड़ें। आप Wix Harmony में तालिका को अपने कलेक्शन से कनेक्ट करने के लिए वोट कर सकते हैं।


स्टेप 1 | कलेक्शन बनाएं

अपनी तालिका में दिखने वाला कंटेंट स्टोर करने के लिए एक मल्टी-आइटम कलेक्शन बनाएं। आप फ़ील्ड और आइटम मैन्युअली जोड़ सकते हैं या उन्हें CSV फ़ाइल से इंपोर्ट कर सकते हैं।

कलेक्शन बनाने के लिए:

  1. अपनी साइट के डैशबोर्ड में गो टू CMS पर जाएं। इसके अलावा, अपने एडिटर में CMS  पर क्लिक करें।
  2. क्रिएट कलेक्शन पर क्लिक करें।
  3. स्टार्ट फ्रॉम स्क्रैच पर क्लिक करें।
    टिप: इसके अलावा, एआई (आर्टिफिशियल इंटेलिजेंस) से अपने लिए कलेक्शन बनवाने के लिए क्रिएट विद एआई पर क्लिक करें और एआई को आपके लिए कलेक्शन बनाने दें।
  4. नेक्स्ट पर क्लिक करें। 
  5. अपने कलेक्शन का नाम डालें।
  6. (सिर्फ कोडिंग के लिए) अपने कोड में इस्तेमाल करने के लिए कलेक्शन ID डालें।
  7. मल्टीपल आइटम कलेक्शन (डिफ़ॉल्ट) को चुना रहने दें और क्रिएट पर क्लिक करें।
  8. अपने कलेक्शन में मैन्युअल तरीके से या CSV फ़ाइल इंपोर्ट करके फ़ील्ड जोड़ें:
  9. कलेक्शन परमिशंस सेट करें:
    1. मोर एक्शंस पर क्लिक करें और परमिशंस और प्राइवेसी चुनें।
    2. चुनें कि आप कलेक्शन के लिए कौन-सी परमिशंस सेट करना चाहते हैं:
      • शो कंटेंट: सभी लोगों या सिर्फ साइट मेंबर्स को अपनी लाइव साइट पर कलेक्शन का कंटेंट देखने की परमिशन दें। एडमिन और CMS एक्सेस वाले कोलैबोरेटर हमेशा कलेक्शन आइटम देखने, जोड़ने, अपडेट करने या हटाने का पूरा एक्सेस रखते हैं।
      • कलेक्ट कंटेंट: सभी लोगों या सिर्फ साइट मेंबर्स को इनपुट एलिमेंट्स या API की मदद से आपकी लाइव साइट से कलेक्शन में नए आइटम जोड़ने की परमिशन दें। साथ ही, तय करें कि कंटेंट कौन देख सकता है। एडमिन और CMS एक्सेस वाले कोलैबोरेटर हमेशा कलेक्शन आइटम देखने, जोड़ने, अपडेट करने या हटाने का पूरा एक्सेस रखते हैं।
      • एडवांस्ड: हर यूज़र रोल के लिए कस्टम परमिशंस सेट करके कंट्रोल करें कि कलेक्शन का कंटेंट कौन देख, जोड़, अपडेट या हटा सकता है। एडमिन और CMS एक्सेस वाले कोलैबोरेटर के पास पूरा एक्सेस होता है। हालांकि, खास कोलैबोरेटर रोल्स के लिए परमिशंस सेट करके आप कलेक्शन पर उनका एक्सेस सीमित कर सकते हैं।
    3. सेव पर क्लिक करें।
कलेक्शन परमिशंस सेट करने का स्क्रीनशॉट।

स्टेप 2 | अपने पेज पर टेबल जोड़ें

अपने एडिटर में जोड़ने के लिए पहले से डिज़ाइन की गई कई टेबल्स में से चुनें। आप बाद में टेबल को कनेक्ट और पूरी तरह कस्टमाइज़ करेंगे।
  1. अपने एडिटर पर जाएं।
  2. एडिटर की बाईं ओर एड एलिमेंट्स  पर क्लिक करें।
  3. लिस्ट पर क्लिक करें।
  4. टेबल्स पर क्लिक करें।
  5. आप जिस टेबल का इस्तेमाल करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें।
Wix Editor में टेबल जोड़ने का स्क्रीनशॉट।

स्टेप 3 | टेबल को अपने CMS कलेक्शन से कनेक्ट करें

टेबल को आपके कलेक्शन से जुड़े डेटासेट से कनेक्ट करने पर, आपके कलेक्शन के सपोर्टेड फ़ील्ड टाइप अपने-आप टेबल में दिखाई देने लगते हैं। इसके बाद, आप कॉलम में लिंक जोड़ सकते हैं, जैसे कि डायनामिक आइटम पेज के लिंक, ताकि विज़िटर कॉलम के आइटम पर क्लिक करके उन लिंक पर जा सकें।
  1. अपने पेज पर टेबल एलिमेंट पर क्लिक करें।
  2. कनेक्ट टू CMS आइकन पर क्लिक करें।
  3. चूज़ अ डेटासेट ड्रॉप-डाउन पर क्लिक करके, अपने कलेक्शन से कनेक्ट होने वाला कोई मौजूदा डेटासेट चुनें। इसके बजाय, आप ऐड अ डेटासेट चुन सकते हैं। फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं, उसे एक नाम दें और क्रिएट पर क्लिक करें।
डेटासेट चुने हुए कनेक्ट टेबल पैनल का स्क्रीनशॉट।
  1. हर कॉलम से कनेक्ट होने वाले कलेक्शन फ़ील्ड चुनने के लिए, कनेक्शंस के नीचे दिए गए संबंधित ड्रॉप-डाउन पर क्लिक करें।
    टिप: अगर आपकी टेबल में इमेज हैं, तो इमेज कॉलम के ऑल्ट टेक्स्ट कनेक्ट्स टू ड्रॉप-डाउन को ऐसे फ़ील्ड से कनेक्ट करें जो ऑल्ट टेक्स्ट को दिखाता हो। एक्सेसिबिलिटी के बेस्ट प्रैक्टिस के बारे में और जानें।
टेबल की इमेज के ऑल्ट टेक्स्ट को CMS कलेक्शन फ़ील्ड से कनेक्ट करने का स्क्रीनशॉट।
  1. (वैकल्पिक) कॉलम आइटम्स को उनके डायनामिक आइटम पेज या दूसरी लोकेशन से लिंक करें:
    1. संबंधित [फ़ील्ड का नाम] कॉलम लिंक्स टू ड्रॉप-डाउन पर क्लिक करें।
    2. [कलेक्शन का नाम] (आइटम) के रूप में दिया गया डायनामिक आइटम पेज चुनें या कोई दूसरा लिंक ऑप्शन चुनें।
    3. आप जिन कॉलम आइटम्स को लिंक करना चाहते हैं, उनमें से हर एक के लिए यह स्टेप दोहराएं।
किसी कॉलम को डायनामिक आइटम पेज से लिंक किए हुए कनेक्ट टेबल पैनल का स्क्रीनशॉट।
  1. (वैकल्पिक) तालिका में एक और कॉलम जोड़ें:
    1. दाईं ओर मौजूद कनेक्ट टेबल पैनल के नीचे ऐड कॉलम पर क्लिक करें।
    2. चूज़ कॉलम ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फ़ील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।
    3. ऐड कॉलम पर क्लिक करें।

स्टेप 4 | अपनी तालिका कस्टमाइज़ करें

अब आप तालिका को बिल्कुल अपनी पसंद जैसा दिखाने के लिए उसे फाइन-ट्यून कर सकते हैं। कॉलम को रीऑर्डर करें, उनका नाम बदलें या उन्हें हटाएं। फिर सेटिंग्स, लेआउट और डिज़ाइन पैनल में उपलब्ध अलग-अलग ऑप्शन चुनें। इसके बाद, तालिका का साइज़ और पोज़िशन एडजस्ट करने के लिए उसके किनारों को ड्रैग करें।
  1. अपने पेज पर टेबल एलिमेंट पर क्लिक करें।
  2. मैनेज टेबल पर क्लिक करें और चुनें कि आप क्या करना चाहते हैं:
    • रीऑर्डर करें: संबंधित कॉलम के पास मौजूद रीऑर्डर आइकन  पर क्लिक करें और उसे सही जगह पर लाने के लिए ऊपर या नीचे ड्रैग करें।
    • कॉलम का नाम बदलें: संबंधित कॉलम पर होवर करें, मोर एक्शंस आइकन  पर क्लिक करें और एडिट लेबल चुनें। नया नाम डालें और डन पर क्लिक करें।
    • कॉलम डिलीट करें: संबंधित कॉलम पर होवर करें, मोर एक्शंस आइकन  पर क्लिक करें और डिलीट चुनें।
    • कनेक्शन मैनेज करें: किसी भी CMS कनेक्शन को बदलने के लिए, मैनेज कनेक्शंस पर क्लिक करें। इसके बाद, हर कॉलम से कनेक्ट होने वाले कलेक्शन फ़ील्ड चुनने और आइटम के लिंक सेट करने के लिए, दाईं ओर मौजूद संबंधित ड्रॉप-डाउन पर क्लिक करें।
मैनेज टेबल पैनल का स्क्रीनशॉट, जिसमें टेबल के कॉलम और एडिट लेबल ऑप्शन दिख रहे हैं।
  1. सेटिंग्स आइकन पर क्लिक करें और इन ऑप्शन में से चुनें:
    • क्लिक करने पर सेलेक्ट होगा: चुनें कि विज़िटर के किसी सेल पर क्लिक करने पर टेबल में क्या सेलेक्ट होगा: नथिंग, रोज़ या सेल्स।
    • लिंक इसमें खुलेंगे: अगर आपने आइटम लिंक किए हैं, तो चुनें कि वे नई विंडो में खुलेंगे या मौजूदा विंडो में।
    • तारीख का फ़ॉर्मैट: अगर आपने तारीख फ़ील्ड टाइप कनेक्ट किया है, तो तारीखें दिखाने के लिए फ़ॉर्मैट चुनें।
  2. टेबल की ऊंचाई, हेडर डिस्प्ले ऑप्शन, रो और कॉलम की साइज़िंग, कंटेंट एलाइनमेंट और पेजिनेशन चुनने के लिए, लेआउट आइकन  पर क्लिक करें।
  3. प्रीसेट डिज़ाइन चुनने के लिए, डिज़ाइन आइकन  पर क्लिक करें। इसके बाद, अपनी टेबल के लुक को बारीकी से एडजस्ट करने के लिए कस्टमाइज़ डिज़ाइन पर क्लिक करें।
  4. टेबल को अपनी साइट की चौड़ाई के मुताबिक फ़िट करने के लिए, स्ट्रेच आइकन  पर क्लिक करें।
  5. टेबल का साइज़ बदलने के लिए, उसके किनारों पर क्लिक करके उन्हें ड्रैग करें।
ध्यान दें:
कलेक्शन फ़ील्ड का नाम बदलने के लिए, अपने एडिटर में Dev मोड ऑन करें। इसके बाद, अपने कलेक्शन पर जाएं और संबंधित फ़ील्ड का नाम बदलने के लिए उसे एडिट करें।

स्टेप 5 | डेटासेट सेटिंग्स मैनेज करें

डेटासेट मोड सेट करें, कुछ आइटम को दिखने से रोकने के लिए फ़िल्टर जोड़ें और अपनी तालिका में आइटम दिखने का क्रम तय करने के लिए सॉर्ट जोड़ें। आपकी तालिका वे सभी कलेक्शन आइटम दिखाती है जिन्हें वह डेटासेट से एक्सेस कर सकती है, इसलिए आइटम्स पर लोड फ़ील्ड तालिकाओं पर लागू नहीं होती।
  1. अपने एडिटर के दाईं ओर मौजूद पैनल में, डेटासेट सेटिंग्स पर क्लिक करें।
  2. डेटासेट मोड ड्रॉपडाउन पर क्लिक करें और कोई विकल्प चुनें:
ध्यान दें:
आइटम्स पर लोड फ़ील्ड तालिकाओं पर लागू नहीं होती। दिखने वाले आइटम की संख्या सीमित करने के लिए, लेआउट आइकन  पर क्लिक करें, फिर तालिका की कस्टम ऊंचाई सेट करें और पेजिनेशन इनेबल करें।
  1. (ज़रूरी नहीं) तालिका में सिर्फ़ खास आइटम दिखाने के लिए + ऐड फ़िल्टर पर क्लिक करें।
  2. (ज़रूरी नहीं) तालिका में कलेक्शन आइटम दिखने का क्रम चुनने के लिए + ऐड सॉर्ट पर क्लिक करें।
तालिका की डेटासेट सेटिंग्स का स्क्रीनशॉट, जिसमें डेटासेट मोड, फ़िल्टर और सॉर्ट हाइलाइट किए गए हैं।

अक्सर पूछे जाने वाले सवाल

तालिकाओं में CMS कंटेंट दिखाने से जुड़े आम सवालों के जवाब पाने के लिए नीचे क्लिक करें।