Wix के साथ शुरुआत करनाWix के साथ अपनी वेबसाइट और बिज़नेस बनाएँअपनी वेबसाइट बनाने, टेम्पलेट कस्टमाइज़ करने, या अपनी ऑनलाइन प्रेज़ेंस बेहतर बनाने के लिए प्रोफ़ेशनल्स को हायर करने के लिए हमारे AIटूल्स देखे
वेबसाइट बनानापढ़ें कि Wix एडिटर का इस्तेमाल कैसे करें और अपनी साइट पर कंटेंट कैसे मैनेज करें। जानें कि अपने विज़िटर्स की प्राइवेसी कैसे सुरक्षित रखें और अपनी साइट को एक्सेसिबल कैसे बनाएं।
अकाउंट और बिलिंगअपनी अकाउंट सेटिंग्स देखें, अपने सब्सक्रिप्शन और प्लान मैनेज करें और अपने इनवॉइस समझें.
Wix मोबाइल ऐप का इस्तेमाल करनाअपने बिज़नेस को चलते-फिरते अच्छे से चलाने के लिए हमारे मोबाइल ऐप्स का इस्तेमाल करें और अपनी साइट के मेंबर्स के टच में रहने के लिए एक खास ऐप सेट अप करें।
डोमेन कनेक्ट करनाअपनी साइट के लिए डोमेन खरीदने, कनेक्ट करने या ट्रांसफर करने का तरीका जानने के लिए हमारे स्टेप-बाय-स्टेप गाइड को फॉलो करें, और जानें कि अपनी साइट का डेटा कैसे सुरक्षित रखें।
अपना बिज़नेस मैनेज़ करनाअपने बिज़नेस और वेब प्रेजेंस को बढ़ाने के लिए टूल्स लें। अपनी खास ज़रूरतों के लिए सही टूल्स ढूंढें, ऑनलाइन पेमेंट सेट अप करें और अपनी साइट के एनालिटिक्स पर नज़र रखें।
अपनी साईट प्रमोट करना सर्च इंजन पर इसे प्रमोट करके, ईमेल भेजकर और पेड ऐड चलाकर अपनी साइट को ज़्यादा विज़िबल बनाना सीखें। प्रैक्टिकल टिप्स से अपनी ऑनलाइन प्रेजेंस को बेहतर बनाएं।
स्टूडियो, पार्टनर और एंटरप्राइअपने स्टूडियो या एंटरप्राइज़ अकाउंट का ज़्यादा से ज़्यादा फ़ायदा उठाएँ, एडवांस्ड फ़ीचर्स के साथ जो आपको ज़्यादा अच्छे से काम करने में मदद करेंगे.
और अधिक मदद की आवश्यकता है?साइट परफॉर्मेंस और टेक्निकल दिक्कतों के लिए सॉल्यूशन ढूंढें, उन दिक्कतों के बारे में जानें जिन्हें हम ठीक करने पर काम कर रहे हैं या मदद के लिए हमसे कॉन्टैक्ट करें।
placeholder-preview-image
Wix Learnहमारे कोर्सेज़ और ट्यूटोरियल के ज़रिए अपने स्किल्स का विकास करें।
Wix ब्लॉगवेब डिज़ाइन, मार्केटिंग आदि के लिए सुझाव पाएं।
SEO लर्निंग हबसर्च इंजन से ऑर्गेनिक साइट ट्रैफिक बढ़ाना सीखें।
वेबसाइट विकासहमारे फ़ुल-स्टैक प्लेटफ़ॉर्म का उपयोग करके एक कस्टम साइट बनाएं।
placeholder-preview-image

CMS: प्रो गैलरी में कलेक्शन कंटेंट दिखाना

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

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

गैलरी में दिखाई जाने वाली इमेज स्टोर करने के लिए मल्टीपल आइटम कलेक्शन बनाएं। इमेज के टाइटल, डिस्क्रिप्शन और ऑल्ट टेक्स्ट के लिए एक इमेज फ़ील्ड टाइप और टेक्स्ट फ़ील्ड जोड़ें। इसके बाद, कलेक्शन के हर आइटम में इमेज और वैल्यू जोड़ें। ज़रूरत पड़ने पर, आप कलेक्शन परमिशन की डिफ़ॉल्ट 'शो कंटेंट' सेटिंग बदल सकते हैं। इस सेटिंग से कोई भी व्यक्ति कंटेंट देख सकता है।

गैलरी इमेज स्टोर करने वाला कलेक्शन बनाने के लिए:

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

कलेक्शन परमिशंस सेट करने का स्क्रीनशॉट।

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

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

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

स्टेप 4 | (वैकल्पिक) 'लोड मोर' या नेविगेशन बटन बनाएं

अगर आपके कलेक्शन में बहुत सारे आइटम्स हैं, तो 'लोड मोर' बटन जोड़कर आप अपने पेज की लोडिंग परफॉर्मेंस बेहतर कर सकते हैं। आपके डेटासेट के 'आइटम्स पर लोड' फ़ील्ड में अधिकतम 1000 आइटम सेट किए जा सकते हैं। यह तय करता है कि आपकी गैलरी में शुरुआत में कितने आइटम लोड हो सकते हैं और विज़िटर्स के 'लोड मोर' बटन पर क्लिक करने से कितने अतिरिक्त आइटम लोड होंगे।

अगर आप 'नेक्स्ट/प्रीवियस पेज' बटन या पेजिनेशन बार कनेक्ट करते हैं, तो यह फ़ील्ड यह भी तय करता है कि आपकी गैलरी के हर 'पेज' पर कितने आइटम दिखेंगे।
चुनें कि आप क्या करना चाहते हैं:

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

गैलरी को CMS से कनेक्ट करने के बारे में अक्सर पूछे जाने वाले सवालों के जवाब पाने के लिए नीचे क्लिक करें।