एलिमेंटर में टॉगल बटन कैसे बनाएं (३ तरीके)

इसके अंतर्गत सामग्री को स्विच करने वाला दो-विकल्प वाला टॉगल बटन

कुंजी तकिए

  • एलिमेंटर टॉगल बटन का मतलब तीन चीजें हो सकता है: एक शीर्षक जो टेक्स्ट को खोलता और बंद करता है, एक और पढ़ें लिंक जो पैराग्राफ का विस्तार करता है, या एक स्विच जो एक सेक्शन को दूसरे सेक्शन से स्वैप करता है।
  • एलिमेंटर 4.3 पुराने टॉगल विजेट को विजेट पैनल से छुपाता है, और अकॉर्डियन विजेट अब इसे मैक्स आइटम्स एक्सपेंडेड सेटिंग के माध्यम से कवर करता है, जिसमें दो विकल्प हैं: एक और एकाधिक।
  • एलिमेंटर में और पढ़ें टॉगल एक एकल आइटम वाला एक अकॉर्डियन विजेट है, जिसमें डिफ़ॉल्ट स्थिति सभी पर सेट होती है, इसलिए विज़िटर के क्लिक करने तक अतिरिक्त टेक्स्ट बंद रहता है।
  • एलिमेंटर और एलिमेंटर प्रो में कोई विजेट नहीं है जो दो सामग्री ब्लॉकों के बीच स्विच करता है, इसलिए मासिक और वार्षिक शैली टॉगल बटन को एक ऐडऑन विजेट या नेस्टेड टैब की आवश्यकता होती है।
  • मास्टर ऐडऑन टॉगल कंटेंट विजेट एक प्रो विजेट है जो दो या दो से अधिक विकल्पों के ऊपर एक टॉगल बटन रखता है, और प्रत्येक विकल्प में टेक्स्ट या सहेजा गया एलिमेंटर टेम्पलेट होता है।

आप तीन तरीकों से एक एलिमेंटर टॉगल बटन बना सकते हैं, और सही एक इस बात पर निर्भर करता है कि बटन को क्या करना चाहिए टेक्स्ट को खोलने और बंद करने के लिए, अकॉर्डियन विजेट का उपयोग करें एक लंबे पैराग्राफ का विस्तार करने के लिए, एक-आइटम अकॉर्डियन का उपयोग करें एक और अधिक टॉगल के लिए सामग्री के एक ब्लॉक को दूसरे के लिए स्वैप करने के लिए, जैसे कि वार्षिक लोगों के लिए मासिक मूल्य, एक का उपयोग करें सामग्री टॉगल विजेट.

यह गाइड सटीक सेटिंग्स के साथ तीनों के माध्यम से चलता है प्रत्येक स्क्रीनशॉट एक परीक्षण साइट पर एलिमेंटर ४.३ से आता है, इसलिए पैनल आज आप जो देखेंगे उससे मेल खाते हैं।

एलिमेंटर में टॉगल बटन का क्या मतलब है

टॉगल बटन कोई भी नियंत्रण है जो दो राज्यों के बीच फ़्लिप करता है जब आप इसे क्लिक करते हैं एलिमेंटर में, लोग तीन अलग-अलग नौकरियों के लिए वाक्यांश का उपयोग करते हैं, और प्रत्येक नौकरी का अपना विजेट होता है।

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

यदि आप एलिमेंटर ४.३ में “toggle” के लिए विजेट पैनल खोजते हैं, तो आपको टॉगल नाम का विजेट नहीं मिलेगा एलिमेंटर उस खोज के लिए टैब और अकॉर्डियन दिखाता है, साथ ही यदि आपके पास मास्टर एडॉन्स प्रो है तो सामग्री टॉगल करें।

टैब्स, अकॉर्डियन और मास्टर ऐडऑन टॉगल सामग्री दिखाने वाले टॉगल के लिए एलिमेंटर 4.3 विजेट पैनल खोज
एलिमेंटर ४.३ में “toggle” खोजने पर टैब, अकॉर्डियन और टॉगल सामग्री वापस आ जाती है पुराना टॉगल विजेट अब पैनल में नहीं है।

रास्ता १: एक टॉगल जो पाठ को खोलता और बंद करता है

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

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

मैक्स आइटम्स के साथ एक पर विस्तारित, एक आइटम खोलने से पहले एक बंद हो जाता है एकाधिक के साथ, आगंतुक दो या तीन उत्तर खुले रख सकते हैं और उनकी तुलना कर सकते हैं।

सामने के छोर पर एलिमेंटर अकॉर्डियन जिसमें दो आइटम एक ही समय में खुले हैं और एक बंद है
दो आइटम एक साथ खुलते हैं, जो केवल तभी होता है जब मैक्स आइटम एक्सपेंडेड को मल्टीपल पर सेट किया जाता है।

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

