এলিমেন্টরে কিভাবে একটি টাইমলাইন তৈরি করবেন (উল্লম্ব, অনুভূমিক এবং পোস্ট টাইমলাইন)

এলিমেন্টর নিজস্ব কোনো টাইমলাইন উইজেট নেই, বিনামূল্যে সংস্করণে বা প্রো। একটি Elementor পৃষ্ঠায় একটি টাইমলাইন রাখতে আপনি একটি অ্যাডন থেকে একটি যোগ করুন। এই গাইডটি বিনামূল্যে টাইমলাইন উইজেট ব্যবহার করে মাস্টার অ্যাডনস প্লাগইন, যা উল্লম্ব লেআউট, অনুভূমিক ক্যারোসেল এবং টাইমলাইনগুলিকে কভার করে যা আপনার ব্লগ পোস্টগুলি থেকে নিজেদের তৈরি করে৷।

নীচের প্রতিটি স্ক্রিনশট মাস্টার অ্যাডঅন 3.2 সহ Elementor 4.2।4 থেকে এসেছে। কাস্টম টাইমলাইন, উভয় লেআউট এবং পুরো স্টাইল ট্যাব বিনামূল্যে। পোস্ট টাইমলাইনের প্রো প্রয়োজন, এবং এটি যেখানে আসে সেখানে লেবেল করা হয়।

আপনি একটি প্লাগইন ছাড়া Elementor একটি টাইমলাইন করতে পারেন?

প্রযুক্তিগতভাবে হ্যাঁ, এবং এটি দেখতে যতটা কাজ করে তার চেয়ে বেশি কাজ। আপনি কন্টেইনার স্ট্যাক করবেন, কেন্দ্রীয় লাইন জাল করার জন্য একটি বাম সীমানা দেবেন, প্রতিটি সারিতে একেবারে একটি বিন্দু স্থাপন করবেন এবং কাস্টম CSS এর সাথে বিকল্প বাম এবং ডান প্রান্তিককরণ করবেন। তারপরে আপনি নিজেই প্রতিক্রিয়াশীল নিয়মগুলি লিখবেন, কারণ সেই বিকল্প লেআউটটি ফোনের একটি একক কলামে ভেঙে পড়তে হবে।

এটি রক্ষণাবেক্ষণের উপর পড়ে। মাঝখানে একটি মাইলফলক যোগ করার অর্থ হল এটির নীচের প্রতিটি সারি হাত দিয়ে পুনরায় পরিবর্তন করা। একটি উইজেট লাইন, মার্কার, বিকল্প এবং ব্রেকপয়েন্টগুলিকে সেটিংস হিসাবে রাখে, তাই একটি এন্ট্রি যোগ করা এক ক্লিক।

একটি স্টক এলিমেন্টর ইনস্টলে "টাইমলাইন" এর জন্য উইজেট প্যানেলটি অনুসন্ধান করুন এবং ঠিক একটি ফলাফল ফিরে আসে, মাস্টার অ্যাডঅন উইজেট।

প্লাগইন ইনস্টল করুন

ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে যান প্লাগইন → প্লাগইন যোগ করুন, অনুসন্ধান করুন এলিমেন্টরের জন্য মাস্টার অ্যাডঅন, তারপর ইনস্টল এবং সক্রিয় করুন। Elementor দিয়ে যেকোনো পৃষ্ঠা খুলুন এবং এর জন্য উইজেট প্যানেল অনুসন্ধান করুন টাইমলাইন.

সক্রিয় করার পরে যদি কিছুই না আসে তবে পরীক্ষা করুন মাস্টার অ্যাডঅন → উইজেট লাইব্রেরি এবং নিশ্চিত করুন যে টাইমলাইন চালু আছে। অব্যবহৃত কোড সামনের প্রান্তে বন্ধ রাখতে উইজেটগুলি পৃথকভাবে নিষ্ক্রিয় করা যেতে পারে, যা আপনি যদি যত্ন নেন তবে তা করা মূল্যবান এলিমেন্টর পৃষ্ঠার গতি.

কিভাবে Elementor এ একটি টাইমলাইন যোগ করবেন, ধাপে ধাপে

ধাপ 1: পৃষ্ঠায় উইজেট টেনে আনুন

