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