कुंजी तकिए
- ये आठ एलिमेंटर टाइमलाइन उदाहरण सभी एक विजेट, मास्टर एडॉन्स टाइमलाइन विजेट के साथ बनाए गए हैं, और प्रत्येक में एक लाइव डेमो पेज है जिसे आप खोल सकते हैं।
- आठ टाइमलाइन डिज़ाइनों में से छह ऊर्ध्वाधर हैं और दो क्षैतिज हिंडोले हैं, जो लेआउट के उपयोग के तरीके से मेल खाते हैं: लंबी कहानियों के लिए ऊर्ध्वाधर और छोटे अनुक्रमों के लिए क्षैतिज।
- ऊर्ध्वाधर उदाहरण टाइमलाइन विजेट के चार संरेखणों में से तीन का उपयोग करते हैं: वैकल्पिक कार्डों के लिए केंद्र, एक तरफा सूची के लिए बाएँ और प्रतिबिंबित एक तरफा सूची के लिए दाएँ।
- आठ डिज़ाइनों के बीच अधिकांश दृश्य अंतर टाइमलाइन विजेट में चार शैली अनुभागों से आता है: कार्ड, दिनांक, रेखा और बिंदु।
- एलिमेंटर और एलिमेंटर प्रो में टाइमलाइन विजेट शामिल नहीं है, इसलिए कोई भी एलिमेंटर टाइमलाइन टेम्पलेट इंस्टॉल किए जा रहे ऐडऑन पर निर्भर करता है।
अच्छा एलिमेंटर टाइमलाइन उदाहरण खोजने के लिए कठिन हैं, क्योंकि अधिकांश डेमो लोरेम इप्सम के साथ तीन ग्रे कार्ड हैं नीचे दिए गए आठ डिज़ाइन वास्तविक कहानियों का उपयोग करते हैं: एक अंग पुनर्निर्माण, एक पुल अवधि, एक नैदानिक परीक्षण, एक बेकरी के पहले वर्ष के साथ उन सभी का निर्माण किया जाता है मास्टर एडॉन्स टाइमलाइन विजेट और प्रत्येक का एक लाइव डेमो है।
हर उदाहरण के लिए आपको यह मिलता है कि यह किस लिए अच्छा है, डिज़ाइन को क्या काम करता है, और इसके पीछे की सेटिंग्स, ताकि आप इसे अपने स्वयं के पृष्ठ के लिए टेम्पलेट के रूप में उपयोग कर सकें यदि आपने पहले समयरेखा नहीं बनाई है, तो शुरू करें एलिमेंटर में टाइमलाइन कैसे बनाएं.
विषय-सूची
आठ समयरेखा उदाहरण एक नज़र में
पहले लेआउट द्वारा चुनें, फिर मूड से यह तालिका दिखाती है कि कौन सा एलिमेंटर टाइमलाइन डिज़ाइन किस नौकरी में फिट बैठता है।
| # | डिजाइन | लेआउट | छवियाँ | लिए अच्छा |
|---|---|---|---|---|
| पहला | वैकल्पिक पुनर्निर्माण | लंबवत, केंद्र | नहीं | प्रोजेक्ट लॉग, पुनर्स्थापन |
| दो | आर्क इमेज फील्ड | लंबवत, एक तरफ | हाँ, धनुषाकार | मौसमी या वार्षिक नोट्स |
| तीन | सही संरेखित जांच | लंबवत, दाएँ | नहीं | कालक्रम, केस फ़ाइलें |
| चार | क्षैतिज निर्माण | क्षैतिज हिंडोला | हाँ | उत्पादन चरणों |
| 5 | स्प्लिट कार्ड सप्ताह | लंबवत, एकल स्तंभ | नहीं | सप्ताह दर सप्ताह शेड्यूल |
| 6 | वैकल्पिक आर्क मीडिया | लंबवत, केंद्र | हाँ, धनुषाकार | ब्रांड और संस्थापक कहानियां |
| 7 | लाइट कार्ड ट्रायल | लंबवत, एक तरफ | नहीं | अनुसंधान और प्रक्रिया मील के पत्थर |
| 8 | क्षैतिज वर्ष | क्षैतिज हिंडोला | नहीं | वर्ष के अनुसार इतिहास |
1। वैकल्पिक पुनर्निर्माण समयरेखा
यह क्लासिक एलिमेंटर वर्टिकल टाइमलाइन है: कार्ड वैकल्पिक बाएं और दाएं एक केंद्र रेखा के, प्रत्येक चरण के लिए एक क्रमांकित बिंदु और एक तारीख के साथ डेमो तीन साल में पुनर्निर्मित पाइप अंग की कहानी बताता है।
पुनर्स्थापना, निर्माण डायरी, या स्पष्ट चरणों के साथ किसी भी परियोजना के लिए इसका उपयोग करें संख्याएं आपके द्वारा एक तारीख पढ़ने से पहले ही आदेश देती हैं इसे बनाने के लिए, केंद्र में सेट क्षैतिज संरेखित, एक पतली रेखा, छोटे अंक, और एक कार्ड पृष्ठभूमि का उपयोग करें पृष्ठ की तुलना में केवल थोड़ा हल्का।
वैकल्पिक पुनर्निर्माण डेमो खोलें
२ आर्क इमेज फील्ड टाइमलाइन
एक क्रीम पृष्ठभूमि पर एक तरफा समयरेखा, जहां प्रत्येक प्रविष्टि में पाठ के बगल में एक आर्क-आकार की तस्वीर है डेमो एक खेत पर रखे हेज के दस सर्दियों का अनुसरण करता है।
क्षेत्र नोट्स, मौसमी काम, यात्रा पत्रिकाओं, या कुछ भी फोटो-एलईडी के लिए इसका उपयोग करें आर्क फसल सामान्य तस्वीरों को जानबूझकर दिखती है इसे बनाने के लिए, एक तरफा संरेखण का उपयोग करें, और केवल शैली, छवियों, सीमा त्रिज्या में शीर्ष कोनों पर एक बड़ा त्रिज्या।
३ सही संरेखित जांच समयरेखा
यहाँ लाइन सही किनारे से नीचे चलती है और कार्ड इसके बाईं ओर बैठते हैं, दाएं-संरेखित पाठ के साथ यह सामान्य लेआउट का दर्पण है डेमो दो साल की सूचना अनुरोध का कालक्रम है।
जांच, कानूनी या अनुपालन कालक्रम, या मामले के अध्ययन के लिए इसका उपयोग करें एक असामान्य संरेखण एक पाठ-केवल समयरेखा दिखता है डिजाइन किया गया है इसे बनाने के लिए, क्षैतिज का उपयोग करें संरेखित करें सही पर सेट करें, एक सीमा के साथ अंक और कोई भरें।
४ क्षैतिज निर्माण समयरेखा
दो क्षैतिज उदाहरणों में से पहला महीने के लेबल नींबू हरे बिंदुओं के ऊपर बैठते हैं, और छवि कार्ड गोल तीर बटन के साथ उनके नीचे स्लाइड करते हैं डेमो पांच चरणों में निर्मित एक पुल स्पैन को कवर करता है।
विनिर्माण या उत्पादन चरणों, या पांच-चरणीय प्रक्रिया के लिए इसका उपयोग करें तस्वीरें प्रत्येक चरण को ले जाती हैं, और पाठ तीन पंक्तियों तक रहता है इसे बनाने के लिए, क्षैतिज समयरेखा पर सेट टाइमलाइन शैली का उपयोग करें, तीर पर नेविगेशन सेट करें, और प्रत्येक आइटम के मीडिया टैब में एक छवि।
क्षैतिज निर्माण डेमो खोलें। हिंडोला नियंत्रण में समझाया गया है एलिमेंटर में क्षैतिज समयरेखा कैसे बनाएं.
५ स्प्लिट कार्ड वीक टाइमलाइन
सफेद कार्ड का एक एकल केंद्रित स्तंभ प्रत्येक कार्ड दो में विभाजित है: बाईं ओर सप्ताह के साथ एक संकीर्ण पट्टी और दाईं ओर सामग्री डेमो एक संग्रहालय है सप्ताह के द्वारा योजनाबद्ध रिहैंग।
शेड्यूल, स्प्रिंट योजनाओं, या पाठ्यक्रम की रूपरेखा के लिए इसका उपयोग करें पृष्ठ के नीचे लेबल कॉलम लाइनें, ताकि आप कार्ड को पढ़ने के बिना सप्ताह स्कैन कर सकें इसे बनाने के लिए, प्रत्येक आइटम पर एक कस्टम लेबल का उपयोग करें (“सप्ताह १ · ६ जनवरी”) एक तारीख के बजाय, एक नरम छाया के साथ हल्के कार्ड।
6। वैकल्पिक आर्क मीडिया टाइमलाइन
फिर से कार्ड बदलना, इस बार काले और सफेद तस्वीरों के साथ प्रत्येक कार्ड के शीर्ष पर एक आर्क में क्रॉप किया गया डेमो एक बेकरी का पहला वर्ष है, जो एक ओवन और एक बैंक ऋण से शुरू होता है।
के लिए इसका उपयोग करें पृष्ठों, संस्थापक कहानियों, या एक छोटे से व्यवसाय के लिए एक एलिमेंट इतिहास समयरेखा के बारे में एक उच्चारण रंग और मोनोक्रोम तस्वीरें मिश्रित-गुणवत्ता वाले चित्रों को एक सेट की तरह दिखती हैं इसे बनाने के लिए, क्षैतिज संरेखित सेट का उपयोग केंद्र, प्रति आइटम एक छवि, तिथियों और बिंदुओं में एक ही उच्चारण।
अल्टरनेटिंग आर्क मीडिया डेमो खोलें
७ लाइट कार्ड परीक्षण समयरेखा
गहरे बैंगनी रंग की पृष्ठभूमि पर हल्के कार्ड, सभी लाइन के एक तरफ, एम्बर अंक के साथ डेमो एक नैदानिक परीक्षण को वित्त पोषण से प्रोटोकॉल संशोधन तक ट्रैक करता है।
अनुसंधान मील के पत्थर, फंडिंग राउंड, या अनुमोदन प्रक्रियाओं के लिए इसका उपयोग करें कार्ड और पृष्ठभूमि के बीच का अंतर काम करता है, इसलिए कार्ड को कोई सीमा या छाया की आवश्यकता नहीं है इसे बनाने के लिए, क्षैतिज का उपयोग करें बाएं सेट संरेखित करें, एक प्रकाश कार्ड पृष्ठभूमि, छोटे भरे हुए अंक।
८ क्षैतिज वर्ष समयरेखा
दूसरा क्षैतिज डिजाइन लाइन के ऊपर बड़े साल डालता है (१९८२, १९८६, १९८९) प्रत्येक के तहत एक छोटे कार्ड के साथ डेमो लाइटहाउस स्वचालन के सोलह साल है, और यह पहले और बाद की तालिका के साथ समयरेखा को जोड़ता है।
वर्ष, उत्पाद पीढ़ियों, या वर्षगाँठ द्वारा कंपनी के इतिहास के लिए इसका उपयोग करें वर्ष स्क्रीन पर सबसे बड़ा पाठ है, जो कि लोग इतिहास में देखते हैं इसे बनाने के लिए, क्षैतिज समयरेखा का उपयोग करें, एक कस्टम लेबल केवल वर्ष धारण करता है, और एक उच्चारण रंग में बड़ी तिथियां टाइपोग्राफी।
सभी सोलह चाहिए? पर डेमो व्यूअर एलिमेंटर टाइमलाइन विजेट पेज में ये आठ प्लस आठ और हैं, जिनमें एक चेंजलॉग, एक रोडमैप और एक इवेंट एजेंडा शामिल है।
इन्हें टेम्प्लेट के रूप में कैसे उपयोग करें
आप इनमें से किसी का भी पुनर्निर्माण कर सकते हैं तत्व कुछ मिनटों में टाइमलाइन टेम्प्लेट, क्योंकि अंतर सभी सेटिंग्स में हैं एक पूर्ण पृष्ठ के लिए एक पर डालने के लिए, देखें एलिमेंटर पेज टेम्पलेट्स.
- टाइमलाइन विजेट जोड़ें और अपने स्वयं के आइटम दर्ज करें: एक तारीख या लेबल, एक शीर्षक, एक संक्षिप्त विवरण और एक वैकल्पिक छवि।
- लेआउट चुनें समयरेखा शैली ऊर्ध्वाधर या क्षैतिज चुनती है, और शैली, लेआउट, क्षैतिज संरेखित बाएं, केंद्र, ओवरले या दाएं चुनती है।
- रंगों का मिलान करें पहले पृष्ठ या कंटेनर पृष्ठभूमि सेट करें, फिर कार्ड, दिनांक, रेखा और अंक।
- केंद्रित स्थिति की जाँच करें प्रत्येक उदाहरण दृश्य में प्रविष्टि को थोड़ा अलग कार्ड या बिंदु देता है ताकि पाठक अपनी जगह बनाए रखे।
- इसे एक फोन पर देखें ऊर्ध्वाधर समयरेखा छोटी स्क्रीन पर एक तरफ चलती है, और क्षैतिज कम कार्ड दिखाते हैं।
टाइमलाइन पर पोस्ट दिखाने की अपनी मार्गदर्शिका हैः एलिमेंटर में टाइमलाइन पर ब्लॉग पोस्ट कैसे दिखाएं.
यह भी पढ़ेः 20 एलिमेंटर स्लाइडर टेम्प्लेटहै, जिसमें वर्षों के बीच वास्तविक अंतर के साथ एक टाइमलाइन स्लाइडर शामिल है।
अक्सर पूछे जाने वाले प्रश्न
क्या एलिमेंटर टाइमलाइन टेम्प्लेट के साथ आता है?
नहीं एलिमेंटर और एलिमेंटर प्रो कोई टाइमलाइन विजेट है, इसलिए उनके टेम्पलेट लाइब्रेरी में कोई सही टाइमलाइन या तो नहीं है एलिमेंटर के लिए टाइमलाइन टेम्पलेट्स हमेशा एक ऐडऑन विजेट या कस्टम सीएसएस पर भरोसा करते हैं।
कंपनी के इतिहास के लिए कौन सा टाइमलाइन लेआउट सबसे अच्छा है?
एक वैकल्पिक ऊर्ध्वाधर समयरेखा तस्वीरों के साथ एक लंबे इतिहास के अनुरूप है, जैसे उदाहरण ६ पांच या छह मुख्य वर्षों के साथ एक छोटे इतिहास के लिए, उदाहरण ८ की तरह एक क्षैतिज वर्ष समयरेखा कम जगह लेती है।
क्या मैं किसी भी थीम के साथ इन टाइमलाइन डिज़ाइनों का उपयोग कर सकता हूं?
हाँ। डिज़ाइन एलिमेंटर संपादक में टाइमलाइन विजेट के स्वयं के स्टाइल नियंत्रण के साथ बनाए जाते हैं, इसलिए वे किसी थीम पर निर्भर नहीं होते हैं। फ़ॉन्ट्स आपकी साइट की वैश्विक टाइपोग्राफी का अनुसरण करते हैं जब तक कि आप उन्हें विजेट में सेट नहीं करते।
टाइमलाइन में कितने आइटम होने चाहिए?
चार से आठ एक आरामदायक सीमा है चार के तहत, एक साधारण सूची स्पष्ट है दस से अधिक, वर्ष या दशक द्वारा समयरेखा को विभाजित करें, या प्रत्येक कार्ड को एक शीर्षक और एक पंक्ति में छोटा करें।
अंतिम विचार
ये आठ एलिमेंटर टाइमलाइन उदाहरण लेआउट को कवर करते हैं जिनकी अधिकांश साइटों को आवश्यकता होती है: दो वैकल्पिक डिजाइन, तीन एक तरफा वाले, एक एकल-स्तंभ अनुसूची और दो क्षैतिज हिंडोला वे सभी एक विजेट से आते हैं, और अंतर चार शैली वर्गों में बैठते हैं: कार्ड, तिथियां, रेखा और अंक।
डेमो खोलें, निकटतम चुनें, और इसके साथ अपना संस्करण बनाएं समयरेखा विजेट.
संबंधित पढ़ने