Elementor দিয়ে একটি পৃষ্ঠা সম্পাদনা করুন, অনুসন্ধান করুন টাইমলাইন, এবং এটি একটি পাত্রে টেনে আনুন। এটি ইতিমধ্যে পূরণ করা তিনটি নমুনা এন্ট্রি সহ আসে, যাতে আপনি কিছু পরিবর্তন করার আগে প্রতিটি ক্ষেত্র কী করে তা দেখতে পারেন।

ধাপ 2: টাইমলাইনের ধরন বেছে নিন

বিষয়বস্তু ট্যাবে, খুলুন টাইমলাইন বিভাগ। প্রথম ড্রপডাউন হয় টাইমলাইন প্রকার.

কাস্টম টাইমলাইন বিনামূল্যে এক। আপনি নিজেই প্রতিটি এন্ট্রি টাইপ করুন, যা আপনি একটি কোম্পানির ইতিহাস, একটি পণ্য রোডম্যাপ বা একটি ইভেন্ট সময়সূচীর জন্য চান, যেখানে বিষয়বস্তু স্থির এবং সম্পাদকীয়।

পোস্ট টাইমলাইন এটি একটি মাস্টার অ্যাডঅন প্রো বৈশিষ্ট্য। এটি আপনার ওয়ার্ডপ্রেস পোস্টগুলি পড়ে এবং সেগুলি থেকে টাইমলাইন তৈরি করে, তাই একটি পোস্ট প্রকাশ করা নিজেই একটি এন্ট্রি যোগ করে৷ এটি আরও নিচে একটি বিভাগ আছে।

ধাপ 3: উল্লম্ব বা অনুভূমিক চয়ন করুন

দ্বিতীয় ড্রপডাউন হল টাইমলাইন স্টাইল.

একটি কেন্দ্রীয় লাইনের বাম এবং ডানদিকে পর্যায়ক্রমে কার্ড সহ পৃষ্ঠার নীচে উল্লম্ব চলে। অনুভূমিক তীর সহ একটি ক্যারোজেল হিসাবে এন্ট্রিগুলি পাশাপাশি রাখে। উভয়ই বিনামূল্যে, এবং আপনি আপনার এন্ট্রি না হারিয়ে যেকোনো সময়ে তাদের মধ্যে স্যুইচ করতে পারেন।

এখন জানার মতো একটি সীমা: টাইমলাইন শৈলী শুধুমাত্র কাস্টম টাইমলাইনের জন্য প্রদর্শিত হয়। পোস্টের টাইমলাইনগুলি শুধুমাত্র উল্লম্ব, এবং আপনি টাইপ পরিবর্তন করলে ড্রপডাউন অদৃশ্য হয়ে যায়।

ধাপ 4: আপনার এন্ট্রি সম্পাদনা করুন

অধীন আইটেম, প্রতিটি এন্ট্রি একটি রিপিটার সারি। এটি খুলতে একটি ক্লিক করুন।

প্রতিটি সারিতে একটি বিষয়বস্তু ট্যাব এবং একটি মিডিয়া ট্যাব রয়েছে। যে ক্ষেত্রগুলি গুরুত্বপূর্ণ:

• প্রদর্শন: তারিখ বা কাস্টম লেবেল। তারিখ আপনাকে একটি তারিখ বাছাইকারী দেয়; কাস্টম লেবেল আপনাকে যেকোনো কিছু লিখতে দেয়, যেভাবে আপনি একটি ক্যালেন্ডার তারিখের পরিবর্তে লাইনে "Q3 2026" বা "Founded” পাবেন।
• তারিখ বিন্যাস: প্রিসেট প্লাস কাস্টম। কাস্টম একটি PHP তারিখ স্ট্রিং লাগে, তাই F Y "জুন 2019" প্রিন্ট করে এবং একটি মাইলস্টোন টাইমলাইনকে চেঞ্জলগের মতো দেখায় না।
• লিঙ্ক: পুরো কার্ডটিকে ক্লিকযোগ্য করে তোলে। কার্ডের টেক্সটে ইতিমধ্যেই একটি লিঙ্ক থাকলে এটি ছেড়ে দিন, কারণ একটি লিঙ্কের ভিতরে একটি লিঙ্ক অবৈধ HTML এবং ব্রাউজারগুলি তাদের একটি বাদ দেবে।
• বিষয়বস্তু বাক্স একটি সম্পূর্ণ সম্পাদক। আলাদা কোনো শিরোপা ক্ষেত্র নেই, তাই এন্ট্রির শিরোনামটি এখানে শিরোনাম 3 হিসাবে যায়।
• মিডিয়া ট্যাব কার্ডে একটি ছবি যোগ করে এবং এর রেজোলিউশন সেট করে।

