CMS: टेक्स्ट एलिमेंट्स में कलेक्शन कंटेंट डिस्प्ले करना

20 मिनट

Wix के CMS (कंटेंट मैनेजमेंट सिस्टम) के साथ, आप अपनी साइट पर अलग-अलग टेक्स्ट एलिमेंट्स में अपना कलेक्शन कंटेंट दिखा सकते हैं।

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

क्या आप फॉर्मेटेड टेक्स्ट को मीडिया, फाइल्स, HTML कोड और अन्य चीज़ों के साथ जोड़ना चाहते हैं?

अपने कलेक्शन आइटम से जुड़े कंटेंट के बड़े ब्लॉक्स बनाने के लिए रिच कंटेंट एलिमेंट के साथ रिच कंटेंट कलेक्शन फील्ड का उपयोग करें।
विजिटर्स द्वारा आपके कलेक्शन में सबमिट किए गए फॉर्मेटेड टेक्स्ट को सेव करने के लिए आप रिच टेक्स्ट इनपुट एलिमेंट को रिच टेक्स्ट कलेक्शन फील्ड से कनेक्ट भी कर सकते हैं।

टेक्स्ट एलिमेंट्स को कलेक्शन कंटेंट से कनेक्ट करना

अपने एडिटर में थीम्ड टेक्स्ट, टाइटल और पैराग्राफ जैसे टेक्स्ट एलिमेंट्स जोड़ें। फिर टेक्स्ट एलिमेंट को उस डेटासेट से कनेक्ट करें जो संबंधित कलेक्शन फील्ड से जुड़ा हो।

Wix Editor

Studio Editor

अपने एडिटर में संबंधित पेज पर जाएँ।
अपने पेज पर एक टेक्स्ट एलिमेंट जोड़ें:
1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
2. Text पर क्लिक करें।
3. आप जिस प्रकार का टेक्स्ट जोड़ना चाहते हैं उस पर क्लिक करें: Themed Text, Titles, या Paragraphs
4. अपने चुने हुए टेक्स्ट को अपने पेज पर जोड़ने के लिए उसे क्लिक करके ड्रैग करें।

Wix Editor में टेक्स्ट एलिमेंट जोड़ने का स्क्रीनशॉट।

टेक्स्ट एलिमेंट पर Connect to CMS आइकन पर क्लिक करें।
Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट होता हो। वैकल्पिक रूप से, Add a Dataset चुनें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं।
Text connects to ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।

टेक्स्ट को CMS कलेक्शन फील्ड से कनेक्ट करने का स्क्रीनशॉट।

टिप्स:

आप टेक्स्ट को इन प्रकार के कलेक्शन फील्ड्स से कनेक्ट कर सकते हैं: Text, Number, URL, Boolean, Date and Time, Time, Rich Text, Address, और Tags।
अगर आप चाहते हैं कि टेक्स्ट डेटासेट द्वारा प्राप्त आइटम्स की कुल संख्या दिखाए, तो Item Count चुनें।

(सिर्फ 'URL' फील्ड टाइप के लिए) Link options के अंदर, संबंधित ऑप्शन चुनें:
- How does it open?: चुनें कि आप लिंक को कैसे खोलना चाहते हैं: In the current window या As a new window
- Rel values (SEO): उस लिंक rel एट्रिब्यूट का टाइप चुनें जिसे आप इस्तेमाल करना चाहते हैं:
  - noopener (रिकमेंडेड): सोर्स पेज तक एक्सेस ब्लॉक करें।
  - noreferrer (रिकमेंडेड): लिंक सोर्स के बारे में जानकारी छिपाएं।
  - nofollow: सर्च इंजन को इग्नोर करने के लिए कहें।
  - sponsored: लिंक को स्पॉन्सर्ड के रूप में मार्क करें।
(सिर्फ 'Date and time' फील्ड टाइप के लिए) Choose a format ड्रॉप-डाउन पर क्लिक करें और तारीख और समय दिखाने के लिए एक फॉर्मेट चुनें।

Date and Time CMS कलेक्शन फील्ड दिखाने के लिए फॉर्मेट सेट करने का स्क्रीनशॉट।

