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