আইটেম যোগ করুন একটি নতুন সারি তৈরি করে, অনুলিপি আইকনটি একটিকে নকল করে এবং সারিগুলি পুনরায় সাজানোর জন্য টেনে আনে৷।

ধাপ 5: প্রকাশ করুন এবং এটি দেখুন

চারটি এন্ট্রি, মাস এবং বছর হিসাবে ফর্ম্যাট করা তারিখ, মার্কারগুলিতে পতাকা আইকন, এটি সবই বিনামূল্যে প্লাগইনে।

কার্ডের বিকল্প দিক এবং তারিখগুলি আপনি কিছু না রেখেই প্রতিটির বিপরীতে বসে।

আপনি স্ক্রোল না করা পর্যন্ত কার্ডগুলি কেন ফাঁকা দেখায়

টাইমলাইন কার্ডগুলি লুকানো শুরু হয় এবং যখন তারা দৃশ্যে স্ক্রোল করে তখন অ্যানিমেট হয় এবং আপনার স্ক্রোল অবস্থানের কাছাকাছি বিন্দুটি একটি ফোকাসড অবস্থায় নেয়, যা আপনি পয়েন্ট বিভাগে আলাদাভাবে স্টাইল করেন।

সুতরাং ভাঁজের নীচে রাখা একটি টাইমলাইন একটি স্ক্রিনশট টুলে, একটি পিডিএফ রপ্তানিতে বা একটি পৃষ্ঠা-গতি নিরীক্ষায় খালি দেখায় যা কখনও স্ক্রোল করে না। পৃষ্ঠাটি স্ক্রোল করুন এবং এন্ট্রিগুলি উপস্থিত হবে।

এলিমেন্টরে একটি অনুভূমিক টাইমলাইন তৈরি করা

সেট টাইমলাইন স্টাইল অনুভূমিক টাইমলাইনে এবং লেআউট ঘোরে: এন্ট্রিগুলি পাশাপাশি বসে, পয়েন্টগুলি একটি অনুভূমিক রেখায় কার্ডের উপরে বসে এবং তীরগুলি তাদের মধ্য দিয়ে স্ক্রোল করে।

তীরগুলি নেভিগেশনের অধীনে স্টাইল ট্যাবে কনফিগার করা হয়েছে। দুটি নিয়ন্ত্রণ, মিশ্রিত করা সহজ:

• বসানো ক্যারোজেলের ভিতরে বা বাইরে থাকে।
• অবস্থান যেখানে তারা বসে, উপরে-বাম থেকে নীচে-ডান পর্যন্ত।

প্লেসমেন্টের অন্তর্গত একটি মানের অবস্থান সেট করা আপনার প্রথম এন্ট্রির উপরে, উপরের-বাম কোণে তীরগুলি ফেলে দেয়। বাইরের প্লেসমেন্ট সহ নীচের কেন্দ্র হল নিরাপদ জোড়া, এবং এটিই স্ক্রিনশট ব্যবহার করে।

অনুভূমিক ভাঁজ উপরে চার থেকে ছয়টি শক্তিশালী মাইলফলক স্যুট করে, যেমন একটি ল্যান্ডিং পৃষ্ঠায় পণ্য লঞ্চের ক্রম। বিগত ছয়টি এন্ট্রিতে পাঠক বারবার একটি তীর ক্লিক করছেন যাতে তারা স্ক্যান করতে পারে না এমন বিষয়বস্তু দেখতে এবং উল্লম্ব জয়লাভ করে। ফোনে উল্লম্বও নিরাপদ বাজি, যেখানে টপ-টু-বটম রিডিং মানুষ যা আশা করে। আপনি যেটি বেছে নিন, আপনার বিরুদ্ধে এটি পরীক্ষা করুন প্রতিক্রিয়াশীল ব্রেকপয়েন্ট আপনি শিপ করার আগে, কারণ দুটি লেআউট ভিন্নভাবে ভেঙে পড়ে।

লাইন, পয়েন্ট এবং কার্ড স্টাইলিং

স্টাইল ট্যাবে এগারোটি বিভাগ রয়েছে: ক্যারোজেল আইটেম, লেআউট, ছবি, পোস্ট, কার্ড, তীর, তারিখ, লাইন, পয়েন্ট, নেভিগেশন এবং প্যাটার্ন।

