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