এলিমেন্টর টগল বনাম অ্যাকর্ডিয়ন বনাম ট্যাব বনাম কন্টেন্ট সুইচার

একটি অ্যাকর্ডিয়ন এবং একটি বিষয়বস্তু টগল দুটি কার্ড হিসাবে দেখানো হয়েছে৷

কী টেকঅ্যাওয়ে

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

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

এই তুলনাটি চারটিই কভার করে, বর্তমান এলিমেন্টর সংস্করণে টগল উইজেটটি কোথায় গেছে তা দেখায় এবং তাদের মধ্যে বেছে নেওয়ার জন্য একটি টেবিল দিয়ে শেষ হয়।

এক নজরে টগল বনাম অ্যাকর্ডিয়ন বনাম ট্যাব বনাম কন্টেন্ট সুইচার

চারটি উইজেটই বিষয়বস্তু লুকিয়ে রাখে যতক্ষণ না একজন দর্শক এটির জন্য জিজ্ঞাসা করে। ভিজিটর কি ক্লিক করে এবং পরবর্তীতে কি হয় তার মধ্যে তাদের পার্থক্য রয়েছে।

অ্যাকর্ডিয়নটগলট্যাববিষয়বস্তু সুইচার
কি দর্শক ক্লিকএকটি স্ট্যাকের মধ্যে একটি শিরোনামএকটি স্ট্যাকের মধ্যে একটি শিরোনামএকটি সারিতে একটি ট্যাব শিরোনামএকটি সুইচ একটি লেবেল
কি হলোআইটেম খোলে, আগেরটি বন্ধ হয়আইটেম খোলে, অন্যরা যেমন আছে তেমনই থাকেবিষয়বস্তু এলাকা পরিবর্তনপুরো ব্লক প্রতিস্থাপিত হয়
আইটেম একবারে খোলাএকযেকোনো সংখ্যাএকএক
পৃষ্ঠার উচ্চতাক্লিক এ পরিবর্তনক্লিক এ পরিবর্তনবেশিরভাগই স্থিরবেশিরভাগই স্থির
আইটেম সাধারণ সংখ্যা4 থেকে 123 থেকে 83 থেকে 62 বা 3
জন্য সেরাপ্রায়শই জিজ্ঞাসিত প্রশ্নাবলীবিস্তারিত মানুষ তুলনাবৈশিষ্ট্য, চশমা, পর্যালোচনামাসিক এবং বার্ষিক মূল্য
এলিমেন্টরেঅ্যাকর্ডিয়ন উইজেটঅ্যাকর্ডিয়ন উইজেট, সর্বোচ্চ আইটেম একাধিক সেট প্রসারিতট্যাব উইজেটঅন্তর্ভুক্ত নয়, একটি অ্যাডঅন প্রয়োজন

এলিমেন্টর অ্যাকর্ডিয়ন: একবারে একটি উত্তর

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

Elementor 4.3-এ, প্রতিটি অ্যাকর্ডিয়ন আইটেম একটি ধারক, তাই এটি যেকোনো উইজেট গ্রহণ করে এবং আর পাঠ্যের মধ্যে সীমাবদ্ধ থাকে না। সেটিংস যে তার আচরণ নিয়ন্ত্রণ করে মিথস্ক্রিয়া বিষয়বস্তু ট্যাবের বিভাগ:

  • ডিফল্ট অবস্থা: প্রথমে প্রসারিত বা সব ভেঙে পড়েছে।
  • সর্বোচ্চ আইটেম প্রসারিত: এক বা একাধিক।
  • অ্যানিমেশন সময়কাল: একটি আইটেম খুলতে কতক্ষণ সময় লাগে, ডিফল্টরূপে 400 ms।
এলিমেন্টর অ্যাকর্ডিয়ন উইজেট ইন্টারঅ্যাকশন বিভাগ ডিফল্ট অবস্থা, সর্বোচ্চ আইটেম প্রসারিত এবং অ্যানিমেশন সময়কাল দেখাচ্ছে
এলিমেন্টর 4.3-এ অ্যাকর্ডিয়ন উইজেটের ইন্টারঅ্যাকশন বিভাগ।

