अक्सर पूछे जाने वाले प्रश्न और टॉगल के लिए निःशुल्क एलिमेंटर अकॉर्डियन विजेट
उन्नत अकॉर्डियन अक्सर पूछे जाने वाले प्रश्न अनुभागों और बंधनेवाला सामग्री के लिए एक मुफ्त मास्टर एडॉन्स विजेट है चुनें अकॉर्डियन एक समय में एक वस्तु को खुला रखने के लिए या टॉगल आगंतुकों को कई खोलने के लिए प्रत्येक आइटम में एक शीर्षक और उत्तर है, खुला शुरू कर सकता है, और अपने स्वयं के विस्तार और पतन आइकन का उपयोग कर सकता है सामान्य, होवर और सक्रिय राज्यों के लिए शैली शीर्षक, फिर उत्तर और आइकन शैली। मास्टर एडॉन्स प्रो सहेजे गए अनुभाग, सहेजे गए विजेट और पेज टेम्प्लेट को आइटम सामग्री के रूप में जोड़ता है, इसी तरह आप एक अकॉर्डियन को दूसरे के अंदर घोंसला बनाते हैं।
एलिमेंटर में अक्सर पूछे जाने वाले प्रश्न अकॉर्डियन कैसे बनाएं
आपको Elementor और WordPress।org से निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।
- जांचें कि उन्नत अकॉर्डियन नीचे चालू है मास्टर ऐडऑन, विजेट.
- एलिमेंटर संपादक में, खोजें उन्नत अकॉर्डियन और इसे पृष्ठ पर खींचें।
- क्लासिक FAQ के लिए अकॉर्डियन प्रकार को अकॉर्डियन पर सेट करें।
- प्रति प्रश्न एक आइटम जोड़ें, उत्तर टाइप करें, और अपने सबसे अधिक पूछे जाने वाले प्रश्न को डिफ़ॉल्ट के रूप में सक्रिय पर सेट करें।
- शीर्षक HTML टैग को H3 पर सेट करें ताकि प्रश्न शीर्षक बन जाएं।
- स्टाइल टैब में शीर्षक, उत्तर और आइकन स्टाइल करें।
अक्सर पूछे जाने वाले प्रश्न स्कीमा के बारे मेंः यह विजेट अक्सर पूछे जाने वाले प्रश्न पृष्ठ संरचित डेटा आउटपुट नहीं करता है यदि आप अक्सर पूछे जाने वाले प्रश्न समृद्ध परिणाम चाहते हैं, तो एलिमेंट के स्वयं के अकॉर्डियन विजेट में अक्सर पूछे जाने वाले प्रश्न स्कीमा विकल्प को चालू करें, या एसईओ प्लगइन अक्सर पूछे जाने वाले प्रश्न ब्लॉक के साथ प्रश्नों को जोड़ने के लिए प्रत्येक सेटिंग में कवर किया गया है उन्नत अकॉर्डियन विजेट सेटिंग्स.
अकॉर्डियन या टॉगल व्यवहार
अकॉर्डियन प्रकार व्यवहार सेट करता है: एकॉर्डियन खुले आइटम को बंद कर देता है जब दूसरा खुलता है, और टॉगल कई को खुला रहने देता है प्रत्येक आइटम के लिए, शीर्षक और सामग्री जोड़ें, चालू करें डिफ़ॉल्ट के रूप में सक्रिय लोड पर इसे खोलने के लिए, और चालू करें कस्टम आइकन सक्षम करें अपने स्वयं के आइकन के लिए। सामग्री प्रकार नि: शुल्क प्लगइन में सादा सामग्री है सहेजा गया अनुभाग, सहेजा विजेट और सहेजा गया पृष्ठ टेम्पलेट, प्लस एक प्रति-आइटम पृष्ठभूमि रंग, प्रो की आवश्यकता है।
- खुले और बंद एनीमेशन के लिए मिलीसेकंड में गति टॉगल करें।
- शीर्षक HTML टैग H1 से H6, div, स्पैन या a तक, इसलिए प्रश्न वास्तविक शीर्षक हो सकते हैं।
- नेस्टेड अकॉर्डियन: एक अकॉर्डियन को टेम्पलेट के रूप में सहेजें और इसे प्रो के साथ एक आइटम में लोड करें।
राज्य-आधारित शीर्षक स्टाइलिंग और संरचना
शीर्षक पट्टी वह है जो उपयोगकर्ता क्लिक करते हैं ऒन प्रत्येक दृश्य स्थिति को जानबूझकर बनाते हैं शीर्षक को उसके सामान्य, होवर और सक्रिय (खुले) राज्यों के लिए अलग से स्टाइल करें प्रत्येक राज्य के लिए, एक अद्वितीय पृष्ठभूमि प्रकार (रंग, ढाल), पाठ रंग, और टाइपोग्राफी को नियंत्रित करें शीर्षक संरेखित करें, पैडिंग, सीमा, सीमा त्रिज्या, और एक बॉक्स छाया जोड़ें विस्तार का यह स्तर आपको एक स्पष्ट दृश्य यात्रा बनाने देता है: एक तटस्थ डिफ़ॉल्ट, एक आमंत्रित होवर, और एक अलग “open” राज्य जो उपयोगकर्ता की कार्रवाई की पुष्टि करता है।
- ट्रिपल-स्टेट डिज़ाइन: सामान्य, होवर और सक्रिय शीर्षक बार पर अलग-अलग शैलियाँ लागू करें।
- उन्नत पृष्ठभूमि: गहराई बनाने के लिए विभिन्न राज्यों के लिए ठोस रंगों या ग्रेडिएंट्स का उपयोग करें।
- पूर्ण बॉक्स नियंत्रण: प्रत्येक शीर्षक पट्टी को डिज़ाइन किया गया घटक बनाने के लिए पैडिंग, बॉर्डर्स और बॉक्स शैडो को समायोजित करें।
दोहरी राज्यों के साथ अनुकूलन टॉगल आइकन
जेनेरिक त्रिकोण आइकन से आगे बढ़ें विस्तार (बंद राज्य) और पतन (खुली स्थिति) क्रियाओं दोनों के लिए लाइब्रेरी से किसी भी आइकन को चुनने के लिए कस्टम आइकन सक्षम करें आइकन को बाएं या दाएं रखें फिर, इन आइकन को सामान्य, होवर और सक्रिय राज्यों के लिए स्वतंत्र रूप से स्टाइल करें, उनके रंग, आकार और पृष्ठभूमि को सही संरेखण के लिए आइकन के चारों ओर आइकन रिक्ति और पैडिंग समायोजित करें यह एक कार्यात्मक संकेतक को आपकी डिजाइन भाषा के एक सामंजस्यपूर्ण हिस्से में बदल देता है।
- दोहरे चिह्न: “plus” (विस्तार) और “minus” (पतन) स्थितियों के लिए अलग-अलग चिह्न सेट करें।
- राज्य-विशिष्ट चिह्न स्टाइलिंग: आइटम को मँडराया या सक्रिय होने पर आइकन का रंग और पृष्ठभूमि बदलें।
- ठीक से संरेखण: शीर्षक पाठ के सापेक्ष आइकन संरेखण, स्थिति और रिक्ति को नियंत्रित करें।
सामग्री क्षेत्र और कंटेनर स्टाइलिंग
नीचे स्लाइड करने वाली सामग्री अपने स्वयं के डिजाइन विचार के योग्य है अपने स्वयं के पृष्ठभूमि रंग, पाठ रंग, टाइपोग्राफी और आंतरिक पैडिंग के साथ सामग्री क्षेत्र को स्टाइल करें यदि आवश्यक हो तो पठनीयता के लिए एक पाठ छाया जोड़ें फिर, समग्र आइटम कंटेनर को स्टाइल करें जो सभी अकॉर्डियन वर्गों को रखता है: सेट करें वस्तुओं के बीच की दूरी, एक वैश्विक सीमा, सीमा त्रिज्या, और बॉक्स छाया यह सुनिश्चित करता है कि संपूर्ण विजेट एक एकीकृत, पॉलिश घटक की तरह महसूस करता है, और खुली सामग्री पढ़ने में आसान और सुखद है।
- सामग्री क्षेत्र डिज़ाइन: इष्टतम पठनीयता के लिए ड्रॉप-डाउन सामग्री की पृष्ठभूमि और पाठ को स्टाइल करें।
- कंटेनर-स्तर पोलिश: पूरे अकॉर्डियन समूह पर बॉर्डर रेडियस और बॉक्स शैडो लागू करें।
- आइटम रिक्ति: एक साफ, अलग देखो के लिए प्रत्येक अकॉर्डियन आइटम के बीच रिक्ति (मार्जिन) को नियंत्रित करें।
एलिमेंटर अकॉर्डियन बनाम मास्टर एडॉन्स एडवांस्ड अकॉर्डियन
फ्री एलिमेंटर के पास अब अपना अकॉर्डियन विजेट है यहां बताया गया है कि दोनों की तुलना कैसे की जाती है, इसलिए आप सही चुन सकते हैं।
| फ़ीचर | एलिमेंटर अकॉर्डियन | मास्टर एडॉन्स एडवांस्ड अकॉर्डियन |
|---|---|---|
| कीमत | एलिमेंटर में निःशुल्क | प्रो में टेम्पलेट सामग्री के साथ, नि: शुल्क |
| अक्सर पूछे जाने वाले प्रश्न स्कीमा | अक्सर पूछे जाने वाले प्रश्न स्कीमा विकल्प | कोई स्कीमा आउटपुट नहीं |
| नेस्टेड सामग्री | प्रत्येक आइटम में कोई भी विजेट छोड़ें, जिसमें एक और अकॉर्डियन भी शामिल है | मुफ़्त में टेक्स्ट करें; प्रो के साथ सहेजे गए अनुभाग, विजेट या टेम्पलेट |
| खुला व्यवहार | डिफ़ॉल्ट स्थिति और अधिकतम आइटम का विस्तार हुआ | अकॉर्डियन या टॉगल, साथ ही प्रति आइटम डिफ़ॉल्ट के रूप में सक्रिय |
| प्रति-आइटम आइकन | साझा चिह्न | कस्टम विस्तार और पतन प्रति आइटम आइकन |
| शीर्षक शैली | सामान्य, होवर और सक्रिय | पृष्ठभूमि, सीमा और छाया के साथ सामान्य, होवर और सक्रिय |
एलिमेंटर्स अकॉर्डियन चुनें जब आपको मुफ्त में आइटम के अंदर अक्सर पूछे जाने वाले प्रश्न स्कीमा या विजेट की आवश्यकता होती है प्रति-आइटम आइकन के लिए उन्नत अकॉर्डियन चुनें और विस्तृत स्टाइल के साथ व्यवहार टॉगल करें संबंधित विजेटः सामग्री टॉगल करें, टैब और विषय-सूची.
उन्नत सहमति के लिए अक्सर पूछे जाने वाले प्रश्न
“Accordion” और “Toggle” प्रकार के बीच व्यावहारिक अंतर क्या है?
अकॉर्डियन: एक समय में केवल एक आइटम खुला हो सकता है एक नया आइटम खोलना स्वचालित रूप से पिछले एक को बंद कर देता है अक्सर पूछे जाने वाले प्रश्न पृष्ठों या अनुक्रमिक निर्देशों के लिए सर्वश्रेष्ठ जहां आप स्क्रॉलिंग को कम करना चाहते हैं और ध्यान केंद्रित करना चाहते हैं।
टॉगल करें: कई आइटम एक साथ खुले हो सकते हैं उपयोगकर्ता तुलना करने या जानकारी इकट्ठा करने के लिए कई वस्तुओं का विस्तार कर सकते हैं सुविधा चेकलिस्ट, उत्पाद विनिर्देश सूचियों, या सामग्री के लिए सर्वश्रेष्ठ जहां उपयोगकर्ताओं को एक साथ कई अनुभाग देखने की आवश्यकता होती है।
क्या एडवांस्ड अकॉर्डियन विजेट मुफ़्त है?
हाँ। विजेट अकॉर्डियन और टॉगल प्रकारों के साथ मुफ़्त है, डिफ़ॉल्ट के रूप में सक्रिय, कस्टम आइकन और पूर्ण स्टाइल। सहेजा गया अनुभाग, विजेट और टेम्पलेट सामग्री और प्रति-आइटम पृष्ठभूमि रंगों की आवश्यकता है मास्टर एडॉन्स प्रो.
सहेजे गए अनुभाग और सहेजे गए पृष्ठ टेम्पलेट सामग्री प्रकार क्या हैं?
वे मास्टर एडॉन्स प्रो विकल्प हैं जो आपके एलिमेंटर टेम्पलेट लाइब्रेरी से किसी आइटम में कुछ लोड करते हैं, जैसे संपर्क फ़ॉर्म अनुभाग या कोई अन्य अकॉर्डियन। इस प्रकार आप इस विजेट के साथ नेस्टेड अकॉर्डियन बनाते हैं।
क्या अकॉर्डियन FAQ स्कीमा जोड़ता है?
नहीं उन्नत अकॉर्डियन आउटपुट नहीं करता है अक्सर पूछे जाने वाले प्रश्न पृष्ठ संरचित डेटा अक्सर पूछे जाने वाले प्रश्न समृद्ध परिणामों के लिए, अपने अक्सर पूछे जाने वाले प्रश्न स्कीमा विकल्प, या एक एसईओ प्लगइन अक्सर पूछे जाने वाले प्रश्न ब्लॉक के साथ एलिमेंट के अकॉर्डियन विजेट का उपयोग करें।
क्या मैं एनीमेशन गति को खोलने और बंद करने को नियंत्रित कर सकता हूं?
हाँ सामग्री टैब में, आपको टॉगल स्पीड (एमएस) मिलेगा मूल्य मिलीसेकंड में है (जैसे, ३००) कम संख्या (जैसे २००) इसे तेज और तेज़ बनाता है; एक उच्च संख्या (जैसे ५००) इसे धीमा और अधिक जानबूझकर बनाता है।
मैं डिफ़ॉल्ट रूप से एक आइटम कैसे खोलूं?
सामग्री टैब में आइटम खोलें और डिफ़ॉल्ट के रूप में सक्रिय चालू करें अकॉर्डियन प्रकार के साथ, इसे केवल एक आइटम पर सेट करें।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
