সুইচার

সুইচার ক্ষেত্রটি মাস্টার অ্যাডঅনগুলির সাথে আপনার তৈরি একটি কাস্টম উইজেটে একটি চালু/বন্ধ টগল যোগ করে উইজেট নির্মাতা। এটি একটি উইজেটের অংশকে ঐচ্ছিক করার আদর্শ উপায়: একটি ব্যাজ, একটি আইকন, একটি কমপ্যাক্ট লেআউট৷ সম্পাদকরা এলিমেন্টরে টগলটি ফ্লিপ করে এবং আপনার টেমপ্লেট প্রতিক্রিয়া জানায়।

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

সুইচার ক্ষেত্র কি করে #

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

নির্মাতার কাছে নতুন? পড়ুন উইজেট নির্মাতা ওভারভিউ প্রথমে, তারপর একটি উইজেট খোলা নিয়ে ফিরে আসুন।

আপনি শুরু করার আগে #

• এলিমেন্টর ইনস্টল এবং সক্রিয় সহ ওয়ার্ডপ্রেস।
• এলিমেন্টর ইনস্টল এবং সক্রিয় জন্য মাস্টার অ্যাডঅন। দ্য ইনস্টলেশন গাইড সেটআপ কভার করে।
• উইজেট বিল্ডারে একটি উইজেট খোলা। এই গাইডের উদাহরণ হল দুটি সুইচার সহ একটি "প্রোমো কার্ড" উইজেট: show_badge, যা একটি ফিতা এবং একটি ব্যাজ পাঠ্য ক্ষেত্র প্রকাশ করে এবং compact_mode, যা কার্ড শক্ত করে।

কিভাবে একটি সুইচার ক্ষেত্র যোগ করতে হয় #

1. যাও মাস্টার অ্যাডঅন > উইজেট নির্মাতা এবং আপনার উইজেট খুলুন।
2. ট্যাবে একটি বিভাগ যোগ করুন যেখানে বিকল্পটি রয়েছে। শো ব্যাজের মতো একটি বিষয়বস্তু বিকল্প ফিট করে বিষয়বস্তু ট্যাব।
3. টাইপ করা switch বাম দিকে ফিল্ড সার্চ বক্সে।
4. টেনে আনুন সুইচার বিভাগে। সেটিংস খুলতে মাঠের পেন্সিলটিতে ক্লিক করুন।

সুইচার ক্ষেত্রের বিকল্পগুলি ব্যাখ্যা করা হয়েছে #

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

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

ধাপে ধাপে রিটার্ন ভ্যালু এবং ডিফল্ট ভ্যালু রাখুন #

ডিফল্ট মান ড্রপডাউন সবসময় সংরক্ষণ করে yes হ্যাঁ, আপনি রিটার্ন ভ্যালুতে যা টাইপ করেছেন। যে সমন্বয় মিসফায়ার। আমাদের পরীক্ষায়, রিটার্ন ভ্যালু সহ একটি ক্ষেত্র enabled এবং ডিফল্ট মান হ্যাঁ এইভাবে বেরিয়ে এসেছে:

• Elementor এ টগল বন্ধ হিসাবে দেখানো হয়েছে।
• সংরক্ষিত মান এখনও ছিল yes, তাই {% if %} ক্ষেত্রটিকে চালু হিসাবে বিবেচনা করা হয়েছে এবং মার্কআপ রেন্ডার করা হয়েছে।
• একজন সম্পাদক একবার টগল ক্লিক করার পরেই প্যানেল এবং পৃষ্ঠাটি আবার সম্মত হয়, যা মান সেট করে enabled.

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

আপনার টেমপ্লেটে টগল ব্যবহার করুন #

একটি সুইচার বন্ধ হলে খালি থাকে এবং টেমপ্লেট ইঞ্জিনে একটি খালি মান মিথ্যা হয়, তাই {% if %} আপনার যা দরকার তা কি। প্রোমো কার্ড এইচটিএমএল মার্কআপের জন্য একটি সুইচার এবং একটি ক্লাসের জন্য একটি ব্যবহার করে:

<div class="promo{% if compact_mode %} promo--compact{% endif %}">
  {% if show_badge %}
  <span class="promo-badge">{{ badge_text }}</span>
  {% endif %}
  <p class="promo-title">{{ promo_title }}</p>
  <p class="promo-text">{{ promo_text }}</p>
  <a class="promo-button" href="#">Claim the offer</a>
</div>