লেআউট বিভাগেও একটি আছে FAQ স্কিমা সুইচ, যা আইটেমগুলির জন্য FAQ কাঠামোগত ডেটা যোগ করে। আপনি যদি আরও শিরোনাম শৈলী এবং আইকন চান, দেখুন উন্নত অ্যাকর্ডিয়ন উইজেট.

এলিমেন্টর টগল: বেশ কয়েকটি উত্তর একসাথে খোলা

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

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

এলিমেন্টর 4.3 উইজেট প্যানেল টগল রিটার্নিং ট্যাব, অ্যাকর্ডিয়ন এবং টগল কন্টেন্টের জন্য অনুসন্ধান করে, কোন টগল উইজেট ছাড়াই
যেখানে টগল উইজেট গেছে: Elementor 4.3-এ "toggle”" এর জন্য একটি অনুসন্ধান ট্যাব এবং অ্যাকর্ডিয়ন প্রদান করে। টগল কন্টেন্ট এখানে উপস্থিত হয় কারণ মাস্টার অ্যাডনস প্রো সক্রিয়।

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

সর্বোচ্চ আইটেম সহ এলিমেন্টর অ্যাকর্ডিয়ন একাধিক সেটে প্রসারিত, একই সময়ে দুটি আইটেম খোলা দেখাচ্ছে
অ্যাকর্ডিয়ন উইজেট থেকে আচরণ টগল করুন: দুটি আইটেম একই সময়ে খোলা।

এলিমেন্টরের উইজেট ডকুমেন্টেশন টগল করুন এখনও পুরানো উইজেট বর্ণনা করে। নতুন কাজের জন্য, Accordion ব্যবহার করুন।

এলিমেন্টর ট্যাব: বিভাগ পাশাপাশি

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

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

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

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

বিষয়বস্তু সুইচার: একটি ব্লক অন্যটির জন্য অদলবদল করুন

একটি বিষয়বস্তু সুইচার হল দুটি বা তিনটি লেবেল সহ একটি ছোট সুইচ যা একটি সম্পূর্ণ ব্লককে অন্যটির সাথে প্রতিস্থাপন করে। এটিকে একটি বিষয়বস্তু টগলও বলা হয় এবং এটি মূল্য পৃষ্ঠাগুলিতে মাসিক এবং বার্ষিক সুইচের পিছনে উইজেট।

ট্যাব বিভিন্ন বিষয় সংগঠিত। একটি সুইচার একই জিনিসের দুটি সংস্করণ দেখায়, যেমন দুটি মূল্যে একই পরিকল্পনা বা দুটি ইউনিট সিস্টেমে একই পণ্য।

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

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

অ্যাকশনে একটি বিষয়বস্তু সুইচার দেখুন। দ্য বিষয়বস্তু পৃষ্ঠা টগল করুন একটি বিলিং সুইচ এবং একটি মেট্রিক এবং ইম্পেরিয়াল স্পেক টেবিল সহ দশটি ক্লিকযোগ্য ডেমো রয়েছে৷।

আপনি কোনটি ব্যবহার করা উচিত?

বিষয়বস্তু দ্বারা চয়ন করুন। কতগুলি টুকরা আছে এবং দর্শকদের একবারে একাধিক দেখতে হবে কিনা তা জিজ্ঞাসা করুন।

