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

Wix Editor: कोलैप्सिबल टेक्स्ट जोड़ना और सेट अप करना

अगर आप बहुत सारी जानकारी दिखाना चाहते हैं, तो कोलैप्सिबल टेक्स्ट एक बढ़िया विकल्प है। टेक्स्ट के कुछ हिस्से छिपे रहते हैं और विज़िटर एक्सपैंड बटन या पूरे टेक्स्ट के लिंक पर क्लिक करके पूरा टेक्स्ट देख सकते हैं।
Wix की लाइव साइट पर टेक्स्ट को एक्सपैंड और कोलैप्स करते हुए दिखाने वाला GIF।
टिप:
अगर आप कोलैप्सिबल टेक्स्ट को किसी स्ट्रिप, कॉलम या कंटेनर से अटैच करते हैं और उसे बटन से एक्सपैंड करने का विकल्प चुनते हैं, तो विज़िटर के क्लिक करने पर टेक्स्ट के साथ पूरा कंटेनर/कॉलम/स्ट्रिप भी एक्सपैंड हो जाता है।

स्टेप 1 | कोलैप्सिबल टेक्स्ट जोड़ें

पहला स्टेप अपनी साइट पर कोलैप्सिबल टेक्स्ट बॉक्स जोड़ना है। अलग-अलग फ़ॉन्ट, लाइनों की संख्या और दूसरी सेटिंग्स के साथ कई शैलियाँ उपलब्ध हैं।

अपनी साइट पर कोलैप्सिबल टेक्स्ट जोड़ने के लिए:

  1. अपने एडिटर पर जाएं।
  2. एडिटर के बाईं ओर ऐड एलिमेंट्स पर क्लिक करें।
  3. टेक्स्ट पर क्लिक करें।
  4. कोलैप्सिबल टेक्स्ट पर क्लिक करें।
  5. अपना पसंदीदा टेक्स्ट बॉक्स क्लिक करके ड्रैग करें और उसे अपनी साइट पर जोड़ें।
Editor में ऐड एलिमेंट्स पैनल। कर्सर कोलैप्सिबल टेक्स्ट प्रीसेट पर होवर कर रहा है।

स्टेप 2 | कोलैप्सिबल टेक्स्ट का लेआउट एडजस्ट करें

अपनी पृष्ठ पर टेक्स्ट बॉक्स जोड़ने के बाद, चुनें कि आपके विज़िटर पूरा टेक्स्ट कैसे पढ़ सकते हैं। ऐसा बटन जोड़ें जो मौजूदा पृष्ठ पर पूरा टेक्स्ट खोले या ऐसा लिंक जोड़ें जो विज़िटर को पूरे टेक्स्ट पर ले जाए।
आप एलाइनमेंट, स्पेसिंग और विज़िटर को क्लिक करने से पहले दिखाई देने वाली लाइनों की संख्या भी सेट कर सकते हैं।

टेक्स्ट का लेआउट एडजस्ट करने के लिए:

  1. टेक्स्ट बॉक्स पर लेआउट आइकन पर क्लिक करें।
  2. इन ऑप्शन का इस्तेमाल करके लेआउट कस्टमाइज करें:
    • चुनें कि टेक्स्ट कैसे दिखाई दे: चुनें कि पूरा टेक्स्ट कैसे दिखाया जाए:
      • कोलैप्स्ड: टेक्स्ट का प्रीव्यू दिखाया जाता है और पूरा टेक्स्ट पढ़ने के लिए विजिटर्स को एक्सपैंड बटन या लिंक पर क्लिक करना होता है।
      • शो ऑल: आपकी साइट पर पूरा टेक्स्ट दिखाया जाता है और वह कोलैप्स नहीं होता।
    • दिखाई जाने वाली लाइनों की संख्या: चुनें कि प्रीव्यू में टेक्स्ट की कितनी लाइनें दिखाई जाएं।
    • बटन एलाइनमेंट: एक्सपैंड या लिंक बटन का एलाइनमेंट सेट करें।
    • टेक्स्ट और बटन के बीच स्पेसिंग: स्पेसिंग बढ़ाएं या घटाएं।
कोलैप्सिबल टेक्स्ट का लेआउट पैनल। कर्सर बटन एलाइनमेंट ऑप्शन पर होवर कर रहा है।
नोट:
दिखाए जाने वाले ऑप्शन इस बात पर निर्भर करते हैं कि आप टेक्स्ट को कोलैप्स करना चुनते हैं या पूरा टेक्स्ट दिखाना।

स्टेप 3 | अपना टेक्स्ट टाइप और सेट अप करें

अपने कोलैप्सिबल टेक्स्ट बॉक्स के लुक और व्यवहार को कस्टमाइज करने के बाद, पूरा टेक्स्ट डालें।
एक्सपैंड और कोलैप्स बटन पर दिखने वाला टेक्स्ट एडिट करें या वह लिंक सेट अप करें, जिस पर क्लिक करके आपके विजिटर्स अधिक जानकारी पढ़ सकें।
क्या आप जानते हैं?
कोलैप्सिबल टेक्स्ट बॉक्स में अधिकतम 120,000 कैरेक्टर रखे जा सकते हैं, इसलिए ये लंबे टेक्स्ट दिखाने के लिए बेहतरीन हैं।

अपना टेक्स्ट एडिट और सेट अप करने के लिए:

  1. कोलैप्सिबल टेक्स्ट बॉक्स पर क्लिक करें।
  2. चेंज टेक्स्ट पर क्लिक करें।
  3. चेंज टेक्स्ट के नीचे दिए गए बॉक्स में अपना चुना हुआ टेक्स्ट टाइप या पेस्ट करें।
  4. बटन क्या करता है?: विज़िटर पूरा टेक्स्ट कैसे देखेंगे, इसे सेट अप करें और इन ऑप्शन से कस्टमाइज़ करें:
    • एक्सपैंड: विज़िटर एक्सपैंड बटन पर क्लिक करके पूरा टेक्स्ट देख सकते हैं:
      • एक्सपैंड बटन टेक्स्ट: एक्सपैंड बटन पर दिखने वाला टेक्स्ट डालें, जैसे "और पढ़ें"।
      • कोलैप्स बटन टेक्स्ट: कोलैप्स बटन पर दिखने वाला टेक्स्ट डालें, जैसे "कम पढ़ें"।
    • लिंक: विज़िटर लिंक पर क्लिक करके पूरा टेक्स्ट देख सकते हैं:
      • लिंक बटन टेक्स्ट: लिंक के लिए टेक्स्ट डालें, जैसे "और पढ़ने के लिए क्लिक करें"।
      • लिंक्स टू: पूरे टेक्स्ट के लिंक की डिटेल्स डालें।
  5. (वैकल्पिक) डिस्क्रिप्शन जोड़ें और टेक्स्ट का टाइप (हेडिंग, पैराग्राफ वगैरह) तय करने के लिए SEO और एक्सेसिबिलिटी के नीचे ड्रॉपडाउन मेन्यू से अपने टेक्स्ट का HTML टैग चुनें। अपने टेक्स्ट को डिफ़ाइन करने का तरीका जानें
कोलैप्सिबल टेक्स्ट सेटिंग्स पैनल। कर्सर टेक्स्ट फ़ील्ड पर होवर कर रहा है।

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

|
इस लेख में
  • स्टेप 1 | कोलैप्सिबल टेक्स्ट जोड़ें
  • स्टेप 2 | कोलैप्सिबल टेक्स्ट का लेआउट एडजस्ट करें
  • स्टेप 3 | अपना टेक्स्ट टाइप और सेट अप करें

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

|