रास्ता 2: और पढ़ें टॉगल करें

एक और पढ़ें टॉगल एक आइटम के साथ एक अकॉर्डियन है आगंतुक उद्घाटन लाइनों को देखता है, क्लिक करता है और पढ़ें, और बाकी पाठ नीचे दिखाई देता है।

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

एलिमेंटर के पास एक विजेट भी है जिसे और पढ़ें कहा जाता है, और यह एक अलग काम करता है यह चिह्नित करता है कि पोस्ट का अंश संग्रह पृष्ठों पर समाप्त होता है, वर्डप्रेस मोर टैग के समान यह कुछ भी विस्तार या पतन नहीं करता है, जैसा कि एलिमेंट का दस्तावेज़ीकरण बताते हैं।

रास्ता ३: एक टॉगल स्विच जो सामग्री को स्वैप करता है

बटन पर क्लिक करते समय एक सामग्री टॉगल का उपयोग करें एक ब्लॉक को दूसरे के साथ बदलना चाहिए न तो एलिमेंटर और न ही एलिमेंटर प्रो में इसके लिए विजेट है, इसलिए आपको टैब के साथ एक ऐडऑन या वर्कअराउंड की आवश्यकता है।

नीचे दिए गए चरण मास्टर एडॉन्स प्रो से सामग्री टॉगल करें का उपयोग करते हैं।

  1. एलिमेंटर के साथ अपना पेज संपादित करें, खोजें सामग्री टॉगल करें और इसे जगह में खींचें यह दो वस्तुओं से शुरू होता है, लेबल एक और लेबल दो।
  2. में तत्वों सूची, पहले आइटम पर क्लिक करें और इसके प्रकार लेबल, उदाहरण के लिए टीमों के लिए।
  3. छोड़ देना प्रकार सामग्री पर और संपादक में उस विकल्प के लिए पाठ लिखें एक पूर्ण लेआउट दिखाने के लिए, टेम्पलेट के लिए प्रकार सेट करें और एक सहेजा टेम्पलेट चुनें।
  4. दूसरे आइटम के लिए भी ऐसा ही करें क्लिक करें आइटम जोड़ें यदि आपको तीसरे विकल्प की आवश्यकता है।
  5. खुला टॉगल सेटिंग्स. सक्रिय सूचकांक तय करता है कि कौन सा विकल्प पहले दिखाता है, और स्थिति सामग्री से पहले या बाद में स्विच डालता है।
  6. स्टाइल टैब में, स्विच के लिए गोल या चौकोर चुनें और संकेतक और लेबल रंग सेट करें।
टीमों के लिए एलिमेंटर में सामग्री विजेट को टॉगल करें और फ्रीलांसरों के लिए शीर्षक और पैराग्राफ के ऊपर बटन को टॉगल करें
एक दो विकल्प सामग्री टॉगल फ्रीलांसरों के लिए क्लिक करना नीचे शीर्षक और पैराग्राफ को बदल देता है।

सबसे आम उपयोग एक बिलिंग स्विच है प्रत्येक विकल्प मूल्य निर्धारण कार्ड का एक सेट रखता है, और टॉगल बटन उनके बीच चलता है।

मास्टर ऐडऑन टॉगल सामग्री के साथ निर्मित तीन एलिमेंटर मूल्य निर्धारण तालिकाओं के ऊपर मासिक और वार्षिक टॉगल बटन
तीन मूल्य निर्धारण तालिकाओं के ऊपर एक मासिक और वार्षिक टॉगल बटन।

इसे काम करते हुए देखना चाहते हैं? द सामग्री विजेट पृष्ठ टॉगल करें बिलिंग स्विच से लेकर विशिष्ट तालिकाओं तक, दस लाइव डेमो हैं जिन पर आप क्लिक कर सकते हैं।

यदि आप ऐडऑन नहीं चाहते हैं, तो पृष्ठ पर एक टैब विजेट छोड़ें और दो टैब मासिक और वार्षिक नाम दें एलिमेंटर ४.३ में टैब प्रत्येक टैब के अंदर किसी भी विजेट को स्वीकार करते हैं आपको स्लाइडिंग स्विच के स्थान पर टैब शीर्षक मिलते हैं, और सामग्री उसी तरह स्वैप होती है।

आपको कौन सा टॉगल बटन उपयोग करना चाहिए?

क्लिक के बाद क्या होता है उसके आधार पर विजेट चुनें।