ব্যাজ বন্ধ, পুরো সঙ্গে span পৃষ্ঠা থেকে চলে গেছে, শুধু লুকানো নয়। কমপ্যাক্ট ক্লাস CSS প্যানেলে কয়েকটি নিয়ম পরিবর্তন করে:

.promo--compact { padding: 18px 22px; }
.promo--compact .promo-title { font-size: 20px; }
.promo--compact .promo-text { display: none; }

আপনি মান তুলনা করতে পারেন, যেমন {% if show_badge == 'yes' %}, কিন্তু রিটার্ন মানের সাথে তুলনা করুন, লেবেল অন টেক্সট নয়। {% if show_badge == 'Yes' %} কখনো মেলে না। সমতল {% if show_badge %} ফর্ম সমস্যা এড়ায়।

ছেড়ে দাও নির্বাচক এই ক্ষেত্রের জন্য বাক্স খালি। একটি টগল মান একটি CSS মান নয়, তাই স্টাইলিং উপরের মত একটি ক্লাসের পিছনে CSS প্যানেলে অন্তর্ভুক্ত।

টগল চালু না হওয়া পর্যন্ত অন্যান্য ক্ষেত্র লুকান #

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

• নিয়ন্ত্রণ নাম: show_badge, সুইচারের নাম।
• সমতা: সমান।
• নিয়ন্ত্রণ মান: yes, সুইচারের রিটার্ন মান।

ব্যাজ টেক্সট এখন এলিমেন্টরে প্রদর্শিত হবে যখন ব্যাজ দেখান। দেখা শর্তাবলী অন্যান্য অপারেটরদের জন্য।

এলিমেন্টরে সুইচার কন্ট্রোল ব্যবহার করুন #

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

এখানে ব্যাজ অন সহ সামনের প্রান্তে সমাপ্ত কার্ড, পাশাপাশি কমপ্যাক্ট মোড এবং উভয় সুইচার বন্ধ রয়েছে:

সাধারণ ব্যবহারের ক্ষেত্রে #

• ঐচ্ছিক ব্যাজ, ফিতা এবং আইকন।
• একটি কমপ্যাক্ট বা ঘন লেআউট বৈকল্পিক।
• একটি সেকেন্ডারি বোতাম, একটি ফুটার নোট বা একটি বিভাজক দেখান বা লুকান৷।
• একটি মাস্টার সুইচ যা প্যানেলে সম্পর্কিত ক্ষেত্রগুলির একটি গ্রুপ প্রকাশ করে।

সুইচার ক্ষেত্রের সাথে কাজ করার জন্য টিপস #

• রিটার্ন মান এখানে ছেড়ে দিন yes. এটি টগল, ডিফল্ট এবং আপনার শর্তগুলিকে ধাপে ধাপে রাখে।
• এটি যা দেখায় তার পরে ক্ষেত্রের নাম দিন, যেমন show_badge বা compact_mode। নামটি একটি প্রশ্নের মতো পড়ে {% if %}.
• বিকল্পের জন্য লেবেল অন এবং লেবেল বন্ধ লিখুন, শুধু হ্যাঁ এবং না নয়, যখন দুটি রাজ্যের নাম থাকে।
• শর্তের সাথে এটি জুড়ুন সুতরাং একটি বিকল্পের যে ক্ষেত্রগুলি প্রয়োজন তা শুধুমাত্র তখনই প্রদর্শিত হবে যখন এটি চালু থাকবে।
• দুইটির বেশি রাজ্য? ব্যবহার করুন ক্ষেত্র নির্বাচন করুন একটি ড্রপডাউন বা জন্য ক্ষেত্র নির্বাচন করুন আইকন বোতামের জন্য।

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

মোড়ানো #

একটি সুইচার যোগ করুন, এটিকে একটি পরিষ্কার নাম এবং লেবেল দিন, রিটার্ন মান এখানে ছেড়ে দিন yes, এবং আপনার মার্কআপের ঐচ্ছিক অংশটি মুড়ে দিন {% if %}। বিকল্পটির প্রয়োজন এমন ক্ষেত্রগুলিতে একটি শর্ত যুক্ত করুন এবং একজন সম্পাদক এটি চালু না করা পর্যন্ত প্যানেলটি ছোট থাকে। তিন বা ততোধিক রাজ্যের জন্য, দেখুন নির্বাচন করুন এবং বেছে নিন ক্ষেত্র, এবং চেক মূল্য প্রতিটি পরিকল্পনা অন্তর্ভুক্ত কি জন্য।