नि: शुल्क तत्व सामग्री तालिका विजेट
एलिमेंट की अपनी टेबल ऑफ कंटेंट्स विजेट एलिमेंट प्रो के साथ आता है मास्टर एडॉन्स में टेबल ऑफ कंटेंट्स विजेट फ्री है इसे किसी पोस्ट या पेज पर ड्रॉप करें और यह वहां हेडिंग पढ़ता है, फिर हेडिंग ऑर्डर में उनसे लिंक की गई सूची बनाता है किसी भी आइटम पर क्लिक करने से रीडर उस सेक्शन में स्क्रॉल हो जाता है आप चुनते हैं कि कौन से हेडिंग टैग शामिल करने हैं और क्या सूची बुलेट या नंबर दिखाती है आप पाठकों को बॉक्स को दूर करने और शीर्ष तीर पर वापस जोड़ने दे सकते हैं, और शीर्षक, विभाजक और लिंक प्रत्येक के अपने स्टाइल नियंत्रण हैं।
एलिमेंटर में सामग्री की एक तालिका कैसे जोड़ें
आपको एलिमेंटर और मुफ्त मास्टर एडॉन्स प्लगइन की आवश्यकता है, और कुछ नहीं पृष्ठ को वास्तविक शीर्षक टैग (एच २, एच ३ और इतने पर) की भी आवश्यकता है, क्योंकि सूची उनसे बनाई गई है।
- स्थापित करें और सक्रिय करें वर्डप्रेस.ओआरजी से मास्टर ऐडऑन, और जांचें कि मास्टर ऐडऑन डैशबोर्ड में सामग्री तालिका सक्षम है।
- एलिमेंटर के साथ अपनी पोस्ट या पेज खोलें और विजेट पैनल खोजें विषय-सूची.
- इसे वहां खींचें जहां सूची बैठनी चाहिए, आमतौर पर पहले खंड के ऊपर या साइडबार कॉलम में।
- में सामग्री, शीर्षक सेट करें, एक सूची शैली चुनें और शामिल करने के लिए शीर्षक टैग चुनें।
- खुला बंधनेवाला और स्क्रॉल टॉगल जोड़ने के लिए, शीर्ष तीर पर वापस और आपके हेडर के लिए एक स्क्रॉल ऑफसेट।
- स्टाइल टैब में शीर्षक, विभाजक और लिंक को स्टाइल करें, फिर पृष्ठ का पूर्वावलोकन करें और जंप का परीक्षण करने के लिए कुछ आइटम पर क्लिक करें।
प्रत्येक सेटिंग को कवर किया गया है विषय-सूची विजेट सेटिंग्स गाइड।
आपके शीर्षकों से सूची बनाता है
में स्तर चुनें शीर्षक टैगएच २, एच ३ और एच ४ डिफ़ॉल्ट रूप से चुने जाते हैं, और एच १ से एच ६ में से कोई भी जोड़ा जा सकता है जब पृष्ठ लोड होता है, तो विजेट उन शीर्षकों को ढूंढता है, प्रत्येक को एक आईडी देता है यदि उसके पास कोई नहीं है, और शीर्ष स्तर द्वारा सूची का नाम बदलें या जोड़ें और सूची इसे अगले लोड पर उठाती है, इसलिए हाथ से रखने के लिए कोई एंकर लिंक नहीं हैं।
- सूची शैलीः डिफ़ॉल्ट (कोई मार्कर नहीं), गोलियाँ या संख्याएँ।
- एक शीर्षक छोड़ेंः सीएसएस वर्ग जोड़ें
jltma-toc-hide-headingउस शीर्षक के उन्नत टैब में। - विभाजक दिखाएँः शीर्षक के अंतर्गत अपनी शैली, रंग, मोटाई और रिक्ति के साथ एक वैकल्पिक पंक्ति।
- हेडिंग आईडी हेडिंग टेक्स्ट से बनाई जाती हैं, इसलिए आप कहीं और से सीधे सेक्शन से भी लिंक कर सकते हैं।
साइडबार और मोबाइल के लिए बंधनेवाला बॉक्स
चालू करें सामग्री को संक्षिप्त बनाने योग्य बनाएं और शीर्षक के बगल में एक टॉगल आइकन दिखाई देता है पाठक सूची को खोलने या बंद करने के लिए इसे क्लिक करते हैं, और यह कूदने के बजाय स्लाइड करता है स्विच ऑन प्रारंभ में ढहे रहें यदि आप चाहते हैं कि बॉक्स केवल अपना शीर्षक दिखाते हुए लोड हो, जो लंबे कानूनी पृष्ठों और संकीर्ण साइडबार कॉलम में मदद करता है।
- टॉगल के लिए आइकन आकार और आइकन रंग नियंत्रण।
- विभाजक सूची के साथ मुड़ जाता है।
- विजेट की अपनी कोई चिपचिपा सेटिंग नहीं है बॉक्स को देखने के लिए जब लोग पढ़ते हैं, तो अपने कॉलम को अपने विषय के साथ या एलिमेंट प्रो मोशन इफेक्ट्स के साथ चिपचिपा बनाएं।
चिकनी छलांग और शीर्ष तीर पर वापस
किसी आइटम पर क्लिक करने से पृष्ठ उसके शीर्षक तक नीचे स्क्रॉल हो जाता है। स्क्रॉल एनिमेशन विलंब (एमएस) सेट करता है कि स्क्रॉल में कितना समय लगता है, डिफ़ॉल्ट रूप से ५०० और २००० तक। चिकना स्क्रॉल आप पर भी मिलता है स्मूथ स्क्रॉल ऑफसेट (पीएक्स)ं, जो हेडिंग से कम बंद हो जाता है इसलिए एक निश्चित हेडर इसे कवर नहीं करता है आप डेस्कटॉप, टैबलेट और मोबाइल के लिए एक अलग ऑफसेट सेट कर सकते हैं।
- शीर्ष पर स्क्रॉल करें निचले दाएं कोने में एक छोटा तीर जोड़ता है जो दिखाता है कि एक बार आगंतुक नीचे स्क्रॉल करता है।
- तीर पाठकों को सामग्री की तालिका में वापस ले जाता है, या उस स्थिति में ले जाता है जिसे आपने स्क्रॉल टू टॉप ऑफसेट में सेट किया है।
- तीर के लिए आकार, चिह्न रंग और पृष्ठभूमि रंग नियंत्रण।
- रीडर द्वारा क्लिक किया गया आइटम सामग्री शैली अनुभाग से सक्रिय रंग रखता है, ताकि वे देख सकें कि वे कहाँ कूदे थे।
एलिमेंटर प्रो सामग्री तालिका बनाम मास्टर ऐडऑन सामग्री तालिका
एलिमेंट की सामग्री तालिका विजेट को एलिमेंट प्रो लाइसेंस की आवश्यकता होती है, और यह आपको इस बात पर अधिक नियंत्रण देता है कि कौन से शीर्षक दिखाई देते हैं और स्क्रॉल करते समय सूची कैसे व्यवहार करती है मास्टर एडॉन्स हर रोज काम को मुफ्त में संभालता है और शीर्ष तीर पर वापस जोड़ता है।
| फ़ीचर | एलिमेंट प्रो | मास्टर ऐडऑन |
|---|---|---|
| कीमत | एलिमेंट प्रो की जरूरत है | मास्टर ऐडऑन के साथ निःशुल्क |
| जो हेडिंग्स | टैग द्वारा एंकर (H1 से H6) और खोज क्षेत्र को सीमित करने के लिए एक कंटेनर चयनकर्ता | मुख्य पोस्ट या पृष्ठ सामग्री से शीर्षक टैग (H1 से H6) |
| शीर्षकों को बाहर छोड़ना | चयनकर्ता द्वारा एंकर, कोई भी सीएसएस चयनकर्ता | प्रत्येक शीर्षक पर सीएसएस वर्ग जेएलटीएमए-टीओसी-छिपा-शीर्षक |
| मार्करों | आपके द्वारा चुने गए आइकन के साथ संख्याएँ, या गोलियाँ | डिफ़ॉल्ट, बुलेट या नंबर |
| घोंसला बनाना | पदानुक्रमित दृश्य टॉगल और संक्षिप्त उपआइटम | हमेशा हेडिंग लेवल द्वारा नेस्टेड |
| संक्षिप्त करना | विस्तार और पतन आइकन के साथ बॉक्स को छोटा करें, और एक ब्रेकपॉइंट जहां यह शुरू होता है उसे कम से कम करें | सामग्री को संक्षिप्त बनाएं और प्रारंभ में संक्षिप्त रखें |
| सक्रिय आइटम | पाठक के स्क्रॉल करते ही अनुभाग का अनुसरण करता है | पाठक द्वारा क्लिक किए गए आइटम को चिह्नित करता है |
| स्क्रॉल सेटिंग्स | विजेट में कोई गति या ऑफसेट नियंत्रण नहीं | स्क्रॉल एनिमेशन विलंब और प्रति डिवाइस स्मूथ स्क्रॉल ऑफसेट |
| शीर्ष तीर पर वापस जाएँ | कोई नहीं | आकार और रंग नियंत्रण के साथ शीर्ष पर स्क्रॉल करें |
यदि आप पहले से ही एलिमेंटर प्रो के लिए भुगतान करते हैं और चाहते हैं कि सूची पाठक को ट्रैक करने के लिए स्क्रॉल करें, तो इसके विजेट का उपयोग करें यदि आप एक बंधनेवाला बॉक्स और शीर्ष तीर पर वापस सामग्री की एक मुफ्त तालिका चाहते हैं, तो इस से संबंधितः प्रगति बार पढ़ना, उन्नत अकॉर्डियन और ऑफ-कैनवास सामग्री (प्रो).
विषय-सूची के लिए अक्सर पूछे जाने वाले प्रश्न
क्या विषय-सूची विजेट मुक्त है?
हाँ यह वर्डप्रेस डॉट ओआरजी पर मुफ्त मास्टर एडॉन्स प्लगइन का हिस्सा है, और इस पृष्ठ पर वर्णित प्रत्येक सेटिंग मुफ्त संस्करण में है एलिमेंट के अपने टेबल ऑफ कंटेंट्स विजेट को एलिमेंट प्रो की आवश्यकता है।
मैं सामग्री तालिका से किसी शीर्षक को कैसे बाहर कर सकता हूँ?
एक पूरे स्तर को छोड़ने के लिए, उस टैग को हेडिंग टैग से हटा दें, उदाहरण के लिए H4। एक शीर्षक को छिपाने के लिए, इसे एलिमेंटर में चुनें, उन्नत टैब खोलें और जोड़ें jltma-toc-hide-heading सीएसएस क्लासेस फ़ील्ड के लिए यह पृष्ठ पर रहता है लेकिन सूची से बाहर रखा जाता है।
क्या पाठक के स्क्रॉल करने पर सक्रिय आइटम बदल जाता है?
नहीं शैली में सक्रिय रंग, सामग्री शैली आइटम एक पाठक क्लिक करता है, और जब वे किसी अन्य आइटम पर क्लिक करते हैं तो यह चलता है सूची स्क्रॉल करते समय स्क्रीन पर अनुभाग को ट्रैक नहीं करती है एलिमेंटर प्रो की सामग्री तालिका विजेट ऐसा करता है।
क्या स्क्रॉल टू टॉप तीर प्रत्येक पृष्ठ पर दिखाई देगा?
केवल उन पृष्ठों पर जिनमें स्क्रॉल टू टॉप के साथ यह विजेट चालू है। तीर निचले दाएं कोने में बैठता है और विज़िटर द्वारा पृष्ठ को लगभग 250px नीचे स्क्रॉल करने के बाद दिखाता है।
क्या मैं सूची मार्करों के लिए कस्टम आइकन का उपयोग कर सकता हूं?
विजेट पैनल से नहीं सूची शैली डिफ़ॉल्ट, बुलेट और नंबर प्रदान करती है, और सामग्री शैली अनुभाग फ़ॉन्ट और रंग सेट करता है कस्टम मार्कर आइकन को आपके स्वयं के सीएसएस की आवश्यकता होगी एलिमेंटर प्रो के विजेट में गोलियों के लिए एक आइकन पिकर है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