লাইন কেন্দ্রীয় লাইনের রঙ এবং বেধ সেট করে। কার্ড ব্যাকগ্রাউন্ড, বর্ডার, শ্যাডো এবং প্যাডিং পরিচালনা করে। তারিখ এবং টাইপোগ্রাফি নিয়ন্ত্রণগুলি আপনার ফন্ট সিস্টেমের এন্ট্রি পাঠ্যের সাথে মেলে।

পয়েন্ট সময় ব্যয় মূল্য বিভাগ। এর টাইপ করা কন্ট্রোল প্রতিটি মার্কারে যা বসে তা বেছে নেয় এবং এতে তিনটি স্টেট ট্যাব রয়েছে: ডিফল্ট, ঘোরাঘুরি করা এবং নিবদ্ধ। পাঠকের স্ক্রোল অবস্থানের নিকটবর্তী এন্ট্রিতে ফোকাসড প্রযোজ্য, তাই এটিকে স্টাইল না রেখেই একটি টাইমলাইনকে একটি সমতল তালিকা হিসাবে পড়তে বাধ্য করে যখন পাঠক এটিকে অতিক্রম করে। তিনটিই স্টাইল করুন।

সেট টাইপ করা আইকন এবং মার্কার একটি আইকন নেয়, যা এখানে স্ক্রিনশট ব্যবহার করে। সামনের প্রান্তে সরাসরি এটি পরীক্ষা করুন: যদি মার্কারটি একটি খালি বৃত্ত হিসাবে রেন্ডার হয়, আইকনটি লোড না হয় এবং টাইপটিকে ডিফল্টে ফিরিয়ে দিলে আপনাকে একটি সাধারণ রঙের বিন্দু দেয় যা সর্বদা কাজ করে।

আপনার ব্লগ পোস্ট থেকে একটি টাইমলাইন তৈরি করা

টাইমলাইন টাইপ স্যুইচ করুন পোস্ট টাইমলাইন এবং প্যানেল সম্পূর্ণরূপে পরিবর্তিত হয়। এন্ট্রি টাইপ করার পরিবর্তে আপনি বর্ণনা করেন কোন পোস্টগুলি টানতে হবে এবং উইজেট তাদের থেকে টাইমলাইন তৈরি করে।

সেটিং মূল্য নিয়ন্ত্রণ:

• শিরোনাম দেখান, শিরোনাম লিঙ্ক এবং শিরোনাম ট্যাগ। শিরোনাম ট্যাগটি H2 বা H3 এ সেট করুন যাতে শিরোনাম পোস্ট করুন শিরোনাম ক্রমে পৃষ্ঠার H1 এর নীচে বসে। এটি একই শিরোনাম-ক্রমের নিয়ম যা আপনি যখন গুরুত্বপূর্ণ এলিমেন্টরে একটি ব্লগ পেজ তৈরি করুন.
• ছবি দেখান এবং ইমেজ রেজোলিউশন কার্ডে বৈশিষ্ট্যযুক্ত ছবি রাখুন।
• তারিখ বিন্যাস এবং সময় বিন্যাস। ডিফল্ট তারিখের পরের সময় প্রিন্ট করে, যা একটি মাইলস্টোন টাইমলাইনে অদ্ভুতভাবে পড়ে। টাইম ফরম্যাট কোনটিতেই সেট করুন বা একটি কাস্টম তারিখ বিন্যাস ব্যবহার করুন।
• পৃষ্ঠা প্রতি পোস্ট, অফসেট পোস্ট গণনা, পোস্ট অর্ডার এবং দ্বারা আদেশ.
• শ্রেণী, ট্যাগ দ্বারা ফিল্টার, লেখক এবং বাদ দিতে পোস্ট ক্যোয়ারী সংকুচিত করুন, তাই একটি টাইমলাইন হতে পারে "নিউজে সবকিছু" এবং অন্যটি একটি হাতে বাছাই করা সেট।
• লিঙ্ক সক্রিয় করুন পুরো কার্ড ক্লিকযোগ্য করে তোলে। কাস্টম সংস্করণের মতো একই সতর্কতা: কার্ডের সামগ্রীর নিজস্ব লিঙ্ক থাকলে এটি বন্ধ করুন।