स्थितिउपयोगक्यों
कई सवालों के साथ अक्सर पूछे जाने वाले प्रश्नअकॉर्डियन, मैक्स आइटम एक पर विस्तारितपृष्ठ छोटा रहता है क्योंकि केवल एक उत्तर खुला है
उत्पाद विवरण आगंतुकों की तुलना करेंअकॉर्डियन, मैक्स आइटम एकाधिक पर विस्तारितकई पैनल एक साथ खुले रह सकते हैं
पाठ के बारे में लंबाएक-आइटम समझौता जैसा कि और पढ़ेंपरिचय दिखाता है और बाकी एक क्लिक की प्रतीक्षा करता है
मासिक और वार्षिक कीमतेंसामग्री टॉगल करेंएक सेट दूसरे को उसी स्थान पर बदल देता है
दो दर्शक, एक वर्गसामग्री टॉगल करेंप्रत्येक आगंतुक उनके लिए लिखा गया संस्करण चुनता है
समान वजन के चार या अधिक खंडटैबटैब शीर्षक लंबे स्विच की तुलना में स्कैन करना आसान है

सामान्य टॉगल बटन समस्याएं

एलिमेंटर में टॉगल के साथ तीन समस्याएं सबसे अधिक बार आती हैं।

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

यदि आपको केवल कुछ आगंतुकों के लिए दिखाई देने वाली सामग्री की आवश्यकता है, जैसे कि लॉग-इन उपयोगकर्ता, एक टॉगल गलत उपकरण है वह एक नौकरी है एलिमेंटर में प्रदर्शन की स्थिति, जो तय करते हैं कि विज़िटर द्वारा कुछ भी क्लिक करने से पहले क्या लोड होता है।

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

मैं एलिमेंट में टॉगल बटन कैसे जोड़ूं?

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

एलिमेंटर में टॉगल विजेट कहां है?

एलिमेंटर ४.३ अब विजेट पैनल में टॉगल विजेट नहीं दिखाता है “toggle” रिटर्न अकॉर्डियन और टैब की खोज अकॉर्डियन विजेट एक ही काम को कवर करता है: सेट मैक्स आइटम्स को कई तक विस्तारित किया गया है और कई आइटम खुले रह सकते हैं, जो टॉगल विजेट ने कैसे व्यवहार किया।

एलिमेंटर में टॉगल और अकॉर्डियन के बीच क्या अंतर है?

एक समझौते में, एक आइटम खोलने से दूसरों को बंद हो जाता है टॉगल में, प्रत्येक आइटम अपने आप खुलता है और बंद हो जाता है, इसलिए कई एक साथ खुले हो सकते हैं वर्तमान एलिमेंटर संस्करणों में दोनों एक ही अकॉर्डियन विजेट हैं, और मैक्स आइटम विस्तारित सेटिंग दो व्यवहारों के बीच स्विच करती है।

क्या मैं एलिमेंटर टॉगल को डिफ़ॉल्ट रूप से खुला कर सकता हूँ?

हाँ। अकॉर्डियन विजेट में, डिफ़ॉल्ट स्थिति को पहले विस्तारित पर सेट करें और पेज लोड होने पर पहला आइटम खुलता है। टॉगल सामग्री विजेट में, सक्रिय सूचकांक को उस विकल्प की संख्या पर सेट करें जो पहले दिखाना चाहिए, पहले आइटम के लिए 1 के साथ।

क्या एलिमेंटर प्रो में मूल्य निर्धारण के लिए टॉगल स्विच है?

नहीं एलिमेंटर प्रो में एक मूल्य तालिका विजेट है लेकिन कोई स्विच नहीं है जो मासिक और वार्षिक तालिकाओं को स्वैप करता है आप टैब के अंदर तालिकाओं को रख सकते हैं, या एक ऐडऑन से सामग्री टॉगल विजेट का उपयोग कर सकते हैं और कीमतों के प्रत्येक सेट को एक विकल्प के रूप में लोड कर सकते हैं।

अंतिम विचार

एक एलिमेंटर टॉगल बटन तीन चीजों में से एक है, और प्रत्येक में एक स्पष्ट घर है अकॉर्डियन विजेट और इसकी मैक्स आइटम विस्तारित सेटिंग के साथ टेक्स्ट खोलें और बंद करें एक-आइटम अकॉर्डियन से एक और अधिक टॉगल पढ़ें सामग्री टॉगल के साथ दो खंडों के बीच स्विच करें।

तीसरे प्रकार के लिए, सामग्री विजेट टॉगल करें प्रत्येक विकल्प में टेक्स्ट और सहेजे गए टेम्पलेट्स को संभालता है, और मास्टर एडॉन्स प्रो योजनाएं सूची और क्या इसके साथ आता है।

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

एक उत्तर छोड़ें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड चिह्नित हैं *