আপনার বিষয়বস্তুব্যবহার
সংক্ষিপ্ত উত্তর সহ দশটি সমর্থন প্রশ্নঅ্যাকর্ডিয়ন
শিপিং, রিটার্ন এবং সাইজিং বিশদ যা ক্রেতারা একসাথে পড়েটগল (একাধিক সহ অ্যাকর্ডিয়ন)
একটি সংক্ষিপ্ত ভূমিকা সহ একটি দীর্ঘ জীবনীএকটি হিসাবে এক আইটেম অ্যাকর্ডিয়ন আরও পড়ুন লিঙ্ক
একটি পণ্যের জন্য বৈশিষ্ট্য, স্পেসিফিকেশন এবং পর্যালোচনাট্যাব
একই প্ল্যানের জন্য মাসিক এবং বার্ষিক মূল্যবিষয়বস্তু সুইচার
একটি বিভাগ এজেন্সিগুলির জন্য এবং আবার ফ্রিল্যান্সারদের জন্য লেখাবিষয়বস্তু সুইচার
বিষয়বস্তু শুধুমাত্র লগ ইন ব্যবহারকারীদের দেখতে হবেএগুলোর কোনোটিই নয়। প্রদর্শন শর্ত ব্যবহার করুন।

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

আপনি যদি এখানে একটি বোতাম খুঁজছেন যা একটি সুইচ ফ্লিপ করে, আমাদের গাইড এলিমেন্টরে একটি টগল বোতাম তৈরি করা হচ্ছে প্রতিটি ধরনের জন্য পদক্ষেপ আছে।

লুকানো প্যানেল কি এসইও আঘাত করে?

না, যতক্ষণ লুকানো বিষয়বস্তু HTML পৃষ্ঠায় থাকে। অ্যাকর্ডিয়ন আইটেম, ট্যাব প্যানেল এবং সুইচার বিকল্পগুলি সমস্ত উত্সে মুদ্রিত হয় এবং CSS দিয়ে লুকানো হয়, যাতে সার্চ ইঞ্জিনগুলি সেগুলি পড়তে পারে।

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

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

এলিমেন্টরে অ্যাকর্ডিয়ন এবং টগলের মধ্যে পার্থক্য কী?

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

এলিমেন্টরে টগল উইজেট অনুপস্থিত কেন?

এলিমেন্টর বর্তমান সংস্করণে প্যানেল থেকে টগল উইজেট লুকিয়ে রাখে কারণ অ্যাকর্ডিয়ন উইজেট একই কাজ করে। Accordion যোগ করুন, ইন্টারঅ্যাকশন বিভাগটি খুলুন এবং স্বাধীনভাবে খোলা এবং বন্ধ হওয়া আইটেমগুলি পেতে সর্বাধিক আইটেমগুলিকে একাধিকতে প্রসারিত সেট করুন।

আমার কি ট্যাব বা অ্যাকর্ডিয়ন ব্যবহার করা উচিত?

সমান ওজনের তিন থেকে ছয়টি বিভাগের জন্য ট্যাব ব্যবহার করুন যা দর্শকরা বেছে নেয়, যেমন বৈশিষ্ট্য, চশমা এবং পর্যালোচনা। সংক্ষিপ্ত উত্তরগুলির দীর্ঘ তালিকার জন্য একটি অ্যাকর্ডিয়ন ব্যবহার করুন, যেমন একটি FAQ, যেখানে ট্যাব শিরোনামের একটি সারি মাপসই হবে না।

একটি বিষয়বস্তু সুইচার কি ট্যাবের মতোই?

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

Elementor একটি বিষয়বস্তু সুইচার আছে?

না। Elementor বা Elementor Pro-তে কোনো কন্টেন্ট সুইচার বা কন্টেন্ট টগল উইজেট অন্তর্ভুক্ত নেই। আপনি ট্যাব উইজেটের সাথে একটি আনুমানিক করতে পারেন, অথবা মাস্টার অ্যাডঅন প্রো-এর মতো অ্যাডন থেকে একটি যোগ করতে পারেন, যেখানে এটিকে টগল কন্টেন্ট বলা হয়।

চূড়ান্ত চিন্তা

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

যে শেষ ক্ষেত্রে জন্য, কন্টেন্ট উইজেট টগল করুন মাস্টার অ্যাডনস প্রো-তে কন্টেন্ট সুইচার।

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

একটি উত্তর দিন

আপনার ইমেল ঠিকানা প্রকাশ করা হবে না। প্রয়োজনীয় ক্ষেত্র চিহ্নিত করা হয় *