तारीखों और पैराग्राफ की एक दीवार शायद ही कभी चिपक जाती है उन समान घटनाओं को एक समयरेखा पर डाल दें हालांकि, एक केंद्रीय रेखा, दिनांकित मार्कर, और साफ कार्ड के साथ, और कहानी खुद को पढ़ना शुरू कर देती है कंपनी के मील के पत्थर इस तरह से काम करते हैं तो एक उत्पाद रोडमैप, एक व्यक्तिगत यात्रा, या आपके नवीनतम ब्लॉग पोस्ट दिनांक क्रम में अनुक्रम भारी उठाने करता है।
और आपको प्रत्येक शैली के लिए कस्टम कोड या एक अलग प्लगइन की आवश्यकता नहीं है मास्टर एडॉन्स समयरेखा विजेट यह सब एक जगह से संभालता है हम एक ऊर्ध्वाधर समयरेखा का निर्माण करेंगे, इसे क्षैतिज में फ्लिप करेंगे, पदों को स्वचालित रूप से खींचेंगे, फिर पूरी चीज को स्टाइल करें एक बार जब आप जानते हैं कि सेटिंग्स कहाँ रहती हैं, तो यह कुछ मिनटों का काम है।
एलिमेंटर टाइमलाइन विजेट क्या करता है
एक समयरेखा एक कालानुक्रमिक सूची है जिसे एक दृश्य लेआउट में बदल दिया गया है प्रत्येक प्रविष्टि एक केंद्रीय रेखा पर बैठती है, जो एक बिंदु (एक बिंदु या एक आइकन) द्वारा चिह्नित होती है, जिसमें एक कार्ड होता है जो दिनांक, शीर्षक और आपकी सामग्री को मास्टर एडॉन्स टाइमलाइन विजेट आपको उन प्रविष्टियों को भरने के दो तरीके और उन्हें बाहर रखने के दो तरीके देता है।
दो समयरेखा प्रकार कस्टम टाइमलाइन और पोस्ट टाइमलाइन हैं कस्टम का मतलब है कि आप प्रत्येक प्रविष्टि को हाथ से टाइप करते हैं, जो कंपनी के इतिहास या रोडमैप जैसी निश्चित सामग्री के अनुरूप है पोस्ट टाइमलाइन आपके वर्डप्रेस पोस्ट को स्वचालित रूप से खींचती है, इसलिए एक नई पोस्ट बिना किसी मैन्युअल काम के एक नई टाइमलाइन प्रविष्टि बन जाती है।
दो समयरेखा शैलियों लंबवत और क्षैतिज हैं ऊर्ध्वाधर बाएं/दाएं पैटर्न में पृष्ठ के नीचे प्रविष्टियों को ढेर करता है क्षैतिज उन्हें नेविगेशन तीर के साथ स्क्रॉल करने योग्य हिंडोला के रूप में साइड से बाहर रखता है आप इनमें से किसी के बीच एक एकल ड्रॉपडाउन से फ्लिप करते हैं, यही कारण है कि यह विजेट दूसरे के साथ मेरी किट में रहता है 80+ विजेट और एक्सटेंशन मास्टर एडॉन्स में।
शुरू करने से पहले: मास्टर ऐडऑन स्थापित करें
एलिमेंट के लिए मुफ्त मास्टर एडॉन्स के साथ टाइमलाइन विजेट जहाजों कस्टम टाइमलाइन और दोनों लेआउट शैलियों मुफ्त हैं पोस्ट टाइमलाइन, आगे नीचे कवर किया गया, मास्टर एडॉन्स प्रो की जरूरत है।
- अपने वर्डप्रेस डैशबोर्ड में, पर जाएं प्लगइन्स > नया जोड़ें.
- एलिमेंटोरैग्मा के लिए “मास्टर ऐडऑन खोजें और क्लिक करें अभी इंस्टॉल करेंफिर सक्रिय करें. आप भी कर सकते हैं मास्टर ऐडऑन डाउनलोड करें सीधे वर्डप्रेस डॉट ओआरजी से।
- एलिमेंट के साथ कोई भी पेज खोलें और “Timeline।” के लिए विजेट पैनल खोजें
सक्रियण के बाद विजेट गायब है? जांचें कि यह नीचे चालू है मास्टर ऐडऑन > तत्वहर विजेट वहाँ टॉगल किया जा सकता है, और है कि कैसे प्लगइन प्रकाश रहता है का हिस्सा है केवल विजेट लोड हो रहा है आप वास्तव में उपयोग करने के लिए आसान तरीकों में से एक है अपनी एलिमेंट साइट को तेज़ करें.
एलिमेंटर में टाइमलाइन कैसे जोड़ें (चरण दर चरण)
हम एक कस्टम ऊर्ध्वाधर समयरेखा के साथ शुरू करेंगे यह आपके सिर को चारों ओर लपेटने के लिए सबसे तेज़ है, और बाकी सब कुछ इसे बंद कर देता है।
चरण 1: टाइमलाइन विजेट को पेज पर खींचें
एलिमेंटर के साथ अपने पृष्ठ को संपादित करें, विजेट पैनल में “टाइमलाइन” की खोज करें, और इसे एक अनुभाग में खींचें यह पहले से ही भरे हुए तीन नमूना प्रविष्टियों के साथ गिरता है, इसलिए आप एक खाली बॉक्स के बजाय तुरंत एक कामकाजी समयरेखा देखते हैं छोटी बात, लेकिन यह आपको अनुमान लगाने से बचाता है कि प्रत्येक फ़ील्ड क्या करता है।
चरण २: समयरेखा प्रकार और शैली सेट करें
में सामग्री टैब, टाइमलाइन अनुभाग खोलें दो ड्रॉपडाउन यहां अधिकांश काम करते हैंः समयरेखा प्रकार (कस्टम या पोस्ट) और समयरेखा शैली (ऊर्ध्वाधर या क्षैतिज) अभी के लिए “कस्टम टाइमलाइन” पर प्रकार और “वर्टिकल टाइमलाइन” पर शैली छोड़ें।
चरण ३: अपनी टाइमलाइन आइटम संपादित करें
के तहत आइटमैं, प्रत्येक प्रविष्टि एक पुनरावर्तक पंक्ति के रूप में दिखाई देती है (नमूने २ फरवरी, २०१४, १० मई, २०१५ और २१ जून, २०१६ के हैं) इसे विस्तारित करने और दिनांक (या एक कस्टम लेबल), सामग्री, छवि और लिंक को संपादित करने के लिए एक पंक्ति पर क्लिक करें अलग शीर्षक क्षेत्र नहीं है, इसलिए सामग्री बॉक्स के शीर्ष पर एक शीर्षक जोड़ें। आइटम जोड़ें एक नई प्रविष्टि बनाता है, डुप्लिकेट आइकन मौजूदा की प्रतिलिपि बनाता है, और आप पंक्तियों को खींचकर उन्हें पुन: व्यवस्थित करते हैं।
वह एक पूर्ण कस्टम टाइमलाइन है “ के कुछ क्लिक आइटम जोड़ें, प्रत्येक में एक तारीख और एक वाक्य को रोकें, और आपने एक कंपनी इतिहास या एक परियोजना रोडमैप का दस्तावेजीकरण किया है।
कस्टम टाइमलाइन बनाम पोस्ट टाइमलाइन
टाइमलाइन प्रकार ड्रॉपडाउन वह जगह है जहां यह विजेट अपनी जगह कमाता है कस्टम से स्विच करें पोस्ट टाइमलाइन (एक प्रो सुविधा) और पूरा पैनल बदल जाता है: हाथ से आइटम संपादित करने के बजाय, आप विजेट को बताते हैं कि कौन सी पोस्ट दिखानी है और यह आपकी सामग्री से टाइमलाइन बनाता है।
के लिए पहुँच कस्टम टाइमलाइन जब सामग्री तय और संपादकीय हैः
- कंपनी का इतिहास और स्थापना मील के पत्थर
- उत्पाद या फीचर रोडमैप
- एक जीवनी या कैरियर यात्रा
- कार्यक्रम कार्यक्रम और कार्यक्रम एजेंडा
के लिए पहुँच पोस्ट टाइमलाइन जब सामग्री आपका ब्लॉग है और खुद को चालू रखना चाहिएः
- लेखों का एक कालानुक्रमिक संग्रह
- एक समाचार या घोषणाएँ फ़ीड
- केस अध्ययन या पोर्टफोलियो प्रविष्टियाँ पोस्ट के रूप में प्रकाशित की गईं
अपने ब्लॉग से एक पोस्ट टाइमलाइन बनाना
टाइमलाइन प्रकार को सेट करें पोस्ट टाइमलाइन और सामग्री पैनल पोस्ट नियंत्रण से भर जाता है यह वही गतिशील दृष्टिकोण है जिसका आप उपयोग करेंगे एलिमेंटर में एक ब्लॉग पेज बनाएं, केवल यह ग्रिड के बजाय समयरेखा के रूप में सामने आता है।
जानने योग्य सेटिंग्सः
- शीर्षक दिखाएँ/शीर्षक लिंक: पोस्ट शीर्षक प्रदर्शित करें और वैकल्पिक रूप से इसे पोस्ट से लिंक करें।
- शीर्षक टैगः शीर्षक का HTML टैग (H2, H3, इत्यादि) सेट करें ताकि आपकी हेडिंग संरचना SEO के लिए साफ़ रहे।
- छवि और छवि संकल्प दिखाएँः चित्रित छवि को अपने द्वारा चुने गए आकार में थंबनेल के रूप में खींचें।
- लिंक सक्षम करेंः पूरे कार्ड को क्लिक करने योग्य बनाएं यदि आपकी पोस्ट सामग्री में पहले से ही लिंक हैं, तो इसे छोड़ दें, क्योंकि लिंक के अंदर लिंक की अनुमति नहीं है।
- दिनांक प्रारूप & समय प्रारूपः नियंत्रित करें कि प्रत्येक प्रविष्टि की तारीख लाइन पर कैसे दिखाई देती है।
- प्रति पृष्ठ पोस्ट, ऑफसेट, और पोस्ट ऑर्डरः तय करें कि कितने पोस्ट दिखाते हैं, सूची कहां से शुरू होती है, और क्या नवीनतम या सबसे पुराना पहले आता है।
आप श्रेणी, टैग या लेखक द्वारा पोस्ट को फ़िल्टर भी कर सकते हैं, और विशिष्ट पोस्ट को बाहर कर सकते हैं एक समयरेखा समाचार में “सब कुछ दिखा सकती है, एक और हाथ से चुने गए सेट को एक और कर सकती है चूंकि यह सीधे आपके पोस्ट से पढ़ता है, यह एक के अंदर अच्छी तरह से बैठता है थीम बिल्डर संग्रह या एकल टेम्पलेट, जहां यह हर बार प्रकाशित हिट होने पर ताज़ा होता है।
क्षैतिज समयरेखा पर स्विच करना
परिवर्तन समयरेखा शैली करने के लिए“क्षैतिज समयरेखा” और लेआउट घूमता है यह विकल्प कस्टम टाइमलाइन के लिए है, चूंकि पोस्ट टाइमलाइन लंबवत रहती है प्रविष्टियां अब एक क्षैतिज केंद्रीय रेखा के साथ कंधे से कंधा मिलाकर बैठती हैं, प्रत्येक कार्ड के ऊपर अपने बिंदु मार्कर के साथ, और बाएं/दाएं तीर आगंतुकों को हिंडोला की तरह उनके माध्यम से स्क्रॉल करने देते हैं।
क्षैतिज अपने रख-रखाव को अर्जित करता है जब आपके पास मुट्ठी भर मजबूत मील के पत्थर होते हैं और उन्हें गुना से ऊपर चाहते हैं, लैंडिंग पृष्ठ पर एक उत्पाद लॉन्च अनुक्रम कहते हैं ऊर्ध्वाधर लंबी सूचियों या पाठ-भारी प्रविष्टियों के लिए सुरक्षित पिक है, क्योंकि ऊपर से नीचे पढ़ना फोन पर स्वाभाविक लगता है एक चीज जो मैंने भाग ली है: एक क्षैतिज हिंडोला और एक ऊर्ध्वाधर ढेर छोटी स्क्रीन पर समान व्यवहार नहीं करते हैं, इसलिए दोनों को अपने खिलाफ पूर्वावलोकन करें उत्तरदायी ब्रेकप्वाइंट इससे पहले कि आप जहाज।
टाइमलाइन को स्टाइल करना
द शैली टैब में टाइमलाइन के हर हिस्से के लिए एक अनुभाग है: लेआउट, कार्ड, तीर, तिथियां, रेखा, अंक, नेविगेशन, और पैटर्न यह वह जगह है जहां एक सामान्य नमूना आपके ब्रांड से मेल खाने वाली चीज़ में बदल जाता है।
सेंट्रल लाइन और पॉइंट
के तहत लाइन, केंद्रीय रेखा के रंग और मोटाई सेट करें के तहत पॉइंट्स, तय करें कि प्रत्येक मार्कर एक सादा बिंदु है या एक चिह्न, फिर आइकन, उसका आकार, पृष्ठभूमि का रंग और बिंदु रंग चुनें आइकन पिकर एक पूर्ण पुस्तकालय खोलता है, इसलिए घटनाओं के लिए एक कैलेंडर या मील के पत्थर के लिए एक ध्वज एक क्लिक दूर है।
डिफ़ॉल्ट, होवर और केंद्रित राज्य
अंक अनुभाग में तीन राज्य टैब होते हैंः चूक, होवर, और केंद्रितडिफ़ॉल्ट आराम कर रहा है देखो, होवर माउस-ओवर देखो है, और ध्यान केंद्रित सक्रिय आइटम पर प्रकाश डाला गया है कि पिछले एक क्षैतिज हिंडोला में सबसे ज्यादा मायने रखता है, जहां यह आगंतुकों को बताता है कि कौन सी प्रविष्टि वर्तमान में केंद्रित है इन तीनों को स्टाइल करना जो समयरेखा को फ्लैट के बजाय इंटरैक्टिव महसूस करता है।
कार्ड, दिनांक और टाइपोग्राफी
द कार्ड अनुभाग प्रत्येक प्रविष्टि की पृष्ठभूमि, सीमा, छाया और रिक्ति को नियंत्रित करता है। खजूर इसके अलावा शीर्षक और सामग्री टाइपोग्राफी सेटिंग्स आपको अपनी साइट के फोंट से मेल खाने देती हैं कार्ड पैडिंग को सुसंगत और अपने कंट्रास्ट पठनीय रखें, क्योंकि एक समयरेखा रहती है या मर जाती है कि लोग इसे स्कैन कर सकते हैं या नहीं।
व्यावहारिक उपयोग के मामले
कुछ तरीके मैंने टाइमलाइन विजेट को वास्तविक परियोजनाओं पर काम करने के लिए रखा हैः
- पृष्ठों के बारे मेंः कंपनी के मील के पत्थर की एक ऊर्ध्वाधर कस्टम समयरेखा, एक के साथ जोड़ी गई काउंटर अप विजेट व्यवसाय में वर्षों जैसे प्रमुख आँकड़ों के लिए।
- उत्पाद पृष्ठः एक क्षैतिज रोडमैप जो दर्शाता है कि क्या भेजा गया और आगे क्या आने वाला है।
- ब्लॉग और समाचारः कालानुक्रमिक संग्रह के रूप में एक पोस्ट टाइमलाइन, एक के बगल में बैठे चेंजलॉग विजेट रिलीज नोट्स के लिए।
- पोर्टफोलियो: विशेष रुप से प्रदर्शित छवियों के साथ दिनांकित प्रविष्टियों के रूप में केस अध्ययन।
बेहतर समयरेखा के लिए युक्तियाँ
- प्रवेश सामग्री को छोटा रखें प्रति कार्ड दो या तीन वाक्य एक पूर्ण पैराग्राफ की तुलना में कहीं बेहतर पढ़ते हैं।
- ऐसे आइकन का उपयोग करें जिनका कुछ मतलब हो: तारीखों के लिए एक कैलेंडर, लॉन्च के लिए एक ध्वज, पुरस्कारों के लिए एक सितारा।
- लंबे इतिहास के लिए, लंबवत जाएं क्षैतिज स्क्रॉलिंग पतली पिछले पांच या छह आइटम पहनता है।
- पोस्ट टाइमलाइन पर एक समझदार हेडिंग टैग सेट करें ताकि शीर्षक आपके पेज के एच १ के साथ प्रतिस्पर्धा न करें।
- मोबाइल पर और अपने खिलाफ परिणाम की जांच करें एसईओ सेटअप, चूंकि चित्रित छवियां और शीर्षक दोनों फ़ीड खोज को क्रमबद्ध करते हैं।
प्रत्येक नियंत्रण और विषम किनारे वाले मामले के लिए, समयरेखा विजेट दस्तावेज़ीकरण मैं यहाँ कर सकते हैं की तुलना में गहरा चला जाता है और अगर आप प्रीमियम लेआउट, सफेद लेबल, और पुस्तकालय के बाकी। [+] मास्टर एडॉन्स प्रो उन्हें अनलॉक करता है।
अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंटर टाइमलाइन विजेट मुफ़्त है?
हाँ। मास्टर एडॉन्स टाइमलाइन विजेट मुफ़्त प्लगइन का हिस्सा है, जिसमें ऊर्ध्वाधर और क्षैतिज शैलियों में कस्टम टाइमलाइन शामिल है। पोस्ट टाइमलाइन प्रकार, जो आपके ब्लॉग पोस्ट को खींचता है, को मास्टर एडॉन्स प्रो की आवश्यकता होती है।
क्या मैं बिना किसी प्लगइन के एलिमेंटर में टाइमलाइन बना सकता हूं?
आसानी से नहीं एलिमेंटर के कोर में कोई टाइमलाइन तत्व नहीं है, इसलिए आप कॉलम, डिवाइडर और कस्टम सीएसएस के साथ हाथ से एक का निर्माण करेंगे मास्टर एडॉन्स टाइमलाइन की तरह एक विजेट कुछ क्लिक में आपके लिए केंद्रीय रेखा, मार्कर, वैकल्पिक कार्ड और प्रतिक्रिया को संभालता है।
कस्टम और पोस्ट टाइमलाइन के बीच क्या अंतर है?
एक कस्टम टाइमलाइन आपके द्वारा हाथ से टाइप की गई प्रविष्टियों का उपयोग करती है, कंपनी के इतिहास जैसी निश्चित सामग्री के लिए आदर्श एक पोस्ट टाइमलाइन आपके वर्डप्रेस पोस्ट को स्वचालित रूप से खींचती है, इसलिए नई पोस्ट नई प्रविष्टियां बन जाती हैं संपादकीय सामग्री के लिए कस्टम चुनें और कुछ भी पोस्ट करें जो खुद को अपडेट करना चाहिए।
क्या मैं एलिमेंट में एक क्षैतिज समयरेखा बना सकता हूं?
हाँ टाइमलाइन विजेट के कंटेंट टैब में, टाइमलाइन स्टाइल को “Horizontal Timeline पर सेट करें।” प्रविष्टियाँ नेविगेशन तीरों के साथ एक क्षैतिज रेखा के साथ-साथ निकलती हैं, जो हिंडोला की तरह काम करती हैं। आप कभी भी उसी ड्रॉपडाउन से वापस वर्टिकल पर स्विच कर सकते हैं।
क्या मोबाइल पर टाइमलाइन अच्छी लगेगी?
विजेट उत्तरदायी है, और आप प्रति डिवाइस आकार ट्यून कर सकते हैं ऊर्ध्वाधर समयरेखा छोटे स्क्रीन के लिए सबसे स्वाभाविक रूप से अनुकूलित करते हैं यदि आप क्षैतिज का उपयोग करते हैं, तो मोबाइल पर इसका पूर्वावलोकन करें और अपने ब्रेकप्वाइंट को समायोजित करें, क्योंकि साइड-बाय-साइड कार्ड शीर्ष-से-नीचे स्टैक की तुलना में अलग व्यवहार करते हैं।
रैपिंग अप
तो यह है कि एलिमेंटर एंड टू एंड में टाइमलाइन कैसे बनाएं: विजेट में खींचें, अपना प्रकार और शैली चुनें, प्रविष्टियों को भरें या फ़िल्टर करें, फिर अपने ब्रांड को फिट करने के लिए लाइन, अंक और कार्ड को स्टाइल करें कस्टम टाइमलाइन आपकी निश्चित कहानियों को रखती है पोस्ट टाइमलाइन खुद को वर्तमान में रखती है ऊर्ध्वाधर और क्षैतिज स्विच लंबे इतिहास और तंग रोडमैप दोनों को कवर करता है।
मास्टर ऐडऑन स्थापित करें, अपने अगले बारे में या उत्पाद पृष्ठ पर एक टाइमलाइन विजेट छोड़ें, और तारीखों की एक सूची को कुछ लोगों द्वारा वास्तव में पढ़ी जाने वाली चीज़ों में बदल दें।
संबंधित पढ़नाः एलिमेंट के साथ एक ब्लॉग पेज बनाएं · एलिमेंट वेबसाइटों को कैसे गति दें · सभी मास्टर ऐडऑन विजेट ब्राउज़ करें