Colors के अंदर, Text color connects to ड्रॉप-डाउन पर क्लिक करें और वह 'Color' फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।

टेक्स्ट कलर को 'कलर' फील्ड टाइप से कनेक्ट करने का स्क्रीनशॉट।

अपने कनेक्शन टेस्ट करने के लिए Preview पर क्लिक करें।
अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

कोलैप्सिबल टेक्स्ट को कलेक्शन कंटेंट से कनेक्ट करना

एक कोलैप्सिबल टेक्स्ट एलिमेंट जोड़ें जो टेक्स्ट की केवल पहली कुछ लाइनें दिखा सके जब तक कि विज़िटर्स पूरा टेक्स्ट देखने के लिए क्लिक न करें। CMS से कनेक्ट करने से पहले 'Show More' बटन को एक्सपैंड पर सेट करने के लिए Change Text सेटिंग्स को कस्टमाइज़ करना न भूलें। इसके अलावा, आप 'Show More' बटन को एक सिंगल स्टैटिक लिंक पर भी सेट कर सकते हैं जो विज़िटर्स द्वारा लिंक पर क्लिक करने पर खुलता है।

Wix Editor

Studio Editor

अपने एडिटर में संबंधित पेज पर जाएँ।
अपने पेज पर एक कोलैप्सिबल टेक्स्ट (collapsible text) एलिमेंट जोड़ें:
1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
2. Text पर क्लिक करें।
3. Collapsible Text पर क्लिक करें।
4. एक कोलैप्सिबल टेक्स्ट एलिमेंट को अपने पेज पर क्लिक करके ड्रैग करें।

कोलैप्सिबल टेक्स्ट एलिमेंट जोड़ने का स्क्रीनशॉट।

Change Text पर क्लिक करें और कोलैप्सिबल टेक्स्ट बॉक्स सेटिंग्स को एडिट करें:
- Change text: आपको इस फील्ड को एडिट करने की ज़रूरत नहीं है क्योंकि आप अपने CMS कलेक्शन से टेक्स्ट कनेक्ट करेंगे।
- What does the button do?: चुनें कि जब विज़िटर्स बटन पर क्लिक करें तो क्या हो:
  - Expand: (रिकमेंडेड) पूरा टेक्स्ट दिखाने के लिए कोलैप्सिबल टेक्स्ट फैल जाता है। इन फील्ड्स को एडिट करें:
    - Expand button text: वह टेक्स्ट डालें जो एक्सपैंड बटन पर दिखाई देगा (जैसे "Read More")।
    - Collapse button text: वह टेक्स्ट डालें जो कोलैप्स बटन पर दिखाई देगा (जैसे "Read Less")।
  - Link: एक स्टैटिक लिंक खुलता है। इन फील्ड्स को एडिट करें:
    नोट: फिलहाल, इस लिंक को डेटासेट या कलेक्शन फील्ड से कनेक्ट करना संभव नहीं है।
    - Link button text: वह टेक्स्ट डालें जो लिंक बटन पर दिखाई देगा (जैसे "Link to article")।
    - Links to: Choose a link पर क्लिक करें और बटन के लिए लिंक डेस्टिनेशन चुनें।
- SEO & accessibility: एलिमेंट के लिए एक एक्सेसिबल नाम डालें और HTML टैग चुनें। साइट स्ट्रक्चर तैयार करने के बारे में और जानें।

कोलैप्सिबल टेक्स्ट एलिमेंट की सेटिंग्स एडिट करने का स्क्रीनशॉट।

कोलेप्सिबल टेक्स्ट एलिमेंट पर Connect to CMS आइकन पर क्लिक करें।
Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। इसके अलावा, आप Add a Dataset चुन सकते हैं, और फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं।
Text connects to ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।
टिप: आप कोलेप्सिबल टेक्स्ट एलिमेंट्स को इन प्रकार के कलेक्शन फील्ड्स से कनेक्ट कर सकते हैं: Text, Number, URL, Date and Time, Time, Rich Text, और Address।

