কী টেকঅ্যাওয়ে
- এই আটটি এলিমেন্টর টাইমলাইন উদাহরণগুলি একটি উইজেট, মাস্টার অ্যাডনস টাইমলাইন উইজেট দিয়ে তৈরি করা হয়েছে এবং প্রতিটিতে একটি লাইভ ডেমো পৃষ্ঠা রয়েছে যা আপনি খুলতে পারেন।
- আটটি টাইমলাইন ডিজাইনের মধ্যে ছয়টি উল্লম্ব এবং দুটি অনুভূমিক ক্যারোসেল, যা লেআউটগুলি কীভাবে ব্যবহার করা হয় তার সাথে মেলে: দীর্ঘ গল্পের জন্য উল্লম্ব এবং ছোট ক্রমগুলির জন্য অনুভূমিক৷।
- উল্লম্ব উদাহরণগুলি টাইমলাইন উইজেটের চারটি প্রান্তিককরণের তিনটি ব্যবহার করে: বিকল্প কার্ডের জন্য কেন্দ্র, একতরফা তালিকার জন্য বাম এবং একটি মিরর করা একতরফা তালিকার জন্য ডান।
- আটটি ডিজাইনের মধ্যে বেশিরভাগ চাক্ষুষ পার্থক্য টাইমলাইন উইজেটের চারটি স্টাইল বিভাগ থেকে আসে: কার্ড, তারিখ, লাইন এবং পয়েন্ট।
- Elementor এবং Elementor Pro একটি টাইমলাইন উইজেট অন্তর্ভুক্ত করে না, তাই যেকোনো Elementor টাইমলাইন টেমপ্লেট একটি অ্যাডন ইনস্টল করার উপর নির্ভর করে।
ভাল এলিমেন্টর টাইমলাইন উদাহরণ খুঁজে পাওয়া কঠিন, কারণ বেশিরভাগ ডেমো হল তিনটি ধূসর কার্ড যার সাথে lorem ipsum। নীচের আটটি ডিজাইনে বাস্তব গল্প ব্যবহার করা হয়েছে: একটি অঙ্গ পুনর্নির্মাণ, একটি সেতুর স্প্যান, একটি ক্লিনিকাল ট্রায়াল, একটি বেকারির প্রথম বছর। তাদের সব সঙ্গে নির্মিত হয় মাস্টার অ্যাডঅন টাইমলাইন উইজেট এবং প্রতিটি একটি লাইভ ডেমো আছে।
প্রতিটি উদাহরণের জন্য আপনি এটির জন্য কী ভাল, ডিজাইনটি কী কাজ করে এবং এর পিছনের সেটিংস পান, যাতে আপনি এটিকে আপনার নিজের পৃষ্ঠার জন্য একটি টেমপ্লেট হিসাবে ব্যবহার করতে পারেন৷ আপনি যদি আগে একটি টাইমলাইন তৈরি না করে থাকেন তবে শুরু করুন এলিমেন্টরে কিভাবে একটি টাইমলাইন তৈরি করবেন.
বিষয়বস্তুর সারণী
এক নজরে আটটি টাইমলাইন উদাহরণ
প্রথমে লেআউট দ্বারা বাছাই করুন, তারপর মেজাজ দ্বারা। এই টেবিলটি দেখায় কোন এলিমেন্টর টাইমলাইন ডিজাইন কোন কাজের সাথে খাপ খায়।
| # | নকশা | বিন্যাস | ছবি | জন্য ভাল |
|---|---|---|---|---|
| 1 | বিকল্প পুনর্নির্মাণ | উল্লম্ব, কেন্দ্র | না | প্রকল্প লগ, পুনরুদ্ধার |
| 2 | আর্চ ইমেজ ক্ষেত্র | উল্লম্ব, একপাশে | হ্যাঁ, খিলানযুক্ত | মৌসুমী বা বার্ষিক নোট |
| 3 | রাইট অ্যালাইনড ইনভেস্টিগেশন | উল্লম্ব, ডান | না | কালানুক্রম, কেস ফাইল |
| 4 | অনুভূমিক ফ্যাব্রিকেশন | অনুভূমিক ক্যারোজেল | হ্যাঁ | উৎপাদন পর্যায় |
| 5 | স্প্লিট কার্ড সপ্তাহ | উল্লম্ব, একক কলাম | না | সপ্তাহে সপ্তাহের সময়সূচী |
| 6 | অল্টারনেটিং আর্চ মিডিয়া | উল্লম্ব, কেন্দ্র | হ্যাঁ, খিলানযুক্ত | ব্র্যান্ড এবং প্রতিষ্ঠাতা গল্প |
| 7 | লাইট কার্ড ট্রায়াল | উল্লম্ব, একপাশে | না | গবেষণা এবং প্রক্রিয়া মাইলফলক |
| 8 | অনুভূমিক বছর | অনুভূমিক ক্যারোজেল | না | বছর অনুসারে ইতিহাস |
1। বিকল্প পুনর্নির্মাণের সময়রেখা
এটি হল ক্লাসিক এলিমেন্টর উল্লম্ব টাইমলাইন: কার্ডগুলি একটি কেন্দ্র লাইনের বিকল্প বাম এবং ডানদিকে, প্রতিটি পর্যায়ের জন্য একটি সংখ্যাযুক্ত বিন্দু এবং একটি তারিখ সহ। ডেমোটি তিন বছরের মধ্যে পুনর্নির্মিত একটি পাইপ অঙ্গের গল্প বলে।
এটি পুনরুদ্ধার, নির্মাণ ডায়েরি, বা পরিষ্কার পর্যায় সহ যেকোনো প্রকল্পের জন্য ব্যবহার করুন। আপনি একটি তারিখ পড়ার আগেই নম্বরগুলি অর্ডার দেয়। এটি তৈরি করতে, কেন্দ্রে অনুভূমিক সারিবদ্ধ সেট, একটি পাতলা লাইন, ছোট পয়েন্ট এবং একটি কার্ডের পটভূমি পৃষ্ঠার চেয়ে সামান্য হালকা ব্যবহার করুন।
অল্টারনেটিং রিবিল্ড ডেমো খুলুন
2। আর্চ ইমেজ ফিল্ড টাইমলাইন
ক্রিম ব্যাকগ্রাউন্ডে একটি একতরফা টাইমলাইন, যেখানে প্রতিটি এন্ট্রিতে পাঠ্যের পাশে একটি খিলান-আকৃতির ছবি রয়েছে। ডেমো একটি খামারে হেজ পাড়ার দশটি শীতকাল অনুসরণ করে।
ফিল্ড নোট, মৌসুমী কাজ, ভ্রমণ জার্নাল বা ফটো-লেড যেকোনো কিছুর জন্য এটি ব্যবহার করুন। খিলান ফসল সাধারণ ফটো ইচ্ছাকৃত দেখায়। এটি তৈরি করতে, একটি একতরফা প্রান্তিককরণ ব্যবহার করুন এবং উপরের কোণে একটি বড় ব্যাসার্ধ শুধুমাত্র শৈলী, চিত্র, সীমানা ব্যাসার্ধে।
3। ডান সারিবদ্ধ তদন্ত সময়রেখা
এখানে লাইনটি ডান প্রান্তের নিচে চলে এবং কার্ডগুলি তার বাম দিকে বসে, ডান-সারিবদ্ধ পাঠ্য সহ। এটি স্বাভাবিক বিন্যাসের আয়না। ডেমো হল দুই বছরের তথ্য অনুরোধের কালানুক্রম।
তদন্ত, আইনি বা কমপ্লায়েন্স ক্রোনোলজি বা কেস স্টাডির জন্য এটি ব্যবহার করুন। একটি অস্বাভাবিক প্রান্তিককরণ একটি পাঠ্য-শুধু টাইমলাইন ডিজাইন করে তোলে। এটি তৈরি করতে, ডানদিকে অনুভূমিক সারিবদ্ধ সেট ব্যবহার করুন, সীমানা সহ পয়েন্ট এবং কোন পূরণ নেই।
4। অনুভূমিক ফ্যাব্রিকেশন টাইমলাইন
দুটি অনুভূমিক উদাহরণের প্রথমটি। মাসের লেবেলগুলি চুনের সবুজ বিন্দুর উপরে বসে এবং চিত্র কার্ডগুলি বৃত্তাকার তীর বোতামগুলির সাথে তাদের নীচে স্লাইড করে। ডেমোটি পাঁচটি পর্যায়ে তৈরি একটি ব্রিজ স্প্যান কভার করে।
এটি উত্পাদন বা উত্পাদন পর্যায়ে, বা একটি পাঁচ-পদক্ষেপ প্রক্রিয়ার জন্য ব্যবহার করুন। ফটোগুলি প্রতিটি পর্যায়ে বহন করে এবং পাঠ্যটি তিনটি লাইনে থাকে। এটি তৈরি করতে, অনুভূমিক টাইমলাইনে টাইমলাইন স্টাইল সেট, তীরগুলিতে নেভিগেশন সেট এবং প্রতিটি আইটেমের মিডিয়া ট্যাবে একটি চিত্র ব্যবহার করুন।
অনুভূমিক ফ্যাব্রিকেশন ডেমো খুলুন। ক্যারোজেল নিয়ন্ত্রণগুলি ব্যাখ্যা করা হয়েছে৷ এলিমেন্টরে কীভাবে একটি অনুভূমিক টাইমলাইন তৈরি করবেন.
5। স্প্লিট কার্ড সপ্তাহের টাইমলাইন
সাদা কার্ডের একটি একক কেন্দ্রীভূত কলাম। প্রতিটি কার্ড দুটি ভাগে বিভক্ত: বাম দিকে সপ্তাহ এবং ডানদিকে বিষয়বস্তু সহ একটি সরু ফালা। ডেমো হল একটি জাদুঘর যা সপ্তাহে সপ্তাহে পরিকল্পিত।
সময়সূচী, স্প্রিন্ট পরিকল্পনা, বা কোর্সের রূপরেখার জন্য এটি ব্যবহার করুন। লেবেল কলাম পৃষ্ঠার নিচের দিকে, যাতে আপনি কার্ডগুলি না পড়ে সপ্তাহগুলি স্ক্যান করতে পারেন। এটি তৈরি করতে, প্রতিটি আইটেমে একটি কাস্টম লেবেল ব্যবহার করুন (“Week 1 · 6 January”) তারিখের পরিবর্তে, একটি নরম ছায়া সহ হালকা কার্ড।
স্প্লিট কার্ড সপ্তাহের ডেমো খুলুন
6। বিকল্প আর্চ মিডিয়া টাইমলাইন
আবার বিকল্প কার্ড, এবার প্রতিটি কার্ডের উপরে একটি খিলানে কালো এবং সাদা ফটো ক্রপ করা হয়েছে। ডেমো হল একটি বেকারির প্রথম বছর, একটি ওভেন এবং একটি ব্যাঙ্ক লোন থেকে শুরু করে৷।
একটি ছোট ব্যবসার জন্য পৃষ্ঠা, প্রতিষ্ঠাতা গল্প, বা একটি এলিমেন্টর ইতিহাস টাইমলাইনের জন্য এটি ব্যবহার করুন৷ একটি উচ্চারণ রঙ এবং একরঙা ফটো মিশ্র মানের ছবি একটি সেট মত দেখায়। এটি তৈরি করতে, কেন্দ্রে অনুভূমিক সারিবদ্ধ সেট ব্যবহার করুন, আইটেম প্রতি একটি চিত্র, তারিখ এবং পয়েন্টগুলিতে একই উচ্চারণ।
অল্টারনেটিং আর্চ মিডিয়া ডেমো খুলুন
7। হালকা কার্ড ট্রায়াল টাইমলাইন
একটি গভীর বেগুনি পটভূমিতে হালকা কার্ড, সমস্ত লাইনের একপাশে, অ্যাম্বার পয়েন্ট সহ। ডেমো তহবিল থেকে একটি প্রোটোকল সংশোধন পর্যন্ত একটি ক্লিনিকাল ট্রায়াল ট্র্যাক করে।
গবেষণা মাইলফলক, তহবিল রাউন্ড, বা অনুমোদন প্রক্রিয়ার জন্য এটি ব্যবহার করুন। কার্ড এবং ব্যাকগ্রাউন্ডের মধ্যে বৈসাদৃশ্য কাজ করে, তাই কার্ডগুলির কোনও সীমানা বা ছায়ার প্রয়োজন নেই। এটি তৈরি করতে, বাম দিকে অনুভূমিক সারিবদ্ধ সেট, একটি হালকা কার্ডের পটভূমি, ছোট ভরা পয়েন্ট ব্যবহার করুন।
লাইট কার্ড ট্রায়াল ডেমো খুলুন
8। অনুভূমিক বছরের সময়রেখা
দ্বিতীয় অনুভূমিক নকশাটি প্রতিটির নীচে একটি ছোট কার্ড সহ লাইনের উপরে (1982, 1986, 1989) বড় বছর রাখে। ডেমোটি বাতিঘর অটোমেশনের ষোল বছরের, এবং এটি টাইমলাইনের সাথে একটি আগে এবং পরে টেবিলের সাথে যুক্ত করে।
বছর, পণ্য প্রজন্ম, বা বার্ষিকী দ্বারা কোম্পানির ইতিহাসের জন্য এটি ব্যবহার করুন। বছরটি স্ক্রিনে সবচেয়ে বড় পাঠ্য, যা লোকেরা ইতিহাসে সন্ধান করে। এটি তৈরি করতে, অনুভূমিক টাইমলাইন ব্যবহার করুন, শুধুমাত্র বছর ধারণ করা একটি কাস্টম লেবেল এবং একটি উচ্চারণ রঙে বড় তারিখের টাইপোগ্রাফি ব্যবহার করুন।
সব ষোল চাই? ডেমো ভিউয়ার অন এলিমেন্টর টাইমলাইন উইজেট পৃষ্ঠায় একটি চেঞ্জলগ, একটি রোডম্যাপ এবং একটি ইভেন্ট এজেন্ডা সহ এই আট প্লাস আরও আটটি রয়েছে৷।
কিভাবে টেমপ্লেট হিসাবে এই ব্যবহার
আপনি এই যে কোনো পুনর্নির্মাণ করতে পারেন এলিমেন্টর কয়েক মিনিটের মধ্যে টাইমলাইন টেমপ্লেট, কারণ পার্থক্য সব সেটিংসে। একটি পূর্ণ পৃষ্ঠা একটি লাগাতে, দেখুন এলিমেন্টর পেজ টেমপ্লেট.
- টাইমলাইন উইজেট যোগ করুন এবং আপনার নিজস্ব আইটেম লিখুন: একটি তারিখ বা লেবেল, একটি শিরোনাম, একটি সংক্ষিপ্ত বিবরণ এবং একটি ঐচ্ছিক চিত্র৷।
- লেআউট চয়ন করুন। টাইমলাইন স্টাইল উল্লম্ব বা অনুভূমিক বাছাই করে এবং স্টাইল, লেআউট, অনুভূমিক সারিবদ্ধ বাম, কেন্দ্র, ওভারলে বা ডান বাছাই করে।
- রং মেলে। প্রথমে পৃষ্ঠা বা ধারক পটভূমি সেট করুন, তারপর কার্ড, তারিখ, লাইন এবং পয়েন্ট।
- ফোকাসড স্টেট চেক করুন। প্রতিটি উদাহরণ এন্ট্রিটিকে একটু ভিন্ন কার্ড বা পয়েন্ট দেখায় যাতে পাঠক তাদের জায়গা রাখে।
- এটি একটি ফোনে দেখুন। উল্লম্ব টাইমলাইনগুলি ছোট স্ক্রিনে একপাশে চলে যায় এবং অনুভূমিকগুলি কম কার্ড দেখায়।
একটি টাইমলাইনে পোস্ট দেখানোর নিজস্ব গাইড আছে: এলিমেন্টরে টাইমলাইনে ব্লগ পোস্টগুলি কীভাবে দেখাবেন.
আরও পড়ুন: 20 এলিমেন্টর স্লাইডার টেমপ্লেট, যা বছরের মধ্যে বাস্তব ব্যবধান সহ একটি টাইমলাইন স্লাইডার অন্তর্ভুক্ত করে।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
Elementor কি টাইমলাইন টেমপ্লেটের সাথে আসে?
না। Elementor এবং Elementor Pro এর কোন টাইমলাইন উইজেট নেই, তাই তাদের টেমপ্লেট লাইব্রেরিতেও কোন সত্য টাইমলাইন নেই। Elementor-এর টাইমলাইন টেমপ্লেট সবসময় একটি অ্যাডন উইজেট বা কাস্টম CSS-এর উপর নির্ভর করে।
কোন টাইমলাইন লেআউট একটি কোম্পানির ইতিহাসের জন্য সেরা?
একটি বিকল্প উল্লম্ব টাইমলাইন ফটোগুলির সাথে একটি দীর্ঘ ইতিহাসের জন্য উপযুক্ত, যেমন উদাহরণ 6। পাঁচ বা ছয়টি প্রধান বছরের একটি সংক্ষিপ্ত ইতিহাসের জন্য, উদাহরণ 8 এর মতো একটি অনুভূমিক বছরের টাইমলাইন কম জায়গা নেয়।
আমি কি কোন থিমের সাথে এই টাইমলাইন ডিজাইনগুলি ব্যবহার করতে পারি?
হ্যাঁ। ডিজাইনগুলি টাইমলাইন উইজেটের নিজস্ব স্টাইল নিয়ন্ত্রণ সহ এলিমেন্টর সম্পাদকে তৈরি করা হয়েছে, তাই তারা কোনও থিমের উপর নির্ভর করে না। ফন্টগুলি আপনার সাইটের গ্লোবাল টাইপোগ্রাফি অনুসরণ করে যদি না আপনি সেগুলিকে উইজেটে সেট করেন৷।
একটি টাইমলাইনে কতগুলি আইটেম থাকা উচিত?
চার থেকে আট একটি আরামদায়ক পরিসীমা। চারের নিচে, একটি সহজ তালিকা পরিষ্কার। দশের বেশি, টাইমলাইনকে বছর বা দশক অনুসারে ভাগ করুন, অথবা প্রতিটি কার্ডকে একটি শিরোনাম এবং একটি লাইনে ছোট করুন।
চূড়ান্ত চিন্তা
এই আটটি এলিমেন্টর টাইমলাইন উদাহরণগুলি বেশিরভাগ সাইটের প্রয়োজনীয় লেআউটগুলিকে কভার করে: দুটি বিকল্প ডিজাইন, তিনটি একতরফা, একটি একক-কলামের সময়সূচী এবং দুটি অনুভূমিক ক্যারোসেল৷ এগুলি সবই একটি উইজেট থেকে আসে এবং পার্থক্যগুলি চারটি শৈলী বিভাগে বসে: কার্ড, তারিখ, লাইন এবং পয়েন্ট৷।
ডেমো খুলুন, নিকটতমটি বেছে নিন এবং এর সাথে আপনার সংস্করণ তৈরি করুন টাইমলাইন উইজেট.
সম্পর্কিত পড়া
