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