कोलैप्सिबल टेक्स्ट को कलेक्शन फील्ड से कनेक्ट करने का स्क्रीनशॉट।

कोलेप्सिबल टेक्स्ट पर Layout आइकन पर क्लिक करें और लेआउट को कस्टमाइज़ करें।
अपने कनेक्शन टेस्ट करने के लिए Preview पर क्लिक करें।
अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

टेक्स्ट मार्की को कलेक्शन कंटेंट से कनेक्ट करना

एक टेक्स्ट मार्की एलिमेंट जोड़ें जो आपके CMS कलेक्शन से स्क्रॉल होने वाला टेक्स्ट डिस्प्ले करता है।

Wix Editor

स्टूडियो एडिटर

अपने एडिटर में संबंधित पेज पर जाएँ।
अपने पेज पर एक टेक्स्ट मास्क (text mask) एलिमेंट जोड़ें:
1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
2. Text पर क्लिक करें।
3. Text Marquee पर क्लिक करें।
4. एक टेक्स्ट मार्की एलिमेंट को अपने पेज पर क्लिक करके ड्रैग करें।

Wix Editor में टेक्स्ट मार्की (marquee) एलिमेंट जोड़ने का स्क्रीनशॉट।

टेक्स्ट मार्की (text marquee) पर Connect to CMS आइकन पर क्लिक करें।
Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। इसके अलावा, Add a Dataset चुनें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं।
Text connects to ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।
टिप: आप टेक्स्ट मार्की को इन प्रकार के कलेक्शन फील्ड्स से कनेक्ट कर सकते हैं: Text, Number, URL, Date and Time, Time, और Address।

कलेक्शन फील्ड को टेक्स्ट मार्की (text marquee) से कनेक्ट करने का स्क्रीनशॉट।

मार्की टेक्स्ट द्वारा उपयोग किए जाने वाले टेक्स्ट फॉर्मेटिंग, सेपरेटर और मूवमेंट को कस्टमाइज़ करने के लिए Design आइकन पर क्लिक करें। टेक्स्ट मार्की डिज़ाइन करने के बारे में और जानें।
अपने कनेक्शन टेस्ट करने के लिए ऊपर दाईं ओर Preview पर क्लिक करें।
अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

टेक्स्ट मास्क को कलेक्शन कंटेंट से कनेक्ट करना

एक टेक्स्ट मास्क जोड़ें जो टेक्स्ट के अक्षरों के अंदर वीडियो डिस्प्ले करता है। अपने टेक्स्ट मास्क को उस CMS कलेक्शन फील्ड से कनेक्ट करें जिसे आप डिस्प्ले करना चाहते हैं। फिर अपना खुद का वीडियो जोड़ने या Wix का वीडियो चुनने के लिए डिजाइन पैनल पर जाएं।

ज़रूरी:

फिलहाल, टेक्स्ट मास्क को रिपीटर्स से जोड़ना संभव नहीं है।

Wix Editor

स्टूडियो एडिटर

अपने एडिटर में संबंधित पेज पर जाएँ।
अपने पेज पर एक टेक्स्ट मास्क (text mask) एलिमेंट जोड़ें:
1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
2. Text पर क्लिक करें।
3. Text Mask पर क्लिक करें।
4. एक टेक्स्ट मास्क को अपने पेज पर क्लिक करके ड्रैग करें।

Wix Editor में टेक्स्ट मास्क (Text Mask) जोड़ने का स्क्रीनशॉट।

टेक्स्ट मास्क पर Connect to CMS आइकन पर क्लिक करें।
Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। इसके अलावा, Create a New Dataset पर क्लिक करें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं।
Text connects to ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।
टिप: आप टेक्स्ट मास्क को इन प्रकार के कलेक्शन फील्ड्स से कनेक्ट कर सकते हैं: Text, Number, URL, Date and Time, Time, और Address।

टेक्स्ट मास्क को CMS कलेक्शन फील्ड से कनेक्ट करने का स्क्रीनशॉट।

