ফ্রি এলিমেন্টর টাইমলাইন উইজেট: উল্লম্ব এবং অনুভূমিক টাইমলাইন
টাইমলাইন হল এলিমেন্টরের জন্য একটি বিনামূল্যের মাস্টার অ্যাডঅন উইজেট যা একটি সংযোগকারী লাইন বরাবর তারিখ এবং ইভেন্টগুলি লেখে। একটি তারিখ বা লেবেল, সমৃদ্ধ বিষয়বস্তু, একটি চিত্র এবং প্রতিটি আইটেমের জন্য একটি লিঙ্ক সহ হাতে একটি কাস্টম টাইমলাইন তৈরি করুন এবং এটি উল্লম্বভাবে বা একটি অনুভূমিক ক্যারোজেল হিসাবে দেখান৷ মাস্টার অ্যাডনস প্রো দিয়ে আপনি সরাসরি আপনার ব্লগ পোস্ট থেকে একটি পোস্ট টাইমলাইন তৈরি করতে পারেন। এটি কোম্পানির ইতিহাস, রোডম্যাপ, ইভেন্টের সময়সূচী এবং সংবাদ সংরক্ষণাগারের জন্য উপযুক্ত।
এলিমেন্টরে কিভাবে একটি টাইমলাইন যোগ করবেন
এই পদক্ষেপগুলি একটি বিনামূল্যের কাস্টম টাইমলাইন তৈরি করে৷ উইজেটটি তিনটি নমুনা আইটেম দিয়ে শুরু হয়, যাতে আপনি কিছু পরিবর্তন করার আগে লেআউটটি দেখতে পারেন।
- Elementor-এ, "Timeline" এর জন্য উইজেট প্যানেল অনুসন্ধান করুন এবং মাস্টার অ্যাডঅন উইজেটটিকে পৃষ্ঠায় টেনে আনুন।
- কাস্টম টাইমলাইনে টাইমলাইন টাইপ রাখুন এবং উল্লম্ব টাইমলাইন বা অনুভূমিক টাইমলাইন বেছে নিন।
- আইটেমগুলির অধীনে প্রতিটি সারি খুলুন এবং তারিখ বা একটি কাস্টম লেবেল, বিষয়বস্তু, একটি চিত্র এবং একটি লিঙ্ক সেট করুন৷।
- আরও মাইলস্টোনের জন্য আইটেম যোগ করুন ক্লিক করুন এবং সারিগুলিকে পুনরায় সাজাতে টেনে আনুন৷।
- একটি অনুভূমিক টাইমলাইনের জন্য, নেভিগেশন এবং ক্যারোজেল সেটিংস সেট করুন।
- স্টাইল ট্যাবে কার্ড, তারিখ, লাইন এবং পয়েন্ট স্টাইল করুন, তারপর প্রকাশ করুন।
আমাদের টাইমলাইন টিউটোরিয়াল স্ক্রিনশট সহ প্রতিটি সেটিং এর মধ্য দিয়ে যায় এবং এই পৃষ্ঠার শীর্ষে থাকা ভিডিওটি একই পদক্ষেপগুলি দেখায়৷।
Elementor বা Elementor Pro এর কি টাইমলাইন উইজেট আছে?
না। Elementor বা Elementor Pro-তে টাইমলাইন উইজেট নেই, তাই আপনার একটি অ্যাডঅন বা কন্টেইনার, বর্ডার এবং কাস্টম CSS থেকে তৈরি একটি হাতে তৈরি লেআউট প্রয়োজন। মাস্টার অ্যাডঅন টাইমলাইন উইজেট এলিমেন্টরের সাথে নিজে থেকে কাজ করে এবং এর জন্য আপনার এলিমেন্টর প্রো-এর প্রয়োজন নেই। উইজেট কভার কি এখানে।
| টাইমলাইন উইজেট | |
|---|---|
| বিন্যাস | উল্লম্ব, বা একটি অনুভূমিক ক্যারোজেল |
| কার্ড প্রান্তিককরণ | বাম, কেন্দ্র, ওভারলে বা ডান |
| বিষয়বস্তুর উত্স | আপনি হাতে যোগ করা আইটেম, বা আপনার ব্লগ পোস্ট (পোস্ট টাইমলাইন, প্রো) |
| প্রতিটি আইটেম | তারিখ বা কাস্টম লেবেল, সমৃদ্ধ সামগ্রী, একটি ছবি এবং পুরো কার্ডের জন্য একটি লিঙ্ক৷ |
| পয়েন্ট প্রকার | বিন্দু, আইকন, ছবি, সংখ্যা বা অক্ষর |
| অনুভূমিক নেভিগেশন | একটি ঐচ্ছিক স্ক্রলবার সহ তীর, বিন্দু, ভগ্নাংশ বা অগ্রগতি বার |
| শৈলী বিভাগ | কার্ড, তারিখ, লাইন এবং পয়েন্ট সহ 10 |
| চাহিদা | এলিমেন্টর এবং মাস্টার অ্যাডঅন |
কাস্টম টাইমলাইন (ফ্রি) বা পোস্ট টাইমলাইন (প্রো)
কাস্টম টাইমলাইন বিনামূল্যে বিকল্প। প্রতিটি আইটেম একটি তারিখ পায়, যা আপনি একটি কাস্টম লেবেলের জন্য অদলবদল করতে পারেন যেমন “Phase 1”, একটি সমৃদ্ধ পাঠ্য বিষয়বস্তু এলাকা, একটি চিত্র এবং পুরো কার্ডের জন্য একটি ঐচ্ছিক লিঙ্ক৷ আইটেমগুলির নিজস্ব পয়েন্ট এবং রঙ সেটিংসও থাকতে পারে। পোস্ট টাইমলাইন, প্রো-এর অংশ, আপনার পোস্টগুলি থেকে টাইমলাইন তৈরি করে: বিভাগ, ট্যাগ বা লেখক দ্বারা ফিল্টার করুন, নির্দিষ্ট পোস্টগুলি বাদ দিন, অর্ডার সেট করুন এবং অফসেট করুন এবং শিরোনাম, বৈশিষ্ট্যযুক্ত চিত্র এবং উদ্ধৃতি দেখাবেন কিনা তা চয়ন করুন৷।
- কাস্টম টাইমলাইন: প্রতিটি আইটেমের জন্য একটি তারিখ বা কাস্টম লেবেল, বিষয়বস্তু, ছবি এবং লিঙ্ক।
- পয়েন্ট, কার্ড এবং তারিখের রঙের জন্য প্রতি-আইটেম স্টাইলিং।
- পোস্ট টাইমলাইন (প্রো): বিভাগ, ট্যাগ এবং লেখক ফিল্টার, বাদ দেওয়া পোস্ট, অফসেট এবং অর্ডার।
- পোস্ট কার্ড শিরোনাম, বৈশিষ্ট্যযুক্ত ছবি, উদ্ধৃতি এবং আরও পড়ুন লিঙ্ক দেখাতে পারে।
এলিমেন্টরে উল্লম্ব সময়রেখা
উল্লম্ব টাইমলাইন একটি কেন্দ্র লাইন বরাবর কার্ড স্ট্যাক। এগুলিকে বাম, কেন্দ্রে, ডানে বা ওভারলে হিসাবে সারিবদ্ধ করুন এবং একটি সুইচ দিয়ে কার্ডের অবস্থানগুলিকে বিপরীত করুন৷ অনুভূমিক ব্যবধান এবং উল্লম্ব ব্যবধান ফাঁক সেট। ট্যাবলেট এবং ফোনে কার্ডগুলি লাইনের একপাশে চলে যায়।
- অনুভূমিক সারিবদ্ধ: বাম, কেন্দ্র, ওভারলে বা ডান।
- রিভার্স কার্ড পজিশন ফ্লিপ করে কোন দিকটি প্রথমে আসে।
- কার্ডের জন্য উল্লম্ব সারিবদ্ধ এবং দুটি ব্যবধান স্লাইডার।
- ট্যাবলেট এবং ফোনে কার্ডগুলি একপাশে চলে যায়।
এলিমেন্টরে অনুভূমিক সময়রেখা (ক্যারোজেল)
টাইমলাইন স্টাইলকে অনুভূমিক টাইমলাইনে সেট করুন এবং একটি কাস্টম টাইমলাইন কার্ডের উপরে একটি লাইনের পয়েন্ট সহ একটি ক্যারোজেল হয়ে যায়। নেভিগেশনের অধীনে, তীর এবং বিন্দু, তীর এবং ভগ্নাংশ, তীর, বিন্দু, অগ্রগতি বা কিছুই নয় নির্বাচন করুন এবং আপনি যদি চান তবে একটি স্ক্রলবার যোগ করুন। ক্যারোজেল সেটিংসের একটি স্ট্যান্ডার্ড বা কভারফ্লো লেআউট রয়েছে, নিজস্ব গতি সহ অটোপ্লে, হোভারে বিরতি, লুপ এবং স্ক্রল করার জন্য স্লাইড।
- ছয়টি নেভিগেশন বিকল্প, এবং একটি ঐচ্ছিক স্ক্রলবার।
- ক্যারোজেল বা কভারফ্লো লেআউট।
- অটোপ্লে, হোভার, লুপ এবং সেন্টার স্লাইডে বিরতি।
- কাস্টম টাইমলাইনের জন্য উপলব্ধ।
এটা লাইভ দেখুন অনুভূমিক রোডম্যাপ ডেমো.
পোস্ট টাইমলাইন: আপনার ব্লগ পোস্ট (প্রো) থেকে একটি টাইমলাইন তৈরি করুন
পোস্ট টাইমলাইন মাস্টার অ্যাডনস প্রো এর অংশ। পোস্ট টাইমলাইনে টাইমলাইন টাইপ স্যুইচ করুন এবং উইজেট লাইন বরাবর আপনার প্রকাশিত পোস্টগুলিকে তালিকাভুক্ত করে, ডিফল্টরূপে প্রথমে নতুন, তাই আপনি প্রতিবার প্রকাশ করার সময় টাইমলাইন বৃদ্ধি পায়। পৃষ্ঠা প্রতি পোস্ট সেট করুন, পোস্ট অর্ডার এবং অর্ডার করুন, বিভাগ, ট্যাগ বা লেখক দ্বারা ফিল্টার করুন, বাদ দিতে পোস্ট সহ পোস্টগুলি এড়িয়ে যান এবং তালিকার আরও নীচে শুরু করতে অফসেট পোস্ট গণনা ব্যবহার করুন। পোস্ট টাইমলাইন উল্লম্ব হয়।
- প্রশ্ন: পৃষ্ঠা প্রতি পোস্ট, পোস্ট অর্ডার, অর্ডার দ্বারা এবং অফসেট পোস্ট গণনা।
- ফিল্টার: বিভাগ, ট্যাগ, লেখক এবং পোস্ট বাদ দিতে।
- শিরোনাম, চিত্র, উদ্ধৃতি দেখান বা লুকান এবং আরও পড়ুন বোতাম।
- লিঙ্কগুলি সক্ষম করুন প্রতিটি কার্ড লিঙ্ককে তার পোস্টে তৈরি করে।
একটি গ্রিড বা পোস্টের তালিকার জন্য, ব্যবহার করুন ব্লগ উইজেট.
লাইন এবং পয়েন্ট স্টাইলিং
একটি পটভূমি রঙ, একটি অগ্রগতি রঙ, বেধ এবং একটি সীমানা দিয়ে লাইন স্টাইল করুন। পয়েন্টগুলি প্লেইন ডট, আইকন, ছবি, সংখ্যা বা অক্ষর হতে পারে এবং প্রতিটিতে আকার, পটভূমির রঙ, বিন্দুর রঙ এবং পাঠ্য ছায়ার জন্য ডিফল্ট, হোভার এবং ফোকাসড শৈলী রয়েছে। এইভাবে একজন দর্শক যে মাইলফলকটি দেখছেন তা বাকিদের থেকে আলাদা।
- লাইন ব্যাকগ্রাউন্ড, অগ্রগতির রঙ, বেধ এবং সীমানা।
- পাঁচ পয়েন্টের ধরন: বিন্দু, আইকন, ছবি, সংখ্যা বা অক্ষর।
- প্রতিটি পয়েন্টের জন্য ডিফল্ট, হোভার এবং ফোকাসড স্টেট।
অ্যানিমেশন সহ কার্ড এবং তারিখ স্টাইলিং
কার্ডগুলি প্যাডিং, মার্জিন, বিষয়বস্তু প্যাডিং, সীমানা ব্যাসার্ধ এবং পৃথক শিরোনাম এবং বিষয়বস্তু টাইপোগ্রাফি পায়। তাদের রঙ, ব্যাকগ্রাউন্ড, বক্স শ্যাডো এবং টেক্সট শ্যাডো ডিফল্ট, হোভার এবং ফোকাসড স্টেট জুড়ে পরিবর্তিত হতে পারে। প্রতিটি কার্ড দেখার সাথে সাথে এটি স্ক্রোল করার সাথে সাথে প্রকাশ করতে অ্যানিমেট কার্ড চালু করুন। তিনটি রাজ্যের জন্য তারিখগুলির নিজস্ব টাইপোগ্রাফি, প্যাডিং, মার্জিন, পাঠ্য ছায়া এবং রঙ রয়েছে।
- কার্ডের ব্যবধান, ব্যাসার্ধ এবং টাইপোগ্রাফি নিয়ন্ত্রণ।
- কার্ড এবং তারিখের জন্য ডিফল্ট, হোভার এবং ফোকাসড শৈলী।
- আইটেমগুলিকে দেখার জন্য স্ক্রোল করার সাথে সাথে অ্যানিমেট কার্ডগুলি প্রকাশ করে৷।
কাস্টম টাইমলাইন বনাম পোস্ট টাইমলাইন
এখানে দুটি টাইমলাইন প্রকার কিভাবে তুলনা করে।
| কাস্টম টাইমলাইন | পোস্ট টাইমলাইন | |
|---|---|---|
| দাম | বিনামূল্যে | মাস্টার অ্যাডনস প্রো |
| বিষয়বস্তু | আপনি প্যানেলে যোগ করা আইটেম | আপনার প্রকাশিত পোস্ট |
| আপডেট | আপনি আইটেম সম্পাদনা করার সময় | প্রতিবার আপনি একটি পোস্ট প্রকাশ করুন |
| বিন্যাস | উল্লম্ব বা অনুভূমিক ক্যারোজেল | উল্লম্ব |
| প্রতিটি এন্ট্রি দেখায় | তারিখ বা লেবেল, বিষয়বস্তু, ছবি, লিঙ্ক | শিরোনাম, বৈশিষ্ট্যযুক্ত চিত্র, তারিখ, উদ্ধৃতি, আরও পড়ুন |
| জন্য সেরা | ইতিহাস, রোডম্যাপ, সময়সূচী | সংবাদ সংরক্ষণাগার, রিলিজ নোট |
আপনার টাইমলাইনের পাশে একটি সম্পূর্ণ পোস্ট গ্রিডের জন্য, বিনামূল্যে ব্যবহার করুন ব্লগ উইজেট। আপনার মাইলফলকের পিছনে সংখ্যা দেখাতে, যোগ করুন কাউন্টার আপ.
টাইমলাইন উদাহরণ
নীচের দর্শকের 16টি প্রস্তুত ডিজাইন রয়েছে। এটি লাইভ দেখতে তাদের যেকোনো একটি খুলুন।
- একটি কোম্পানির ইতিহাসের জন্য মাইলফলক।
- রিলিজ নোটের জন্য ডার্ক চেঞ্জলগ।
- পণ্য পর্যায়গুলির জন্য অনুভূমিক রোডম্যাপ।
- তারিখের ক্রমে পোস্টের জন্য পোস্ট টাইমলাইন ব্লগ।
- ফটো সহ প্রকল্প পর্যায়ের জন্য কেস স্টাডি ছবি।
- একটি প্রক্রিয়ার জন্য ওভারলে পদক্ষেপ।
- একটি সময়সূচীর জন্য ইভেন্ট এজেন্ডা।
টাইমলাইনের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
আমার কি পোস্ট টাইমলাইন বা কাস্টম টাইমলাইন ব্যবহার করা উচিত?
কাস্টম টাইমলাইন ব্যবহার করুন, যা বিনামূল্যে, যখন আপনি প্রতিটি তারিখ এবং এন্ট্রি নিয়ন্ত্রণ করতে চান, যেমন আমাদের ইতিহাস পৃষ্ঠা বা একটি রোডম্যাপ। পোস্ট টাইমলাইন ব্যবহার করুন, মাস্টার অ্যাডনস প্রো-এর অংশ, যখন টাইমলাইন আপনার ব্লগ পোস্ট থেকে নিজেকে আপডেট করা উচিত, যেমন একটি সংবাদ সংরক্ষণাগার।
কিভাবে "ফোকাসড" রাষ্ট্র কাজ করে?
ফোকাসড স্টেট সেই আইটেমটিকে স্টাইল করে যা বর্তমানে সক্রিয় থাকে যখন দর্শকরা টাইমলাইনের মধ্য দিয়ে স্ক্রোল করে বা ক্যারোজেলের মধ্য দিয়ে চলে যায়। এটিকে একটি ভিন্ন কার্ডের পটভূমি, তারিখের রঙ বা একটি বড় পয়েন্ট দিন যাতে বর্তমান মাইলফলকটি আলাদা হয়।
আমি কি প্লাগইন ছাড়াই এলিমেন্টরে একটি টাইমলাইন তৈরি করতে পারি?
হ্যাঁ, একটি সহজ। একটি কলামে কন্টেইনারগুলি স্ট্যাক করুন, প্রতিটি লাইনের জন্য একটি বাম সীমানা দিন এবং বিন্দুর জন্য পরম সেট করা অবস্থান সহ সীমানায় একটি আইকন উইজেট রাখুন৷ বিকল্প দিক, একটি অনুভূমিক বিন্যাস এবং স্ক্রোল অ্যানিমেশনের জন্য কাস্টম CSS বা একটি টাইমলাইন উইজেট প্রয়োজন।
আমি কিভাবে Elementor এ একটি অনুভূমিক টাইমলাইন যোগ করব?
টাইমলাইন উইজেট যোগ করুন, কাস্টম টাইমলাইনে টাইমলাইন টাইপ রাখুন এবং টাইমলাইন স্টাইলকে অনুভূমিক টাইমলাইনে সেট করুন। তারপর নেভিগেশনের অধীনে তীর বা বিন্দু বাছাই করুন এবং ক্যারোজেল সেটিংসের অধীনে অটোপ্লে এবং লুপ সেট করুন।
Elementor টাইমলাইন উইজেট কি বিনামূল্যে?
হ্যাঁ। টাইমলাইন হল একটি বিনামূল্যের উইজেট, যার মধ্যে কাস্টম টাইমলাইন টাইপ এবং উল্লম্ব এবং অনুভূমিক উভয় লেআউট রয়েছে। পোস্ট টাইমলাইন টাইপ, যা আপনার ব্লগ পোস্ট থেকে এন্ট্রি তৈরি করে, মাস্টার অ্যাডনস প্রো প্রয়োজন।
আমি কি একটি পৃষ্ঠায় একটি সম্পূর্ণ টাইমলাইন কার্ড লিঙ্ক করতে পারি?
হ্যাঁ। প্রতিটি কাস্টম টাইমলাইন আইটেমের একটি লিঙ্ক ক্ষেত্র রয়েছে যা পুরো কার্ডটিকে ক্লিকযোগ্য করে তোলে। পোস্ট টাইমলাইনে একটি সক্রিয় লিঙ্ক সুইচ রয়েছে যা প্রতিটি কার্ডকে তার পোস্টের সাথে লিঙ্ক করে। একটি লিঙ্ক করা কার্ডের ভিতরে অন্যান্য লিঙ্কগুলি এড়িয়ে চলুন, যেহেতু লিঙ্কগুলির মধ্যে লিঙ্কগুলি অনুমোদিত নয়৷।
টাইমলাইন কি স্বয়ংক্রিয়ভাবে ব্লগ পোস্ট টানতে পারে?
হ্যাঁ, মাস্টার অ্যাডনস প্রোতে পোস্ট টাইমলাইন টাইপ সহ। এটি আপনার প্রকাশিত পোস্টগুলি পড়ে এবং আপনি অর্ডার, পোস্টের সংখ্যা এবং বিভাগ, ট্যাগ বা লেখক ফিল্টার নিয়ন্ত্রণ করেন।
আমি স্ক্রোল না করা পর্যন্ত কার্ডগুলি কেন ফাঁকা দেখায়?
অ্যানিমেট কার্ড চালু আছে। প্রতিটি কার্ড লুকিয়ে থাকে যতক্ষণ না এটি দৃশ্যে স্ক্রোল করে, তারপর এটি স্লাইড করে। স্টাইল ট্যাবের কার্ড বিভাগে অ্যানিমেট কার্ডগুলি বন্ধ করুন যদি আপনি প্রতিটি কার্ড শুরু থেকে দৃশ্যমান করতে চান।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
