সুইচার

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

সুইচার হল সবচেয়ে সাধারণ উৎস ক্ষেত্র শর্তাবলী: এটা সঞ্চয় করে yes যখন চালু, তাই অন্যান্য নিয়ন্ত্রণ এটির উপর ভিত্তি করে দেখাতে বা লুকাতে পারে। সামনের প্রান্তে, টুইগ-সিনট্যাক্স টেমপ্লেট ইঞ্জিন আপনাকে মার্কআপ মোড়ানো যাক {% if my_toggle %} তাই টগল আউটপুটও নিয়ন্ত্রণ করে। উভয় গাইড সেটআপ এবং সীমাবদ্ধতা কভার করে।

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

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

• আপনার নিজস্ব অন/অফ লেবেল সহ উইজেট প্যানেলে এলিমেন্টরের অন/অফ টগল রেন্ডার করে।
• একটি কনফিগারযোগ্য স্ট্রিং প্রদান করে (ডিফল্ট yes) যখন চালু, এবং বন্ধ হলে একটি খালি স্ট্রিং।
• চালনা করা {% if %} টেমপ্লেটে ব্লক, তাই টগল চালু থাকলেই মার্কআপ রেন্ডার হয়।
• উদাহরণস্বরূপ, CSS ক্লাস ইনলাইনে স্যুইচ করে class="card {% if compact_mode %}is-compact{% endif %}".
• জন্য স্বাভাবিক ড্রাইভার হিসাবে কাজ করে শর্তাবলী অন্যান্য ক্ষেত্রে, নিয়ন্ত্রণের পুরো গ্রুপগুলি দেখানো বা লুকানো।

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

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

• ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
• এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
• উইজেট বিল্ডার এডিটরে একটি কাস্টম উইজেট খোলা। আমাদের উদাহরণ হল একটি মূল্য নির্ধারণের কার্ড উইজেট যার নাম একটি সুইচার show_badge এটি কার্ডে একটি "জনপ্রিয়" ফিতা প্রকাশ করে৷।

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

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

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

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

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

একটি {% যদি %} ব্লক দিয়ে সুইচার সংযোগ করুন৷ #

সুইচার একটি টোকেন ক্ষেত্র, কিন্তু আপনি খুব কমই এটির টোকেন নিজে থেকে প্রিন্ট করেন। অফ মানে খালি স্ট্রিং, এবং একটি খালি স্ট্রিং টেমপ্লেট লজিকে মিথ্যা, তাই প্রাকৃতিক প্যাটার্নটি HTML প্যানেলে একটি শর্তসাপেক্ষ:

{% if show_badge %}
<span class="pc-badge">Popular</span>
{% endif %}

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

<article class="pc-card {% if compact_mode %}is-compact{% endif %}">

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

সতর্ক থেকো: আপনি যদি মানটি স্পষ্টভাবে তুলনা করেন, তাহলে রিটার্ন ভ্যালু স্ট্রিংয়ের সাথে তুলনা করুন, লেবেল নয়। {% if show_badge == 'yes' %} ডিফল্ট রিটার্ন মানের সাথে মেলে; {% if show_badge == 'Yes' %} কখনই মেলে না, কারণ "হ্যাঁ" শুধুমাত্র টগলের ডিসপ্লে টেক্সট। খালি সত্যতা, {% if show_badge %}, সমস্যা পাশ কাটিয়ে।

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

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

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

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

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

• সত্যতা পরীক্ষা করুন, লেবেল নয়। {% if show_badge %} সব অধিকাংশ টেমপ্লেট প্রয়োজন; অন স্টেট একটি অ-খালি স্ট্রিং এবং অফ স্টেট খালি।
• পুরো ঐচ্ছিক ব্লক মোড়ানো। লাগান {% if %} সম্পূর্ণ মার্কআপের চারপাশে, মোড়ক অন্তর্ভুক্ত, তাই একটি অফ টগল ব্যবধান ভাঙতে কোনও খালি উপাদান ছেড়ে দেয় না।
• ইচ্ছাকৃতভাবে ডিফল্ট। বেশিরভাগ সাইট যে বৈশিষ্ট্যগুলি চায় তার জন্য টগল অন (ডিফল্ট = রিটার্ন ভ্যালু) শুরু করুন, অতিরিক্তের জন্য বন্ধ করুন৷।
• শর্তের সাথে এটি জুড়ুন। একটি সুইচার প্লাস দুই বা তিনটি শর্তযুক্ত ক্ষেত্র পাঁচটি সর্বদা দৃশ্যমান নিয়ন্ত্রণের চেয়ে প্যানেলে অনেক ভাল পড়ে।
• টগল উত্তর একটি প্রশ্ন হিসাবে এটি নাম। show_badge এবং compact_mode ভিতরে স্বাভাবিকভাবে পড়ুন {% if %} ব্লক।

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

মোড়ানো #

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