CMS: प्रो गैलरी में कलेक्शन कंटेंट डिस्प्ले करना
26 मिनट
अपने CMS (कंटेंट मैनेजमेंट सिस्टम) कलेक्शन के हर आइटम के लिए इमेज को डायनामिक रूप से दिखाने के लिए प्रो गैलरी का उपयोग करें। आप यह कंट्रोल कर सकते हैं कि हर आइटम के लिए किस 'Image' फील्ड का उपयोग करना है, साथ ही कलेक्शन फील्ड्स को इमेज टाइटल, डिस्क्रिप्शन, ऑल्ट टेक्स्ट और लिंक से भी कनेक्ट कर सकते हैं। इस तरह का सेटअप डायनामिक लिस्ट पेजों और स्टैटिक पेजों, दोनों के लिए बेहतरीन है, क्योंकि आप इमेज को उनके आइटम के डायनामिक आइटम पेजों से लिंक कर सकते हैं।
ज़रूरी:
यह आर्टिकल प्रो गैलरी को एक 'Image' फील्ड से कनेक्ट करने के बारे में है, जिसका इस्तेमाल हर कलेक्शन आइटम के लिए एक इमेज दिखाने के लिए किया जाता है। इसके अलावा, आप एक डायनेमिक आइटम पेज पर किसी एक कलेक्शन आइटम के लिए कई इमेज या वीडियो दिखाने के लिए प्रो गैलरी को 'Media Gallery' फील्ड से कनेक्ट कर सकते हैं।
स्टेप 1 | CMS कलेक्शन बनाएं
गैलरी में दिखाई जाने वाली इमेज को स्टोर करने के लिए एक मल्टीपल आइटम कलेक्शन बनाएँ। इमेज टाइटल, डिस्क्रिप्शन और ऑल्ट टेक्स्ट के लिए एक इमेज फील्ड टाइप और टेक्स्ट फील्ड्स जोड़ें। फिर कलेक्शन में हर आइटम के लिए इमेज और वैल्यू जोड़ें। यदि ज़रूरत हो, तो आप कलेक्शन परमिशन को उनके डिफॉल्ट 'Show content' सेटिंग से बदल सकते हैं जो किसी को भी कंटेंट देखने की अनुमति देता है।
गैलरी इमेज स्टोर करने के लिए कलेक्शन बनाने का तरीका:
Wix एडिटर
Studio एडिटर
डैशबोर्ड
- अपनी साइट के डैशबोर्ड में 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 पर क्लिक करें।
टिप:
हर आइटम के लिए इमेज स्टोर करने के लिए 'Image' फील्ड टाइप जोड़ना सुनिश्चित करें। आप इमेज टाइटल, डिस्क्रिप्शन और ऑल्ट टेक्स्ट के रूप में उपयोग करने के लिए 'Text' फील्ड टाइप भी जोड़ सकते हैं।
- अपनी कलेक्शन में आइटम जोड़ें:
- + Add Item पर क्लिक करें।
- हर संबंधित फील्ड में आइटम से जुड़ा कंटेंट जोड़ें।
- जितने आइटम आप चाहते हैं, उन्हें बनाने के लिए इस स्टेप को दोहराएं।
- कलेक्शन परमिशन सेट करें:
- More Actions पर क्लिक करें और Permissions & privacy को चुनें।
- चुनें कि आप कलेक्शन के लिए कौन सी परमिशन चाहते हैं:
- कंटेंट दिखाएं: सभी को या केवल साइट मेंबर्स को अपनी लाइव साइट पर कलेक्शन कंटेंट देखने की अनुमति दें। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास कलेक्शन आइटम्स को देखने, जोड़ने, अपडेट करने या डिलीट करने का हमेशा पूरा एक्सेस होता है।
- कंटेंट कलेक्ट करें: सभी को या केवल साइट मेंबर्स को इनपुट एलिमेंट्स या API के ज़रिए आपकी लाइव साइट से कलेक्शन में नए आइटम्स जोड़ने की अनुमति दें। साथ ही, यह भी तय करें कि कंटेंट कौन देख सकता है। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास हमेशा पूरा एक्सेस होता है।
- एडवांस्ड: यह कंट्रोल करने के लिए कि कौन कलेक्शन कंटेंट देख सकता है, जोड़ सकता है, अपडेट कर सकता है या डिलीट कर सकता है, हर यूजर रोल के लिए कस्टम परमिशन सेट करें। एडमिन्स और CMS एक्सेस वाले कोलैबोरेटर्स के पास पूरा एक्सेस होता है। हालांकि, आप विशिष्ट कोलैबोरेटर रोल्स के लिए परमिशन सेट करके कलेक्शन तक उनकी पहुंच को सीमित कर सकते हैं।
- Save पर क्लिक करें।
स्टेप 2 | अपनी कलेक्शन से एक प्रो गैलरी कनेक्ट करें
अपनी साइट पर एक प्रो गैलरी जोड़ें और इसे एक डेटासेट से कनेक्ट करें जो आपके कलेक्शन फील्ड्स से जुड़ा हो। फिर गैलरी के इमेज सोर्स को अपने कलेक्शन के इमेज फील्ड से कनेक्ट करें। आप टाइटल, डिस्क्रिप्शन और ऑल्ट टेक्स्ट को भी अपने कलेक्शन के फील्ड्स से कनेक्ट कर सकते हैं। आइटम को उनके डायनामिक आइटम पेजों, या 'URL', 'Image', या 'Video' फील्ड से लिंक करने के लिए 'Links connect to' ड्रॉप-डाउन का उपयोग करें।
Wix एडिटर
Studio एडिटर
- अपने एडिटर पर जाएं।
- उस पेज पर जाएं जहां आप अलग-अलग कलेक्शन आइटम्स को दिखाने वाली इमेज गैलरी डिस्प्ले करना चाहते हैं।
- एडिटर के बाईं ओर Add Elements
पर क्लिक करें। - Gallery पर क्लिक करें।
- आप जो प्रो गैलरी इस्तेमाल करना चाहते हैं, उसे क्लिक करके पेज पर ड्रैग करें।
- गैलरी से डिफॉल्ट इमेज हटाएँ:
- गैलरी पर Manage Media पर क्लिक करें।
- Select All पर क्लिक करें, फिर Delete पर क्लिक करें।
- Done पर क्लिक करें।
- Connect to CMS आइकन
पर क्लिक करें। - Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। वैकल्पिक रूप से, Add a Dataset चुनें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं।
- अपने कलेक्शन फील्ड्स को गैलरी से कनेक्ट करने के लिए संबंधित ड्रॉप-डाउन पर क्लिक करें:
- Image sources connect to: वह 'Image' फील्ड चुनें जिसे आप डिस्प्ले करना चाहते हैं।
- Titles connect to: वह फील्ड चुनें जिसे आप इमेज टाइटल के लिए उपयोग करना चाहते हैं।
- Descriptions connect to: वह फील्ड चुनें जिसे आप इमेज डिस्क्रिप्शन के लिए उपयोग करना चाहते हैं।
- Alt texts connect to: वह फील्ड चुनें जिसे आप इमेज ऑल्ट टेक्स्ट के लिए उपयोग करना चाहते हैं।
- Links connect to: वह डायनामिक पेज, 'URL' फील्ड, या 'Image' फील्ड चुनें जिससे आप इमेज को लिंक करना चाहते हैं।
- अपनी गैलरी के लेआउट, डिज़ाइन और बहुत कुछ कस्टमाइज़ करने के लिए गैलरी पर क्लिक करें और Settings चुनें। अपनी प्रो गैलरी को कस्टमाइज़ करने के बारे में और जानें।
स्टेप 3 | डेटासेट सेटिंग्स मैनेज करें
एक बार में लोड होने वाले कुल आइटम्स सेट करने, कुछ आइटम्स को दिखने से रोकने के लिए फिल्टर करने, आइटम्स के दिखने का क्रम सॉर्ट करने या डेटासेट मोड बदलने के लिए डेटासेट सेटिंग्स पर जाएं। अगर आप विजिटर्स को गैलरी के कनेक्टेड कलेक्शन आइटम्स को अपडेट करने देना चाहते हैं, तो मोड को 'Read & Write' पर सेट करें।
Wix एडिटर
स्टूडियो एडिटर
- गैलरी की कनेक्टेड डेटासेट सेटिंग्स पर जाएँ:
- गैलरी पर क्लिक करें।
- Connect to CMS आइकन पर क्लिक करें।
- दाईं ओर Connect Gallery पैनल में Dataset Settings पर क्लिक करें।
- (वैकल्पिक) यह निर्धारित करने के लिए कि कलेक्शन कंटेंट को कौन देख सकता है, जोड़ सकता है, अपडेट कर सकता है या हटा सकता है, Permissions के बगल में permission type पर क्लिक करें।
- (वैकल्पिक) यदि आपको डेटासेट का नाम एडिट करना है, तो Dataset name फ़ील्ड पर क्लिक करें।
- (केवल Velo के लिए) अपने पेज के कोड में डेटासेट की पहचान करने के लिए उपयोग की जाने वाली ID को एडिट करने के लिए Dataset ID फ़ील्ड पर क्लिक करें।
- Dataset mode ड्रॉप-डाउन पर क्लिक करें और संबंधित विकल्प चुनें:
- Read: कनेक्टेड एलिमेंट्स आपके कलेक्शन से कंटेंट पढ़ और डिस्प्ले कर सकते हैं। एलिमेंट्स कलेक्शन कंटेंट को मॉडिफाई नहीं कर सकते।
- Read & Write: कनेक्टेड एलिमेंट्स आपके कलेक्शन से कंटेंट डिस्प्ले कर सकते हैं। Input elements आपके कलेक्शन में कंटेंट जोड़ या एडिट कर सकते हैं।
- एक बार में लोड होने वाले आइटम्स की अधिकतम संख्या सेट करने के लिए Items per load फ़ील्ड को एडिट करें।
नोट: यह उन आइटम्स की अधिकतम संख्या भी है जो तब लोड हो सकते हैं जब विज़िटर्स 'Load More' बटन, 'Next/Previous page' बटन या पेजिनेशन बार पर क्लिक करते हैं। स्टेप्स के लिए अगला सेक्शन देखें।
- (ऑप्शनल) गैलरी में सिर्फ खास आइटम दिखाने के लिए + Add Filter पर क्लिक करें।
- (ऑप्शनल) गैलरी में कलेक्शन आइटम दिखने का क्रम चुनने के लिए + Add Sort पर क्लिक करें।
स्टेप 4 | (वैकल्पिक) 'लोड मोर' या नेविगेशनल बटन बनाएँ
यदि आपके पास बहुत सारे कलेक्शन आइटम्स हैं, तो आप 'Load More' बटन जोड़कर अपने पेज की लोडिंग परफॉरमेंस को बेहतर बना सकते हैं। आपके डेटासेट के 'Items per load' फ़ील्ड को 1000 आइटम्स तक सेट किया जा सकता है। यह कंट्रोल करता है कि आपकी गैलरी में शुरुआत में कितने आइटम लोड हो सकते हैं, और विज़िटर्स द्वारा 'Load More' बटन पर क्लिक करने पर कितने अतिरिक्त आइटम लोड हो सकते हैं।
यदि आप 'Next/Previous page' बटन या पेजिनेशन बार कनेक्ट करते हैं, तो यह फ़ील्ड आपकी गैलरी में प्रति 'पेज' डिस्प्ले होने वाले आइटम्स की संख्या भी निर्धारित करती है।
Wix एडिटर
स्टूडियो एडिटर
चुनें कि आप क्या करना चाहते हैं:
'लोड मोर' बटन बनाएँ
चुनें।'नेक्स्ट पेज' और 'प्रीवियस पेज' बटन बनाएँ
पेजिनेशन बार कनेक्ट करें
पर क्लिक करें।
पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल (FAQs)
CMS से गैलरी कनेक्ट करने के बारे में अक्सर पूछे जाने वाले सवालों के जवाब के लिए नीचे क्लिक करें।
साइट विजिटर्स गैलरी में दिखने वाले कंटेंट को कैसे फिल्टर कर सकते हैं?
क्या मैं गैलरी इमेज लिंक्स को क्लिक करने पर खुलने के लिए सेट कर सकता हूँ?
इस गैलरी के लिए CMS कनेक्शन ऑप्शंस क्या हैं?
मेरी प्रो गैलरी का 'Load More' बटन डेटासेट सेटिंग्स के अनुसार काम क्यों नहीं कर रहा है?