Design आइकन पर क्लिक करें और बैकग्राउंड फिल, टेक्स्ट फॉर्मेट और शैडो को कस्टमाइज़ करें। टेक्स्ट मास्क डिज़ाइन करने के बारे में और जानें।

टेक्स्ट मास्क में इस्तेमाल किए गए वीडियो को बदलने का स्क्रीनशॉट।

अपने कनेक्शन टेस्ट करने के लिए Preview पर क्लिक करें।
अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

टेक्स्ट इफेक्ट्स को कलेक्शन कंटेंट से कनेक्ट करना

अपनी साइट पर डायनेमिक और आकर्षक टेक्स्ट दिखाने के लिए टेक्स्ट इफेक्ट्स एलिमेंट को अपने CMS कंटेंट से कनेक्ट करें।

टेक्स्ट इफेक्ट्स को CMS से कनेक्ट करने के लिए:

Studio Editor में संबंधित पेज पर जाएँ।
अपने पेज पर एक टेक्स्ट इफेक्ट्स एलिमेंट जोड़ें:
1. एडिटर के बाईं ओर Add Elements पर क्लिक करें।
2. Text पर क्लिक करें।
3. Text Effects पर क्लिक करें।
4. अपने चुने हुए टेक्स्ट इफेक्ट्स एलिमेंट को अपने पेज पर जोड़ने के लिए उसे क्लिक करके ड्रैग करें।

Studio Editor में टेक्स्ट इफेक्ट्स एलिमेंट जोड़ने का स्क्रीनशॉट।

टेक्स्ट इफेक्ट्स एलिमेंट पर Connect to CMS आइकन पर क्लिक करें।
Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। इसके अलावा, Add a Dataset चुनें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं।
Text connects to ड्रॉप-डाउन पर क्लिक करें और वह कलेक्शन फील्ड चुनें जिसे आप कनेक्ट करना चाहते हैं।
टिप: आप टेक्स्ट इफेक्ट्स को इन प्रकार के कलेक्शन फील्ड्स से कनेक्ट कर सकते हैं: Text, Number, URL, Date and Time, Time, और Address।
(ऑप्शनल) Link connects to ड्रॉप-डाउन पर क्लिक करें और चुनें कि जब विजिटर्स टेक्स्ट इफेक्ट्स एलिमेंट पर क्लिक करें तो क्या होना चाहिए:
- Actions: वह dataset action चुनें जो तब होगा जब विजिटर्स टेक्स्ट इफेक्ट्स एलिमेंट पर क्लिक करेंगे (जैसे Load More, Apply Filters)।
  नोट: जब एलिमेंट किसी रिपीटर से जुड़ा होता है, तो डेटासेट एक्शन उपलब्ध नहीं होते हैं।
- Dynamic pages: वह dynamic page चुनें जिस पर विजिटर्स एलिमेंट पर क्लिक करने पर पहुंचेंगे। फिर चुनें कि लिंक कैसे खुलेगा: In the current window या As a new window
- Fields: 'Document', 'URL', 'Image', या 'Video' फील्ड टाइप चुनें जो विजिटर्स द्वारा एलिमेंट पर क्लिक करने पर नए टैब में खुलेगा।

टेक्स्ट इफेक्ट्स एलिमेंट के लिए डेटासेट कनेक्शन ऑप्शन्स का स्क्रीनशॉट।

टेक्स्ट इफेक्ट एलिमेंट को डिज़ाइन करें।
एलिमेंट के टेक्स्ट को फॉर्मेट करें।
अपने कनेक्शन टेस्ट करने के लिए ऊपर दाईं ओर Preview आइकन पर क्लिक करें।
अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

क्या इससे मदद मिली?

इस लेख में

टेक्स्ट एलिमेंट्स को कलेक्शन कंटेंट से कनेक्ट करना
कोलैप्सिबल टेक्स्ट को कलेक्शन कंटेंट से कनेक्ट करना
टेक्स्ट मार्की को कलेक्शन कंटेंट से कनेक्ट करना
टेक्स्ट मास्क को कलेक्शन कंटेंट से कनेक्ट करना
टेक्स्ट इफेक्ट्स को कलेक्शन कंटेंट से कनेक्ट करना