विषय-सूची
तत्व अपना कोई टाइमलाइन विजेट नहीं हैू रे संस्करण में या प्रो में एक एलिमेंट पेज पर एक टाइमलाइन डालने के लिए आप एक ऐडऑन से एक जोड़ते हैं यह गाइड मुफ्त में टाइमलाइन विजेट का उपयोग करता है मास्टर ऐडऑन प्लगइन, जो ऊर्ध्वाधर लेआउट, क्षैतिज हिंडोला, और समयरेखा को कवर करता है जो आपके ब्लॉग पोस्ट से खुद को बनाते हैं।
नीचे दिया गया प्रत्येक स्क्रीनशॉट मास्टर ऐडऑन 3.2 के साथ एलिमेंटर 4.2।4 से आता है। कस्टम टाइमलाइन, लेआउट और संपूर्ण स्टाइल टैब दोनों निःशुल्क हैं। पोस्ट टाइमलाइन को प्रो की आवश्यकता है, और इसे वहां लेबल किया गया है जहां यह आता है।
क्या आप बिना प्लगइन के एलिमेंटर में टाइमलाइन बना सकते हैं?
तकनीकी रूप से हाँ, और यह दिखने से अधिक काम है आप कंटेनरों को ढेर कर देंगे, एक को केंद्रीय रेखा को नकली करने के लिए एक बाएं सीमा देंगे, बिल्कुल प्रत्येक पंक्ति पर एक बिंदु की स्थिति, और कस्टम सीएसएस के साथ वैकल्पिक बाएं और दाएं संरेखण तब आप उत्तरदायी नियम स्वयं लिखेंगे, क्योंकि उस वैकल्पिक लेआउट को फोन पर एक ही कॉलम में ढहना है।
यह रखरखाव पर गिर जाता है बीच में एक मील का पत्थर जोड़ने का मतलब है कि हाथ से इसके नीचे हर पंक्ति को फिर से बदलना एक विजेट लाइन, मार्कर, विकल्प और ब्रेकपॉइंट को सेटिंग्स के रूप में रखता है, इसलिए एक प्रविष्टि जोड़ना एक क्लिक है।
स्टॉक एलिमेंटर इंस्टॉल पर “timeline” के लिए विजेट पैनल खोजें और बिल्कुल एक परिणाम वापस आता है, मास्टर एडॉन्स विजेट।
प्लगइन स्थापित करें
वर्डप्रेस डैशबोर्ड से पर जाएं प्लगइन्स → प्लगइन जोड़ें, के लिए खोज एलिमेंट के लिए मास्टर ऐडऑनं, फिर स्थापित करें और सक्रिय करें एलिमेंट के साथ कोई भी पृष्ठ खोलें और विजेट पैनल के लिए खोजें टाइमलाइन.
यदि सक्रिय करने के बाद कुछ भी नहीं आता है, तो जांचें मास्टर ऐडऑन → विजेट्स लाइब्रेरी और सुनिश्चित करें कि टाइमलाइन चालू है विजेट को व्यक्तिगत रूप से अक्षम किया जा सकता है ताकि अप्रयुक्त कोड को सामने के छोर से दूर रखा जा सके, जो कि वैसे भी करने लायक है यदि आप परवाह करते हैं एलिमेंटर पेज की गति.
एलिमेंटर में एक समयरेखा कैसे जोड़ें, चरण दर चरण
चरण १: विजेट को पृष्ठ पर खींचें
एलिमेंटर के साथ एक पृष्ठ संपादित करें, खोजें समयरेखाऔर इसे एक कंटेनर में खींचें यह पहले से ही भरे हुए तीन नमूना प्रविष्टियों के साथ आता है, ताकि आप देख सकें कि आपके कुछ भी बदलने से पहले प्रत्येक क्षेत्र क्या करता है।
चरण २: समयरेखा प्रकार चुनें
सामग्री टैब में, खोलें समयरेखा अनुभाग। पहला ड्रॉपडाउन है समयरेखा प्रकार.
कस्टम टाइमलाइन मुफ्त एक है आप प्रत्येक प्रविष्टि को स्वयं टाइप करते हैं, जो कि आप कंपनी के इतिहास, उत्पाद रोडमैप या एक घटना अनुसूची के लिए चाहते हैं, जहां सामग्री तय और संपादकीय है।
पोस्ट टाइमलाइन एक मास्टर एडॉन्स प्रो सुविधा है यह आपके वर्डप्रेस पोस्ट को पढ़ता है और उनसे टाइमलाइन बनाता है, इसलिए एक पोस्ट प्रकाशित करने से अपने आप में एक प्रविष्टि जुड़ जाती है इस पर आगे एक अनुभाग है।
चरण ३: ऊर्ध्वाधर या क्षैतिज चुनें
दूसरा ड्रॉपडाउन है समयरेखा शैली.
एक केंद्रीय रेखा के बाएं और दाएं बारी-बारी से कार्ड के साथ पृष्ठ के नीचे लंबवत चलता है क्षैतिज तीर के साथ हिंडोला के रूप में पक्ष द्वारा बाहर प्रविष्टियां देता है दोनों स्वतंत्र हैं, और आप अपनी प्रविष्टियों को खोए बिना किसी भी बिंदु पर उनके बीच स्विच कर सकते हैं।
अब जानने लायक एक सीमाः टाइमलाइन शैली केवल कस्टम टाइमलाइन के लिए दिखाई देती है। पोस्ट टाइमलाइन केवल लंबवत होती है, और जब आप प्रकार बदलते हैं तो ड्रॉपडाउन गायब हो जाता है।
चरण ४: अपनी प्रविष्टियाँ संपादित करें
के तहत आइटमं, प्रत्येक प्रविष्टि एक पुनरावर्तक पंक्ति है इसे खोलने के लिए एक पर क्लिक करें।
प्रत्येक पंक्ति में एक सामग्री टैब और एक मीडिया टैब है फ़ील्ड जो मायने रखती हैंः
- शोः दिनांक या कस्टम लेबल दिनांक आपको एक दिनांक पिकर देता है; कस्टम लेबल आपको कुछ भी लिखने देता है, जो कि आप कैलेंडर तिथि के बजाय लाइन पर “Q3 2026” या “Found” कैसे प्राप्त करते हैं।
- दिनांक प्रारूप: प्रीसेट प्लस कस्टम। कस्टम एक PHP दिनांक स्ट्रिंग लेता है, इसलिए
F Yप्रिंट करता है “जून २०१९” और एक चेंजलॉग की तरह दिखने से एक मील का पत्थर समयरेखा रखता है। - लिंकः पूरे कार्ड को क्लिक करने योग्य बनाता है यदि कार्ड के पाठ में पहले से ही एक लिंक है तो इसे छोड़ दें, क्योंकि लिंक के अंदर एक लिंक अमान्य एचटीएमएल है और ब्राउज़र उनमें से एक को छोड़ देंगे।
- सामग्री बॉक्स एक पूर्ण संपादक है। कोई अलग शीर्षक क्षेत्र नहीं है, तो प्रविष्टि का शीर्षक यहां शीर्षक 3 के रूप में जाता है।
- मीडिया टैब कार्ड में एक छवि जोड़ता है और उसका रिज़ॉल्यूशन सेट करता है।
आइटम जोड़ें एक नई पंक्ति बनाता है, कॉपी आइकन एक की नकल करता है, और पंक्तियों को पुन: व्यवस्थित करने के लिए खींचें।
चरण ५: प्रकाशित करें और इसे देखें
चार प्रविष्टियाँ, महीने और वर्ष के रूप में स्वरूपित तिथियाँ, मार्करों पर ध्वज चिह्न, यह सब मुफ़्त प्लगइन पर।
कार्ड वैकल्पिक पक्ष और तिथियां आपके द्वारा कुछ भी स्थिति के बिना प्रत्येक के विपरीत बैठती हैं।
जब तक आप स्क्रॉल नहीं करते तब तक कार्ड खाली क्यों दिखते हैं
जब टाइमलाइन कार्ड दृश्य में स्क्रॉल करते हैं तो छिपना और चेतन होना शुरू हो जाता है, और आपकी स्क्रॉल स्थिति के निकटतम बिंदु एक केंद्रित स्थिति लेता है, जिसे आप पॉइंट अनुभाग में अलग से स्टाइल करते हैं।
तो तह के नीचे रखी गई एक टाइमलाइन एक स्क्रीनशॉट टूल में खाली दिखती है, एक पीडीएफ निर्यात में, या एक पेज-स्पीड ऑडिट में जो कभी स्क्रॉल नहीं करता है पृष्ठ को स्क्रॉल करें और प्रविष्टियां दिखाई देती हैं।
एलिमेंटर में एक क्षैतिज समयरेखा बनाना
सेट समयरेखा शैली क्षैतिज समयरेखा और लेआउट घूमता है: प्रविष्टियाँ अगल-बगल बैठती हैं, बिंदु क्षैतिज रेखा पर कार्डों के ऊपर बैठते हैं, और तीर उनके माध्यम से स्क्रॉल करते हैं।
नेविगेशन के तहत स्टाइल टैब में तीर कॉन्फ़िगर किए गए हैं दो नियंत्रण, मिश्रण करने में आसानः
- प्लेसमेंट हिंडोला के अंदर या बाहर है।
- स्थिति यहीं पर वे बैठते हैं, ऊपर-बाएँ से नीचे-दाएँ तक।
प्लेसमेंट से संबंधित मान पर स्थिति सेट करना तीरों को आपकी पहली प्रविष्टि के शीर्ष पर, ऊपरी-बाएँ कोने में छोड़ देता है। बाहरी प्लेसमेंट वाला निचला केंद्र सुरक्षित युग्मन है, और स्क्रीनशॉट इसका उपयोग करता है।
क्षैतिज सूट चार से छह मजबूत मील के पत्थर गुना के ऊपर, एक लैंडिंग पृष्ठ पर एक उत्पाद लॉन्च अनुक्रम की तरह पिछले छह प्रविष्टियों पाठक एक तीर को बार-बार क्लिक कर रहा है सामग्री को देखने के लिए वे स्कैन नहीं कर सकते हैं, और ऊर्ध्वाधर जीत भी फोन पर सुरक्षित शर्त है, जहां ऊपर से नीचे पढ़ना लोगों की अपेक्षा है जो भी आप चुनते हैं, उसे अपने खिलाफ जांचें उत्तरदायी ब्रेकप्वाइंट इससे पहले कि आप जहाज, क्योंकि दो लेआउट अलग-अलग पतन।
लाइन, अंक और कार्ड को स्टाइल करना
स्टाइल टैब में ग्यारह खंड हैं: हिंडोला आइटम, लेआउट, छवियां, पोस्ट, कार्ड, तीर, तिथियां, रेखा, बिंदु, नेविगेशन और पैटर्न।
लाइन केंद्रीय रेखा का रंग और मोटाई निर्धारित करता है। कार्ड पृष्ठभूमि, सीमा, छाया और पैडिंग संभालता है। खजूर और टाइपोग्राफी नियंत्रण आपके फ़ॉन्ट सिस्टम में प्रवेश पाठ से मेल खाते हैं।
पॉइंट्स क्या अनुभाग में समय बिताने लायक है। यह प्रकार नियंत्रण चुनता है कि प्रत्येक मार्कर पर क्या बैठता है, और इसमें तीन राज्य टैब हैंः चूक, होवर और केंद्रितपाठक की स्क्रॉल स्थिति के निकटतम प्रविष्टि पर केंद्रित लागू होता है, इसलिए इसे बिना स्टाइल के छोड़ना एक समयरेखा को एक फ्लैट सूची के रूप में पढ़ने के लिए बनाता है, जबकि पाठक इसे पिछले स्क्रॉल करता है तीनों को स्टाइल करें।
सेट प्रकार आइकनों के लिए और मार्कर एक आइकन लेता है, जो कि स्क्रीनशॉट यहां उपयोग करते हैं इसे सीधे सामने के छोर पर जांचें: यदि मार्कर एक खाली सर्कल के रूप में प्रस्तुत करता है, तो आइकन लोड नहीं हुआ है, और डिफ़ॉल्ट पर वापस टाइप करें स्विच करने से आपको एक सादे रंग का बिंदु मिलता है जो हमेशा काम करता है।
अपने ब्लॉग पोस्ट से एक समयरेखा बनाना
टाइमलाइन प्रकार को पर स्विच करें पोस्ट टाइमलाइन और पैनल पूरी तरह से बदल जाता है प्रविष्टियों को टाइप करने के बजाय आप वर्णन करते हैं कि कौन से पोस्ट खींचने हैं, और विजेट उनसे समयरेखा बनाता है।
सेटिंग के लायक नियंत्रणः
- शीर्षक दिखाएँ, शीर्षक लिंक और हेडिंग टैगहेडिंग टैग को एच२ या एच३ पर सेट करें इसलिए पोस्ट टाइटल हेडिंग ऑर्डर में पेज के एच१ के नीचे बैठें यह वही हेडिंग-ऑर्डर नियम है जो आपके एलिमेंटर में एक ब्लॉग पेज बनाएं.
- छवि दिखाएँ और छवि संकल्प चित्रित छवि को कार्ड पर रखें।
- दिनांक प्रारूप और समय प्रारूपडिफ़ॉल्ट तारीख के बगल में समय प्रिंट करता है, जो एक मील का पत्थर समयरेखा पर अजीब तरह से पढ़ता है समय प्रारूप को किसी में भी सेट न करें, या कस्टम दिनांक प्रारूप का उपयोग करें।
- प्रति पृष्ठ पोस्ट, ऑफसेट पोस्ट गिनती, पोस्ट ऑर्डर और आदेश द्वारा.
- श्रेणी, टैग द्वारा फ़िल्टर करें, लेखक और बहिष्कृत करने योग्य पोस्ट क्वेरी को संकीर्ण करें, इसलिए एक टाइमलाइन न्यूज़” में “सबकुछ हो सकती है और दूसरा हाथ से चुना गया सेट हो सकता है।
- लिंक सक्षम करें पूरे कार्ड को क्लिक करने योग्य बनाता है कस्टम संस्करण के रूप में एक ही चेतावनी: इसे बंद करें यदि कार्ड सामग्री के अपने लिंक हैं।
क्योंकि यह सीधे पोस्ट पढ़ता है, यह संस्करण बड़े करीने से एक में गिरता है थीम बिल्डर संग्रह या एकल टेम्पलेट, और जब आप प्रकाशित करते हैं तो यह खुद को अपडेट करता है पोस्ट टाइमलाइन का हिस्सा है मास्टर एडॉन्स प्रो.
कस्टम या पोस्ट टाइमलाइन: कौन सा
| कस्टम टाइमलाइन | पोस्ट टाइमलाइन | |
|---|---|---|
| योजना | मुक्त | मास्टर एडॉन्स प्रो |
| जहां से सामग्री आती है | विजेट में टाइप किया गया | आपके वर्डप्रेस पोस्ट |
| लंबवत लेआउट | हाँ | हाँ |
| क्षैतिज लेआउट | हाँ | नहीं, केवल लंबवत |
| अपने आप अपडेट हो जाता है | नहीं | हाँ, प्रकाशित करने पर |
| क्वेरी फिल्टर | एन/ए | श्रेणी, टैग, लेखक, बहिष्कृत, ऑफसेट |
| लिए सर्वश्रेष्ठ | कंपनी का इतिहास, रोडमैप, कार्यक्रम कार्यक्रम, जीवनियाँ | समाचार अभिलेखागार, रिलीज़ नोट्स, केस स्टडीज़, चेंजलॉग |
यदि किसी पोस्ट को प्रकाशित करने के लिए एक प्रविष्टि जोड़नी चाहिए, तो पोस्ट टाइमलाइन का उपयोग करें यदि प्रविष्टियां एक कहानी हैं जो आपने एक बार लिखी हैं, तो कस्टम का उपयोग करें।
जहां एक समयरेखा उपयोग करने लायक है
- पृष्ठों के बारे में। एक ऊर्ध्वाधर कंपनी का इतिहास, एक के साथ काउंटर अप शीर्षक संख्याओं के लिए इसके ऊपर पंक्ति बनाएं।
- उत्पाद पृष्ठों। भेज दिया सुविधाओं का एक क्षैतिज रोडमैप और आगे क्या है चार से छह प्रविष्टियां, और नहीं।
- रिलीज नोट्स। एक पोस्ट टाइमलाइन को एक श्रेणी के बगल में फ़िल्टर किया गया है चेंजलॉग विजेट।
- पोर्टफोलियो और केस अध्ययन। विशेष रुप से प्रदर्शित छवियों के साथ दिनांकित प्रविष्टियाँ, जहां मीडिया टैब का भुगतान होता है।
- घटना और पाठ्यक्रम कार्यक्रम। तारीखों के बजाय कस्टम लेबल, इसलिए पंक्ति में “दिन 1, दिन 2, दिन 3” लिखा है।
सात बातें जो टाइमलाइन को बेहतर बनाती हैं
- प्रत्येक कार्ड को दो या तीन वाक्यों में रखें एक समयरेखा एक स्कैनिंग प्रारूप है और पूर्ण पैराग्राफ इसे हरा देते हैं।
- मील के पत्थर के लिए कस्टम लेबल का उपयोग करें। “2019” “जून 17, 19” को हरा देता है जब सटीक दिन कोई मायने नहीं रखता।
- कार्ड के अंदर एक हेडिंग लेवल रखें कंटेंट बॉक्स में कोई टाइटल फील्ड नहीं है, इसलिए एच २ और एच ४ को मिक्स करने के बजाय हर एंट्री के हेडिंग को एक ही टैग पर सेट करें।
- छह प्रविष्टियों के बाद ऊर्ध्वाधर पर स्विच करें, क्योंकि क्षैतिज स्क्रॉलिंग तेजी से थकाऊ हो जाती है।
- केंद्रित राज्य को स्टाइल करें यह वह है जो पाठक को बताता है कि वे कहां हैं।
- आइकन चुनने के बाद सामने के छोर पर अपने मार्करों की जांच करें एक खाली सर्कल का मतलब है कि आइकन लोड नहीं हुआ, और डिफ़ॉल्ट डॉट्स सुरक्षित फ़ॉलबैक हैं।
- इसे एक फोन पर जांचें वैकल्पिक लेआउट एक कॉलम में गिर जाता है, और लंबे कस्टम लेबल बुरी तरह से लपेटने के लिए पहली चीज हैं।
अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंटर के पास टाइमलाइन विजेट है?
नहीं, न तो मुफ्त एलिमेंट और न ही एलिमेंट प्रो में टाइमलाइन तत्व शामिल है आप एक ऐडऑन के साथ एक जोड़ते हैं मास्टर एडॉन्स टाइमलाइन विजेट मुफ्त है और ऊर्ध्वाधर और क्षैतिज लेआउट को कवर करता है।
क्या एलिमेंट टाइमलाइन विजेट मुफ़्त है?
हाँ। कस्टम टाइमलाइन, ऊर्ध्वाधर और क्षैतिज दोनों शैलियाँ, और संपूर्ण स्टाइल टैब निःशुल्क मास्टर ऐडऑन प्लगइन में हैं। केवल पोस्ट टाइमलाइन, जो आपके वर्डप्रेस पोस्ट से टाइमलाइन बनाती है, को मास्टर ऐडऑन प्रो की आवश्यकता है।
मैं प्लगइन के बिना एलिमेंटर में टाइमलाइन कैसे बना सकता हूं?
आप इसे हाथ से बनाएंगे: स्टैक्ड कंटेनर, केंद्रीय रेखा की नकल करने के लिए एक बाईं सीमा, बिल्कुल तैनात डॉट्स, वैकल्पिक संरेखण और आपकी अपनी उत्तरदायी सीएसएस यह काम करता है, लेकिन हर नई प्रविष्टि का मतलब है कि इसके नीचे की पंक्तियों को फिर से बदलना, इसलिए एक विजेट बनाने के लिए तेज़ है और बनाए रखने के लिए बहुत तेज़ है।
क्या मैं एलिमेंट में एक क्षैतिज समयरेखा बना सकता हूं?
हाँ विजेट की सामग्री टैब में क्षैतिज समयरेखा के लिए समयरेखा शैली सेट करें प्रविष्टियों को स्क्रॉल करने के लिए कार्ड और तीर के ऊपर बिंदुओं के साथ कंधे से कंधा मिलाकर रखा गया है यह मुफ़्त है, और यह केवल कस्टम टाइमलाइन पर लागू होता है।
कस्टम टाइमलाइन और पोस्ट टाइमलाइन के बीच क्या अंतर है?
एक कस्टम टाइमलाइन आपके द्वारा टाइप की गई प्रविष्टियों को रखती है, जो कंपनी के इतिहास की तरह निश्चित सामग्री के अनुरूप होती है एक पोस्ट टाइमलाइन आपके वर्डप्रेस पोस्ट को पढ़ती है, इसलिए पोस्ट प्रकाशित करने से एक प्रविष्टि स्वचालित रूप से जुड़ जाती है कस्टम मुफ़्त है; पोस्ट टाइमलाइन एक प्रो सुविधा है।
मेरी एलिमेंटर टाइमलाइन खाली कार्ड क्यों दिखा रही है?
जब वे दृश्य में स्क्रॉल करते हैं तो प्रविष्टियां चेतन होती हैं, इसलिए तह के नीचे एक समयरेखा खाली दिखती है जब तक कि आप इसे स्क्रॉल नहीं करते स्क्रीनशॉट टूल या पूर्वावलोकन से निर्णय लेने के बजाय स्क्रॉल करके सामने के छोर पर जांच करें जो कभी स्क्रॉल नहीं करता है।
क्या मैं टाइमलाइन बिंदुओं पर बिंदुओं के बजाय आइकन का उपयोग कर सकता हूं?
हाँ। अंक अनुभाग में एक प्रकार नियंत्रण है जो बिंदु, चिह्न, चित्र, संख्याएँ और अक्षर प्रदान करता है। आइकन चुनें, अपना आइकन चुनें, फिर उसका रंग और पृष्ठभूमि डिफ़ॉल्ट स्थिति टैब के अंतर्गत सेट करें। हमेशा सामने वाले सिरे पर परिणाम जांचें, और यदि कोई मार्कर खाली हो जाता है तो डिफ़ॉल्ट बिंदुओं पर वापस आ जाएं।
मोबाइल पर टाइमलाइन काम करेगी?
हां, और दो लेआउट अलग-अलग व्यवहार करते हैं ऊर्ध्वाधर एक ही कॉलम में ढह जाता है और स्वाभाविक रूप से पढ़ता है क्षैतिज एक हिंडोला रहता है, इसलिए इसे अपने मोबाइल ब्रेकपॉइंट पर पूर्वावलोकन करें और जांचें कि लंबे लेबल लपेट नहीं रहे हैं।
क्या कोई टाइमलाइन केवल एक श्रेणी से पोस्ट खींच सकती है?
हाँ, पोस्ट टाइमलाइन के साथ सामग्री टैब में श्रेणी नियंत्रण सेट करें, और इसे और संकीर्ण करने के लिए बहिष्कृत करने के लिए टैग, लेखक या पोस्ट द्वारा फ़िल्टर जोड़ें।
संबंधित पढ़ने
- एलिमेंटर टाइमलाइन विजेट, सूचीबद्ध प्रत्येक नियंत्रण वाला फीचर पृष्ठ
- समयरेखा विजेट दस्तावेज़ीकरण
- एलिमेंट के साथ ब्लॉग पेज कैसे बनाएं
- एलिमेंटर पृष्ठों के लिए एसईओ अभ्यास
- वर्डप्रेस.ओआरजी पर मास्टर ऐडऑन
