अनुभागों को स्विच करने के लिए एलिमेंटर सामग्री टॉगल विजेट (प्रो)
टॉगल सामग्री एलिमेंटर के लिए एक सामग्री स्विचर है, जिसे सामग्री टॉगल भी कहा जाता है। यह एक मास्टर एडऑन्स प्रो विजेट है जो सामग्री के एक ब्लॉक के ऊपर (या नीचे) एक टॉगल बटन डालता है। विज़िटर एक लेबल पर क्लिक करता है और उसके अंतर्गत सामग्री बदल जाती है, जिस तरह से मासिक बिल और बिल किया गया वार्षिक स्विच मूल्य निर्धारण कार्ड का एक सेट बदल देता है। प्रत्येक विकल्प आपके द्वारा टाइप किए गए टेक्स्ट या सहेजे गए एलिमेंटर सेक्शन, पेज या विजेट टेम्प्लेट को होल्ड कर सकता है, और आप जितने चाहें उतने विकल्प जोड़ सकते हैं। एक रंगीन संकेतक सक्रिय लेबल के पीछे स्लाइड करता है। विजेट सामग्री सेट के बीच स्विच करता है और किसी सूची का विस्तार या पतन नहीं करता है, इसलिए बंधनेवाला अक्सर पूछे जाने वाले प्रश्न उपयोग के लिए उन्नत अकॉर्डियन.
एलिमेंटर में कंटेंट टॉगल कैसे जोड़ें
टॉगल सामग्री की जरूरत है एलिमेंट और एक सक्रिय मास्टर एडॉन्स प्रो लाइसेंस यदि कोई विकल्प एक पूर्ण लेआउट दिखाना चाहिए, तो उस लेआउट को पहले टेम्पलेट के रूप में सहेजें।
- उन अनुभागों को सहेजें जिन्हें आप (उदाहरण के लिए मासिक मूल्य निर्धारण और वार्षिक मूल्य निर्धारण) के बीच एलिमेंट टेम्प्लेट के रूप में स्विच करना चाहते हैं।
- एलिमेंटर के साथ अपना पेज संपादित करें, विजेट पैनल खोजें सामग्री टॉगल करें और इसे जगह में खींचें।
- में तत्वों, लेबल एक और लेबल दो का नाम बदलें, और यदि आपको उनकी आवश्यकता है तो अधिक आइटम जोड़ें।
- प्रत्येक आइटम के लिए, सामग्री पर प्रकार सेट करें और पाठ लिखें, या इसे टेम्पलेट पर सेट करें और सहेजे गए अनुभाग, पृष्ठ या विजेट को चुनें।
- में टॉगल सेटिंग्स, सक्रिय सूचकांक चुनें, सामग्री से पहले या बाद में स्विच डालें और संकेतक गति सेट करें।
- टॉगलर, संकेतक और लेबल को स्टाइल करें, मोबाइल के लिए स्टैक ऑन सेट करें, फिर पूर्वावलोकन करें और प्रत्येक लेबल पर क्लिक करें।
प्रत्येक सेटिंग को कवर किया गया है सामग्री विजेट सेटिंग्स टॉगल करें गाइड।
टॉगल बटन या कंटेंट टॉगल: आपको किसकी आवश्यकता है?
लोग एलिमेंट में दो अलग-अलग चीजों के लिए "टॉगल बटन" का उपयोग करते हैं। एक शीर्षक है जो इसके तहत पाठ को खोलता और बंद करता है, जैसा कि अक्सर पूछे जाने वाले प्रश्न में होता है। एलिमेंटर के अपने टॉगल विजेट ने वह काम किया, और एलिमेंटर अब इसे अकॉर्डियन के पक्ष में छुपाता है। दूसरा एक बटन है जो सामग्री के एक ब्लॉक को दूसरे के लिए स्वैप करता है, जैसे कि वार्षिक के लिए मासिक मूल्य। वह दूसरा प्रकार एक सामग्री टॉगल है, और यह टॉगल सामग्री क्या करती है।
- किसी सूची में उत्तर खोलने और बंद करने के लिए, Accordion का उपयोग करें या उन्नत अकॉर्डियन.
- किसी अनुभाग के दो या दो से अधिक संस्करणों के बीच स्विच करने के लिए, टॉगल सामग्री का उपयोग करें।
सामग्री टॉगल बनाम अकॉर्डियन बनाम टैब्स एलिमेंटर में
तीनों अंतरिक्ष को बचाते हैं, लेकिन वे विभिन्न समस्याओं को हल करते हैं एलिमेंट का पुराना टॉगल विजेट एक बंधनेवाला सूची है, और एलिमेंट अब इसे अकॉर्डियन के पक्ष में पैनल से छुपाता है न तो एलिमेंट और न ही एलिमेंट प्रो में एक स्विच है जो एक सामग्री सेट को दूसरे के लिए स्वैप करता है, जो काम टॉगल सामग्री करता है।
| विजेट | आगंतुक क्या देखते हैं | लिए सर्वश्रेष्ठ | कहां से प्राप्त करें |
|---|---|---|---|
| सामग्री टॉगल करें | लेबल के साथ एक स्विच एक समय में एक सामग्री सेट दिखाता है। | मासिक और वार्षिक मूल्य निर्धारण, व्यक्तिगत और व्यावसायिक योजनाएँ, एक अनुभाग के दो संस्करण | मास्टर एडॉन्स प्रो |
| अकॉर्डियन | शीर्षकों का ढेर जो फैलता और ढहता है | अक्सर पूछे जाने वाले प्रश्न और छोटे उत्तरों की लंबी सूची | एलिमेंटर अकॉर्डियन (मुक्त) या उन्नत अकॉर्डियन (मुक्त) |
| टैब | सामग्री क्षेत्र पर टैब शीर्षकों की एक पंक्ति | समान वजन के कई अनुभाग, जैसे सुविधाएँ, विशिष्टताएँ और समीक्षाएँ | एलिमेंटर टैब (मुक्त) या उन्नत टैब (मुक्त) |
यदि आगंतुकों को एक साथ कई उत्तर देखने की आवश्यकता है, तो एक समझौते का उपयोग करें यदि कई खंड हैं, तो टैब स्पष्ट हैं जब चुनाव एक ही चीज़ के दो या तीन संस्करणों के बीच होता है, तो एक सामग्री टॉगल लेआउट को स्थिर रखता है और विकल्प को स्पष्ट रूप से भी जोड़ता है मूल्य निर्धारण तालिका विजेट।
टेक्स्ट या सहेजे गए टेम्प्लेट के लिए सामग्री स्विचर
में प्रत्येक आइटम तत्वों पुनरावर्तक स्विच पर एक विकल्प है इसे एक दें लेबल और एक वैकल्पिक चिह्न (लेबल से पहले या बाद में, आइकन स्पेसिंग के साथ)। फिर सेट करें प्रकार मीडिया और डायनेमिक टैग वाले टेक्स्ट एडिटर के लिए सामग्री के लिए, या टेम्पलेट के लिए और अपनी एलिमेंटर लाइब्रेरी से सहेजा गया अनुभाग, पेज या विजेट चुनें।
- मासिक और वार्षिक मूल्य निर्धारण तालिकाओं को दो सहेजे गए अनुभागों के रूप में बनाएं, फिर प्रत्येक पर एक विकल्प इंगित करें।
- एक फॉर्म, एक गैलरी या कोई अन्य विजेट टेम्पलेट के रूप में सहेजे जाने के बाद एक विकल्प में बैठ सकता है।
- प्रत्येक विकल्प का अपना लेबल रंग, सक्रिय लेबल रंग और उसके स्टाइल उप-टैब में संकेतक रंग होता है।
टॉगलर, संकेतक और लेबल को स्टाइल करें
द टॉगलर अनुभाग स्विच ट्रैक को स्टाइल करता है: स्टाइल (गोल या चौकोर), पृष्ठभूमि रंग, बॉर्डर त्रिज्या, संरेखित करें, इसे स्केल करने के लिए ज़ूम करें, चौड़ाई (%), बॉर्डर, बॉक्स शैडो, पैडिंग और मार्जिन। सूचक शैलियों अपनी पृष्ठभूमि, ऊंचाई, चौड़ाई, सीमा त्रिज्या, बॉक्स छाया और पैडिंग के साथ स्लाइडिंग हाइलाइट। लेबल डिफ़ॉल्ट, होवर और सक्रिय अवस्थाओं के लिए टाइपोग्राफी, एक संक्रमण, बीच का स्थान और रंग सेट करता है।
- एक सामग्री अनुभाग टाइपोग्राफी, पैडिंग, मार्जिन, बॉर्डर, रंग और पृष्ठभूमि के साथ नीचे दिए गए पैनल को स्टाइल करता है।
- संकेतक गति यह निर्धारित करती है कि स्लाइड में कितना समय लगता है, डिफ़ॉल्ट रूप से 0.3 सेकंड।
- सामग्री पैनल स्वयं सीधे स्वैप करता है केवल संकेतक स्लाइड करता है।
डिफ़ॉल्ट विकल्प, स्थिति और मोबाइल लेआउट
सक्रिय सूचकांक विकल्प चुनता है जो दिखाता है कि पृष्ठ लोड होने पर, पहले के लिए १। स्थिति सामग्री से पहले या बाद में स्विच डालता है छोटी स्क्रीन पर, ढेर लगाना (सभी, टैबलेट और मोबाइल, या मोबाइल) अलग-अलग इनलाइन एलाइन और स्टैक्ड एलाइन नियंत्रण के साथ लेबल की पंक्ति को एक ऊर्ध्वाधर सूची में बदल देता है।
- दो विकल्पों के साथ, सक्रिय लेबल पर क्लिक करने से दूसरे पर फ़्लिप हो जाता है, इसलिए यह ऑन और ऑफ स्विच की तरह काम करता है।
- तीन या अधिक के साथ, सक्रिय लेबल पर क्लिक करने से अगले विकल्प पर चला जाता है।
- पृष्ठ को विकल्प याद नहीं है, इसलिए प्रत्येक विज़िट सक्रिय सूचकांक विकल्प पर शुरू होती है।
एक मासिक और वार्षिक मूल्य निर्धारण टॉगल बनाएं
इस विजेट के लिए बिलिंग स्विच सबसे आम उपयोग है। आप मासिक कीमतों और वार्षिक कीमतों को दो अलग-अलग खंडों के रूप में बनाते हैं, और टॉगल उनमें से एक को एक समय में दिखाता है।
- एक खाली ड्राफ्ट पेज पर अपनी मासिक योजनाएँ बनाएं। वह मूल्य निर्धारण तालिका विजेट यहां अच्छी तरह से काम करता है, प्रति योजना एक विजेट के साथ।
- प्रकाशित करने के आगे तीर पर क्लिक करें, टेम्पलेट के रूप में सहेजें चुनें और इसे मासिक मूल्य निर्धारण नाम दें। यह एक पेज टेम्पलेट बनाता है।
- कीमतें और बिलिंग टेक्स्ट बदलें, फिर वार्षिक मूल्य निर्धारण के रूप में फिर से सहेजें।
- जहां योजनाएं दिखाई देनी चाहिए वहां टॉगल सामग्री जोड़ें। दो मदों का मासिक और वार्षिक नाम बदलें। प्रत्येक के लिए, सेट करें प्रकार टेम्पलेट करने के लिए, पेज इन चुनें टेम्पलेट प्रकार और मिलान करने वाला टेम्पलेट चुनें।
- सेट सक्रिय सूचकांक विकल्प के लिए विज़िटर को पहले देखना चाहिए, फिर पृष्ठ का पूर्वावलोकन करें और दोनों लेबल पर क्लिक करें।
टेम्पलेट प्रकार में अनुभाग सूची केवल अनुभाग प्रकार के साथ सहेजे गए टेम्पलेट दिखाता है। अपने आप में सहेजा गया एक कंटेनर एक कंटेनर टेम्पलेट के रूप में संग्रहीत किया जाता है और वहां दिखाई नहीं देता है, इसलिए एक पृष्ठ टेम्पलेट सुरक्षित विकल्प है।
यदि आप सीधे विजेट में योजनाओं को टाइप करना चाहते हैं, तो सामग्री पर टाइप छोड़ दें और टेक्स्ट एडिटर का उपयोग करें, जैसा कि ऊपर स्क्रीनशॉट में है।
एक नज़र में सामग्री टॉगल करें
विजेट क्या करता है और क्या नहीं करता है इसका संक्षिप्त संस्करण।
| फ़ीचर | सामग्री टॉगल करें |
|---|---|
| विकल्प | दो या दो से अधिक। तत्वों को पुनरावर्तक में जोड़ें। |
| प्रत्येक विकल्प में सामग्री | संपादक से पाठ, या सहेजा गया अनुभाग, पृष्ठ या विजेट टेम्पलेट |
| स्विच शैली | गोल या चौकोर |
| स्थिति बदलें | सामग्री से पहले या बाद में |
| डिफ़ॉल्ट विकल्प | सक्रिय सूचकांक के साथ सेट करें |
| लेबल आइकन | वैकल्पिक, लेबल से पहले या बाद में |
| चल लेआउट | लेबल मोबाइल पर, टैबलेट और मोबाइल पर, या हर स्क्रीन पर ढेर हो सकते हैं |
| आगंतुक की पसंद को याद करता है | नहीं । प्रत्येक विज़िट डिफ़ॉल्ट विकल्प पर शुरू होती है। |
| लिंक से एक विकल्प खोलें | नहीं |
| जरूरतें | एलिमेंटर और मास्टर एडऑन प्रो |
सामग्री टॉगल उदाहरण
नीचे प्रत्येक डेमो एक कार्यशील टॉगल सामग्री विजेट है जिसे आप खोल सकते हैं और क्लिक कर सकते हैं। कंटेंट स्विचर के लिए मूल्य निर्धारण सामान्य काम है, और डेमो कुछ अन्य दिखाते हैं।
- बिलिंग स्विच मूल्य निर्धारण कार्ड: तीन प्लान कार्ड पर मासिक और वार्षिक मूल्य।
- यूनिट स्विच स्पेक टेबल: एक विशिष्ट तालिका में मीट्रिक और शाही माप।
- डेटा स्विच बेंचमार्क तालिका: एक ही तालिका में दो डेटा सेट, स्वयं के संचालन और आपूर्ति श्रृंखला।
- ऑडियंस स्विच फ़ीचर पैनल: एक संदेश टीमों के लिए और दूसरा अपने दम पर सीखने वाले लोगों के लिए।
- क्वार्टर स्विच मेट्रिक्स बेंटो: एक चौथाई या अगले के लिए परिणाम।
- ऑर्डर रूट चरण समयरेखा: ऑर्डर-टू-ऑर्डर आइटम या स्टॉक में एक के लिए चरण।
- प्रोजेक्ट स्विच ओवरले कार्ड: आवासीय और नागरिक परियोजनाएं।
- सेवा स्विच मेनू सूची: लंच मेनू और डिनर मेन्यू।
- सामग्री को पूर्णांकित टॉगल करें: एकल योजना और असीमित योजना के बीच एक गोल स्विच।
- मूल्य निर्धारण के साथ सामग्री टॉगल करें: मासिक और बिल वार्षिक योजनाओं का बिल भेजा।
सामग्री टॉगल करने के लिए अक्सर पूछे जाने वाले प्रश्न
क्या टॉगल सामग्री मुफ्त है?
नहीं टॉगल सामग्री एक प्रो विजेट है और एक की जरूरत है मास्टर एडॉन्स प्रो लाइसेंस। मुफ़्त प्लगइन है उन्नत अकॉर्डियन और उन्नत टैब, जो बंधनेवाला सूचियों और टैब्ड अनुभागों को कवर करते हैं।
क्या मैं टॉगल के अंदर अपने सहेजे गए एलिमेंटर टेम्प्लेट का उपयोग कर सकता हूँ?
हाँ। किसी आइटम में, टाइप को टेम्पलेट पर सेट करें, टेम्पलेट प्रकार में अनुभाग, पृष्ठ या विजेट चुनें, फिर सहेजा गया टेम्पलेट चुनें। वह विकल्प पूरा टेम्पलेट दिखाता है जब उसका लेबल सक्रिय होता है।
क्या सामग्री स्विचर सामग्री टॉगल के समान है?
हाँ। सामग्री स्विचर और सामग्री टॉगल एक ही तरह के विजेट के लिए दो नाम हैं: एक स्विच जो सामग्री के एक ब्लॉक को दिखाता है और दूसरों को छुपाता है। कुछ ऐडऑन अपने कंटेंट स्विचर को कॉल करते हैं। मास्टर एडऑन इसे टॉगल सामग्री कहते हैं।
मैं एलिमेंटर में टॉगल बटन कैसे बनाऊं?
सामग्री को स्विच करने वाले बटन के लिए, टॉगल सामग्री जोड़ें, आइटम नाम दें (उदाहरण के लिए मासिक और वार्षिक) और प्रत्येक एक टेक्स्ट या एक सहेजा गया टेम्पलेट दें। एक शीर्षक के लिए जो एक उत्तर खोलता है और बंद करता है, अकॉर्डियन विजेट का उपयोग करें।
एलिमेंटर टॉगल विजेट कहाँ गया?
एलिमेंटर अब अपने पुराने टॉगल विजेट को विजेट पैनल से छुपाता है जब नेस्टेड तत्व सक्रिय होते हैं और कोलैप्सिबल सूचियों के लिए अकॉर्डियन प्रदान करते हैं। पुराना विजेट एक बंधनेवाला सूची थी और सामग्री सेट के बीच कभी भी स्विच नहीं किया गया, जो कि टॉगल सामग्री है।
एक सामग्री टॉगल एक अकॉर्डियन या टैब से अलग कैसे है?
एक अकॉर्डियन एक सूची में आइटम का विस्तार और पतन करता है, और टैब एक सामग्री क्षेत्र में शीर्षकों की एक पंक्ति दिखाते हैं। एक सामग्री टॉगल, जिसे सामग्री स्विचर भी कहा जाता है, एक पूरी सामग्री को दूसरे के लिए स्वैप करता है, जो मासिक या वार्षिक मूल्य निर्धारण जैसे विकल्पों के अनुकूल होता है। एलिमेंटर का अपना टॉगल विजेट वास्तव में एक बंधनेवाला सूची है और अब अकॉर्डियन के पक्ष में छिपा हुआ है।
मोबाइल पर कैसा व्यवहार करता है?
लेबल डिफ़ॉल्ट रूप से एक पंक्ति में बैठते हैं मोबाइल, टैबलेट और मोबाइल पर स्टैक ऑन सेट करें, या सभी उन्हें लंबवत रूप से ढेर करने के लिए, और उन्हें लाइन करने के लिए स्टैक्ड एलाइन का उपयोग करें टेम्पलेट सामग्री अपनी स्वयं की उत्तरदायी सेटिंग्स का पालन करती है।
क्या मेरे पास दो से अधिक टॉगल विकल्प हो सकते हैं?
हाँ अधिक जोड़ने के लिए एलिमेंट्स रिपीटर में आइटम जोड़ें पर क्लिक करें तीन या अधिक विकल्पों के साथ, सक्रिय लेबल पर क्लिक करने से अगले एक पर चला जाता है, और किसी अन्य लेबल पर क्लिक करने से सीधे उस पर कूद जाता है कई वर्गों के लिए, टैब आमतौर पर स्कैन करना आसान होता है।
क्या टॉगल विकल्प डिफ़ॉल्ट रूप से खुला हो सकता है?
एक विकल्प हमेशा दिखाता है। सक्रिय अनुक्रमणिका को टॉगल सेटिंग्स में सेट करें, यह चुनने के लिए कि कौन सा: 1 पहले आइटम के लिए, 2 के लिए 2, और इसी तरह।
क्या सर्च इंजन छिपे हुए विकल्प को पढ़ सकते हैं?
हाँ। हर विकल्प HTML पेज में है और केवल सक्रिय ही दिखाई दे रहा है, इसलिए खोज इंजन उन सभी को पढ़ सकते हैं। वह संस्करण बनाएं जो सबसे अधिक डिफ़ॉल्ट विकल्प मायने रखता है, क्योंकि वह एक आगंतुक है जो पहले देखता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
