বিষয়বস্তু উইজেট বিনামূল্যে উপাদান সারণী
Elementor এর নিজস্ব Table of Contents উইজেট Elementor Pro এর সাথে আসে। মাস্টার অ্যাডঅনগুলিতে বিষয়বস্তুর উইজেটটি বিনামূল্যে। এটি একটি পোস্ট বা পৃষ্ঠায় ফেলে দিন এবং এটি সেখানে শিরোনামগুলি পড়ে, তারপর শিরোনাম ক্রমে তাদের থেকে একটি লিঙ্কযুক্ত তালিকা তৈরি করে। যেকোনো আইটেমের উপর একটি ক্লিক পাঠককে সেই বিভাগে স্ক্রোল করে। আপনি কোন শিরোনাম ট্যাগগুলি অন্তর্ভুক্ত করতে হবে এবং তালিকাটি বুলেট বা সংখ্যা দেখায় কিনা তা চয়ন করুন৷ আপনি পাঠকদের বাক্সটি ভাঁজ করতে এবং উপরের তীরটিতে একটি পিছনে যুক্ত করতে দিতে পারেন এবং শিরোনাম, বিভাজক এবং লিঙ্কগুলির প্রত্যেকটির নিজস্ব শৈলী নিয়ন্ত্রণ রয়েছে।
এলিমেন্টরে বিষয়বস্তুর সারণী কিভাবে যোগ করবেন
আপনার এলিমেন্টর এবং ফ্রি মাস্টার অ্যাডঅন প্লাগইন দরকার, অন্য কিছু নয়। পৃষ্ঠাটির প্রকৃত শিরোনাম ট্যাগও প্রয়োজন (H2, H3 এবং আরও অনেক কিছু), কারণ তালিকাটি তাদের থেকে তৈরি করা হয়েছে।
- ইনস্টল করুন এবং সক্রিয় করুন WordPress.org থেকে মাস্টার অ্যাডঅন, এবং মাস্টার অ্যাডঅন ড্যাশবোর্ডে বিষয়বস্তুর সারণী সক্রিয় আছে কিনা তা পরীক্ষা করুন।
- Elementor দিয়ে আপনার পোস্ট বা পৃষ্ঠা খুলুন এবং এর জন্য উইজেট প্যানেল অনুসন্ধান করুন বিষয়বস্তুর সারণী.
- তালিকাটি যেখানে বসতে হবে সেখানে এটি টেনে আনুন, সাধারণত প্রথম বিভাগের উপরে বা একটি সাইডবার কলামে।
- মধ্যে বিষয়বস্তু, শিরোনাম সেট করুন, একটি তালিকা শৈলী চয়ন করুন এবং অন্তর্ভুক্ত করার জন্য শিরোনাম ট্যাগগুলি চয়ন করুন৷।
- খোলা সংকোচনযোগ্য এবং স্ক্রল টগল যোগ করতে, পিছনের থেকে উপরের তীর এবং আপনার হেডারের জন্য একটি স্ক্রোল অফসেট।
- স্টাইল ট্যাবে শিরোনাম, বিভাজক এবং লিঙ্কগুলি স্টাইল করুন, তারপর পৃষ্ঠাটির পূর্বরূপ দেখুন এবং জাম্প পরীক্ষা করতে কয়েকটি আইটেমে ক্লিক করুন।
প্রতিটি সেটিং এর মধ্যে আচ্ছাদিত করা হয় বিষয়বস্তুর সারণী উইজেট সেটিংস গাইড।
আপনার শিরোনাম থেকে তালিকা তৈরি করে
মধ্যে স্তর নির্বাচন করুন শিরোনাম ট্যাগ। H2, H3 এবং H4 ডিফল্টরূপে নির্বাচন করা হয়, এবং H1 থেকে H6 এর যেকোনো একটি যোগ করা যেতে পারে। যখন পৃষ্ঠা লোড হয়, উইজেট সেই শিরোনামগুলি খুঁজে পায়, প্রতিটিতে একটি আইডি দেয় যদি এটির কোনটি না থাকে এবং শিরোনাম স্তর দ্বারা তালিকাটি নেস্ট করে৷ একটি শিরোনাম পুনঃনামকরণ বা যোগ করুন এবং তালিকাটি পরবর্তী লোডে এটি তুলে নেয়, তাই হাতে রাখার জন্য কোনও অ্যাঙ্কর লিঙ্ক নেই।
- তালিকা শৈলী: ডিফল্ট (কোন মার্কার নেই), বুলেট বা সংখ্যা।
- একটি শিরোনাম এড়িয়ে যান: CSS ক্লাস যোগ করুন
jltma-toc-hide-headingসেই শিরোনামের উন্নত ট্যাবে। - বিভাজক দেখান: নিজস্ব শৈলী, রঙ, বেধ এবং ব্যবধান সহ শিরোনামের অধীনে একটি ঐচ্ছিক লাইন।
- শিরোনাম আইডিগুলি শিরোনাম পাঠ্য থেকে তৈরি করা হয়, তাই আপনি অন্য কোথাও থেকে সরাসরি একটি বিভাগে লিঙ্ক করতে পারেন।
সাইডবার এবং মোবাইলের জন্য কোলাপসিবল বক্স
চালু করা বিষয়বস্তু সংকোচনযোগ্য করুন এবং শিরোনামের পাশে একটি টগল আইকন প্রদর্শিত হবে। পাঠকরা তালিকাটি খুলতে বা বন্ধ করতে এটিতে ক্লিক করেন এবং এটি লাফানোর পরিবর্তে স্লাইড করে। চালু কর প্রাথমিকভাবে সঙ্কুচিত রাখুন আপনি যদি বাক্সটি লোড করতে চান তবে শুধুমাত্র তার শিরোনাম দেখানো হবে, যা দীর্ঘ আইনি পৃষ্ঠাগুলিতে এবং সরু সাইডবার কলামগুলিতে সহায়তা করে৷।
- টগলের জন্য আইকন সাইজ এবং আইকন কালার কন্ট্রোল।
- বিভাজক তালিকার সাথে ভাঁজ করে।
- উইজেটের নিজস্ব কোনো স্টিকি সেটিং নেই। লোকেরা পড়ার সময় বাক্সটিকে সামনে রাখতে, আপনার থিম বা এলিমেন্টর প্রো মোশন ইফেক্টের সাথে এর কলামটিকে আঠালো করুন।
মসৃণ লাফ এবং উপরে তীর একটি ফিরে
একটি আইটেম ক্লিক করলে পৃষ্ঠাটি তার শিরোনামে স্ক্রোল করে। স্ক্রোল অ্যানিমেশন বিলম্ব (এমএস) সেই স্ক্রোলটি কতক্ষণ সময় নেয় তা সেট করে, ডিফল্টরূপে 500 এবং 2000 পর্যন্ত। সঙ্গে মসৃণ স্ক্রোল আপনিও পেতে পারেন মসৃণ স্ক্রোল অফসেট (px), যা শিরোনাম থেকে ছোট হয়ে যায় তাই একটি নির্দিষ্ট শিরোনাম এটিকে কভার করে না। আপনি ডেস্কটপ, ট্যাবলেট এবং মোবাইলের জন্য একটি ভিন্ন অফসেট সেট করতে পারেন।
- উপরে স্ক্রোল করুন নীচের ডানদিকের কোণায় একটি ছোট তীর যোগ করে যা দেখায় যে একবার একজন দর্শক নিচে স্ক্রোল করলে।
- তীরটি পাঠকদের বিষয়বস্তুর সারণীতে বা স্ক্রোল টু টপ অফসেটে আপনি যে অবস্থানে সেট করেছেন সেখানে নিয়ে যায়।
- তীরের জন্য আকার, আইকন রঙ এবং পটভূমির রঙ নিয়ন্ত্রণ।
- পাঠক যে আইটেমটিতে ক্লিক করেছেন সেটি বিষয়বস্তু শৈলী বিভাগ থেকে সক্রিয় রঙ রাখে, যাতে তারা দেখতে পারে যে তারা কোথায় লাফ দিয়েছে।
এলিমেন্টর প্রো বিষয়বস্তুর সারণী বনাম মাস্টার অ্যাডঅন বিষয়বস্তুর সারণী
Elementor এর Table of Contents উইজেটের একটি Elementor Pro লাইসেন্স প্রয়োজন, এবং এটি আপনাকে কোন শিরোনামগুলি প্রদর্শিত হবে এবং স্ক্রল করার সময় তালিকাটি কীভাবে আচরণ করবে তার উপর আরও নিয়ন্ত্রণ দেয়৷ মাস্টার অ্যাডনস প্রতিদিনের কাজ বিনামূল্যে পরিচালনা করে এবং উপরের তীরটিতে একটি ব্যাক যোগ করে।
| বৈশিষ্ট্য | এলিমেন্টর প্রো | মাস্টার অ্যাডনস |
|---|---|---|
| দাম | এলিমেন্টর প্রো প্রয়োজন | মাস্টার অ্যাডঅন সহ বিনামূল্যে |
| কোন শিরোনাম | ট্যাগ দ্বারা অ্যাঙ্কর (H1 থেকে H6) প্লাস অনুসন্ধান এলাকা সীমিত করার জন্য একটি ধারক নির্বাচক | প্রধান পোস্ট বা পৃষ্ঠার বিষয়বস্তু থেকে শিরোনাম ট্যাগ (H1 থেকে H6) |
| শিরোনাম ছেড়ে | নির্বাচক দ্বারা অ্যাঙ্কর, যেকোনো CSS নির্বাচক | প্রতিটি শিরোনামে CSS ক্লাস jltma-toc-hide-heading |
| মার্কার | আপনার চয়ন করা আইকন সহ সংখ্যা বা বুলেট৷ | ডিফল্ট, বুলেট বা সংখ্যা |
| নেস্টিং | হায়ারার্কিক্যাল ভিউ টগল এবং সাবআইটেমগুলি ভেঙে দিন | সর্বদা শিরোনাম স্তর দ্বারা নেস্টেড |
| ভেঙে পড়া | প্রসারিত এবং সঙ্কুচিত আইকন সহ বক্সকে ছোট করুন এবং একটি ব্রেকপয়েন্ট যেখানে এটি ছোট করা শুরু হয় | বিষয়বস্তুকে সংকোচনযোগ্য করুন এবং প্রাথমিকভাবে সঙ্কুচিত রাখুন |
| সক্রিয় আইটেম | পাঠক স্ক্রোল করার সাথে সাথে বিভাগটি অনুসরণ করে | পাঠক ক্লিক করা আইটেম চিহ্নিত করে |
| স্ক্রোল সেটিংস | উইজেটে কোন গতি বা অফসেট নিয়ন্ত্রণ নেই | স্ক্রোল অ্যানিমেশন বিলম্ব এবং প্রতি ডিভাইসে একটি মসৃণ স্ক্রোল অফসেট |
| উপরের তীরটিতে ফিরে যান | কোনোটিই নয় | আকার এবং রঙ নিয়ন্ত্রণ সহ শীর্ষে স্ক্রোল করুন |
আপনি যদি ইতিমধ্যেই Elementor Pro-এর জন্য অর্থ প্রদান করেন এবং চান যে তালিকাটি পাঠককে স্ক্রোল করার সাথে সাথে ট্র্যাক করুক, তাহলে এর উইজেট ব্যবহার করুন। আপনি যদি একটি কোলাপসিবল বক্স এবং ব্যাক টু টপ তীর সহ বিষয়বস্তুর একটি বিনামূল্যের টেবিল চান তবে এটি ব্যবহার করুন৷ সম্পর্কিত: রিডিং প্রোগ্রেস বার, উন্নত অ্যাকর্ডিয়ন এবং অফ-ক্যানভাস সামগ্রী (প্রো).
বিষয়বস্তুর সারণীর জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
বিষয়বস্তুর সারণী উইজেট বিনামূল্যে?
হ্যাঁ। এটি WordPress।org-এ বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনের অংশ, এবং এই পৃষ্ঠায় বর্ণিত প্রতিটি সেটিং বিনামূল্যে সংস্করণে রয়েছে৷ Elementor এর নিজস্ব Table of Contents উইজেটের জন্য Elementor Pro প্রয়োজন।
আমি কিভাবে বিষয়বস্তুর সারণী থেকে একটি শিরোনাম বাদ দেব?
একটি সম্পূর্ণ স্তর ড্রপ করতে, শিরোনাম ট্যাগ থেকে সেই ট্যাগটি সরান, উদাহরণস্বরূপ H4৷ একটি শিরোনাম লুকাতে, এলিমেন্টরে এটি নির্বাচন করুন, উন্নত ট্যাব খুলুন এবং যোগ করুন jltma-toc-hide-heading CSS ক্লাস ফিল্ডে। এটি পৃষ্ঠায় থাকে তবে তালিকার বাইরে থাকে।
পাঠক স্ক্রোল করার সাথে সাথে সক্রিয় আইটেমটি কি পরিবর্তিত হয়?
না। শৈলীতে সক্রিয় রঙ, বিষয়বস্তু একটি পাঠক ক্লিক করে আইটেমটিকে স্টাইল করে এবং যখন তারা অন্য আইটেমে ক্লিক করে তখন এটি সরে যায়। স্ক্রোল করার সময় তালিকাটি স্ক্রিনে বিভাগটি ট্র্যাক করে না। Elementor Pro এর টেবিল অফ কনটেন্ট উইজেট তা করে।
স্ক্রোল থেকে শীর্ষ তীর প্রতিটি পৃষ্ঠায় প্রদর্শিত হবে?
শুধুমাত্র সেই পৃষ্ঠাগুলিতে যেখানে এই উইজেটটি রয়েছে যেখানে স্ক্রোল টু টপ চালু আছে। তীরটি নীচের ডানদিকের কোণায় বসে এবং দর্শক পৃষ্ঠার নিচে প্রায় 250px স্ক্রোল করার পরে দেখায়।
আমি কি তালিকা চিহ্নিতকারীর জন্য কাস্টম আইকন ব্যবহার করতে পারি?
উইজেট প্যানেল থেকে নয়। তালিকা শৈলী ডিফল্ট, বুলেট এবং নম্বর অফার করে এবং বিষয়বস্তু শৈলী বিভাগ ফন্ট এবং রং সেট করে। কাস্টম মার্কার আইকন আপনার নিজস্ব CSS প্রয়োজন হবে। Elementor Pro এর উইজেটে বুলেটের জন্য একটি আইকন পিকার রয়েছে।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