যেহেতু এটি সরাসরি পোস্টগুলি পড়ে, এই সংস্করণটি সুন্দরভাবে a-তে নেমে যায় থিম নির্মাতা সংরক্ষণাগার বা একক টেমপ্লেট, এবং আপনি প্রকাশ করার সময় এটি নিজেই আপডেট হয়। পোস্ট টাইমলাইন এর অংশ মাস্টার অ্যাডনস প্রো.

কাস্টম বা পোস্ট টাইমলাইন: কোনটি

যদি একটি পোস্ট প্রকাশ করার জন্য একটি এন্ট্রি যোগ করা উচিত, পোস্ট টাইমলাইন ব্যবহার করুন। যদি এন্ট্রিগুলি আপনার একবার লেখা গল্প হয় তবে কাস্টম ব্যবহার করুন।

যেখানে একটি টাইমলাইন ব্যবহার করার মতো

• পেজ সম্পর্কে। একটি উল্লম্ব কোম্পানির ইতিহাস, একটি সহ কাউন্টার আপ শিরোনাম সংখ্যার জন্য এটির উপরে সারি করুন।
• পণ্য পাতা। পাঠানো বৈশিষ্ট্যগুলির একটি অনুভূমিক রোডম্যাপ এবং পরবর্তী কী। চার থেকে ছয়টি এন্ট্রি, আর নেই।
• রিলিজ নোট। একটি পোস্ট টাইমলাইন একটি বিভাগে ফিল্টার করা হয়েছে, একটি এর পাশে চেঞ্জলগ উইজেট।
• পোর্টফোলিও এবং কেস স্টাডি। বৈশিষ্ট্যযুক্ত চিত্র সহ তারিখের এন্ট্রি, যেখানে মিডিয়া ট্যাব অর্থ প্রদান করে।
• ইভেন্ট এবং কোর্সের সময়সূচী। তারিখের পরিবর্তে কাস্টম লেবেল, তাই লাইনটি "দিন 1, দিন 2, দিন 3" পড়ে।

সাতটি জিনিস যা একটি টাইমলাইনকে আরও ভালভাবে পড়তে দেয়

1. প্রতিটি কার্ড দুই বা তিনটি বাক্যে ধরে রাখুন। একটি টাইমলাইন একটি স্ক্যানিং বিন্যাস এবং সম্পূর্ণ অনুচ্ছেদ এটিকে পরাজিত করে।
2. মাইলস্টোনের জন্য কাস্টম লেবেল ব্যবহার করুন। “2019” “Jun 17, 19” কে হারায় যখন সঠিক দিন কোন ব্যাপার না।
3. কার্ডের ভিতরে একটি শিরোনাম স্তর রাখুন। বিষয়বস্তু বাক্সে কোনো শিরোনাম ক্ষেত্র নেই, তাই H2 এবং H4 মিশ্রিত করার পরিবর্তে প্রতিটি এন্ট্রির শিরোনাম একই ট্যাগে সেট করুন।
4. উল্লম্ব গত ছয়টি এন্ট্রিতে স্যুইচ করুন, কারণ অনুভূমিক স্ক্রোলিং দ্রুত ক্লান্তিকর হয়ে ওঠে।
5. ফোকাসড স্টেট স্টাইল করুন। এটি এমন একটি যা পাঠককে বলে যে তারা কোথায় আছে।
6. একটি আইকন নির্বাচন করার পরে সামনের প্রান্তে আপনার মার্কারগুলি পরীক্ষা করুন৷ একটি খালি বৃত্ত মানে আইকনটি লোড হয়নি এবং ডিফল্ট ডটগুলি নিরাপদ ফলব্যাক।
7. এটি একটি ফোনে চেক করুন। বিকল্প লেআউটটি একটি কলামে ভেঙে পড়ে এবং দীর্ঘ কাস্টম লেবেলগুলি খারাপভাবে মোড়ানো প্রথম জিনিস।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

সম্পর্কিত পড়া

• এলিমেন্টর টাইমলাইন উইজেট, তালিকাভুক্ত প্রতিটি নিয়ন্ত্রণ সহ বৈশিষ্ট্য পৃষ্ঠা
• টাইমলাইন উইজেট ডকুমেন্টেশন
• কিভাবে Elementor দিয়ে একটি ব্লগ পেজ তৈরি করবেন
• Elementor পৃষ্ঠাগুলির জন্য SEO অনুশীলন
• WordPress.org-এ মাস্টার অ্যাডঅন