দ্য পপওভার টগল ফিল্ড এটি একটি সুইচ যা চালু হলে চাইল্ড কন্ট্রোলের একটি ছোট পপওভার খোলে। Elementor তার নিজস্ব ঐচ্ছিক বৈশিষ্ট্য ক্লাস্টারের জন্য এবং মাস্টার অ্যাডঅনগুলির ভিতরে একই প্যাটার্ন ব্যবহার করে উইজেট নির্মাতা এটি আপনার কাস্টম উইজেটগুলির জন্য একই কাজ করে: একটি সম্পূর্ণ অতিরিক্ত বিভাগ সহ প্যানেলে ভিড় করার পরিবর্তে সম্পর্কিত সেটিংসের একটি সেট একটি টগলের পিছনে লুকিয়ে থাকে।
পপওভার টগল সমর্থন করে শর্তাবলী প্রতিটি নিয়ন্ত্রণের মতো, এবং পপওভারের ভিতরের প্রতিটি ক্ষেত্র তার নিজস্ব সম্মিলিত টোকেন পায়, {{ toggle_field }}, দ্বারা রেন্ডার করা হয়েছে টুইগ-সিনট্যাক্স টেমপ্লেট ইঞ্জিন। উভয় গাইড সেটআপ এবং সীমাবদ্ধতা কভার করে।
একটি সাধারণ মান ক্ষেত্রের বিপরীতে, পপওভার টগল কাঠামোগত। এটি চালু/বন্ধ অবস্থা নিজেই ধরে রাখে এবং এটি শিশু ক্ষেত্রগুলি বহন করে যার মানগুলি রচিত নামের অধীনে আপনার টেমপ্লেটে পৌঁছায়। সেই মডেলের উভয় অর্ধেকই একটি কার্যকরী ওভারলে উদাহরণ দিয়ে নীচে আচ্ছাদিত করা হয়েছে।
পপওভার টগল ফিল্ড কি করে #
- একটি টগল রেন্ডার করে আপনার চালু এবং বন্ধ লেবেল সহ উইজেটের প্যানেলে।
- শিশু নিয়ন্ত্রণের একটি পপওভার খোলে যখন সুইচ অন করা হয়, তখন ক্ষেত্রের পপওভার ক্ষেত্র তালিকায় সংজ্ঞায়িত করা হয়।
- শিশু হিসাবে সর্বাধিক মূল্যবান ক্ষেত্রের ধরন গ্রহণ করে, যেমন রঙ, পাঠ্য, নির্বাচন এবং স্লাইডার ক্ষেত্র।
- আপনার টেমপ্লেটে টগল অবস্থা প্রকাশ করে একটি সত্য মান হিসাবে যখন চালু এবং একটি খালি স্ট্রিং যখন বন্ধ।
- প্রতিটি শিশুর মূল্য প্রকাশ করে একটি রচিত নামের অধীনে যা একটি আন্ডারস্কোর সহ পিতামাতা এবং সন্তানের নামের সাথে যোগ দেয়।
উইজেট বিল্ডিং নতুন অঞ্চল হলে, পড়ুন উইজেট নির্মাতা ওভারভিউ প্রথম।
আপনি শুরু করার আগে #
- ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
- উইজেট বিল্ডার এডিটরে একটি কাস্টম উইজেট খোলা। আমাদের উদাহরণ হল একটি ঐচ্ছিক রঙের ওভারলে সহ একটি চিত্র ব্যানার উইজেট: একটি টগল নামে
overlay, এক রঙের শিশুর নামcolor.
কিভাবে একটি পপওভার টগল ফিল্ড যোগ করবেন #
উইজেট বিল্ডার এডিটরে, বাম দিকে ফিল্ড প্যানেলটি স্ক্রোল করুন যতক্ষণ না আপনি এটি খুঁজে পান পপওভার টগল ক্ষেত্র, অন্যান্য কাঠামোগত ক্ষেত্র যেমন ট্যাব এবং রিপিটারের সাথে তালিকাভুক্ত।
এর অধীনে একটি বিভাগে এটি টেনে আনুন বিষয়বস্তু বা শৈলী ট্যাব, যেখানেই ঐচ্ছিক সেটিংস অন্তর্ভুক্ত। একবার এটি অবতরণ করলে, ক্ষেত্রের বিকল্পগুলি বাম দিকে খোলে এবং প্রধান কাজ হল পপওভারের শিশু ক্ষেত্রগুলিকে সংজ্ঞায়িত করা।
পপওভার টগল ফিল্ড অপশন ব্যাখ্যা করা হয়েছে #
- লেবেল: এলিমেন্টরে টগলের পাশের পাঠ্য, উদাহরণস্বরূপ “Overlay”।
- নাম: উদাহরণস্বরূপ, শুধুমাত্র টগল, অক্ষর, সংখ্যা এবং আন্ডারস্কোরগুলির জন্য অনন্য শনাক্তকারী৷
overlay। শিশুর নাম এটিতে তৈরি হয়, তাই এটি ছোট রাখুন। - লেবেল চালু/লেবেল বন্ধ: সুইচে দেখানো দুটি অবস্থা, যেমন “yes” এবং “No”৷।
- রিটার্ন ভ্যালু: টগল চালু থাকাকালীন সংরক্ষিত মান, ডিফল্টরূপে "হ্যাঁ"৷ বন্ধ একটি খালি স্ট্রিং সঞ্চয় করে।
- পপওভার ক্ষেত্র: শিশু পপওভারের ভিতরে নিয়ন্ত্রণ করে। সর্বাধিক মান ক্ষেত্রের ধরন অনুমোদিত; আমাদের উদাহরণ নামে একটি একক রঙের ক্ষেত্র রয়েছে
color. - বর্ণনা, শো লেবেল, বিভাজক, এবং শর্তাবলী স্বাভাবিক প্রদর্শন বিকল্পগুলিকে কভার করে।
আপনার টেমপ্লেটে টগল এবং এর বাচ্চাদের পড়ুন #
দুটি নামকরণের নিয়ম এই ক্ষেত্রটি যা কিছু তৈরি করে তা কভার করে।
নিজেই টগল তার নিজের নামে পাওয়া যায়। এটি চালু হলে রিটার্ন মান এবং বন্ধ হলে একটি খালি স্ট্রিং প্রিন্ট করে, যা এটিকে একটি স্বাভাবিক অবস্থা করে তোলে:
{% if overlay %} ... {% endif %}মনে রাখবেন যে সংরক্ষিত মান হল রিটার্ন ভ্যালু স্ট্রিং, ডিফল্টরূপে "হ্যাঁ", বুলিয়ান নয়। উদাহরণটি যেভাবে সত্যতা পরীক্ষা করে; সত্যের সাথে মাঠের তুলনা কখনোই মেলে না।
প্রতিটি শিশু একটি আন্ডারস্কোরের সাথে যুক্ত পিতামাতার নাম এবং সন্তানের নাম হিসাবে উপলব্ধ। দ্য color এর সন্তান overlay পপওভার হয়ে যায় overlay_color। একসাথে রাখুন, এইচটিএমএল প্যানেলে ব্যানারের ওভারলে স্তরটি এইরকম দেখাচ্ছে:
<div class="banner-media">
<img src="{{ banner_image }}" alt="">
{% if overlay %}
<div class="banner-overlay" style="background: {{ overlay_color }}"></div>
{% endif %}
</div>টগল অফ, কোন ওভারলে ডিভ রেন্ডার হয় না। টগল অন, সম্পাদক যে রঙ বাছাই করেছেন তার সাথে ডিভ প্রদর্শিত হবে। আরও শিশু যোগ করুন এবং প্রতিটি একই প্যাটার্ন অনুসরণ করে: একটি শিশু নামে opacity হিসাবে পড়া হবে {{ overlay_opacity }}.
সতর্ক থাকুন: এখানে কোন ডট নোটেশন নেই। {{ overlay.color }} কিছুই সমাধান করে না, কারণ বাচ্চাদের আন্ডারস্কোর-যুক্ত নামের সাথে চ্যাপ্টা করা হয়, পিতামাতার অধীনে নেস্ট করা হয় না। যদি একটি শিশুর মান খালি আসে, প্রথমে রচনা করা নামটি পরীক্ষা করুন।
এলিমেন্টরে পপওভার টগল ব্যবহার করুন #
Elementor-এ একটি পৃষ্ঠায় উইজেট যোগ করুন, অথবা পৃষ্ঠাটি ইতিমধ্যে খোলা থাকলে সম্পাদকটি পুনরায় লোড করুন। নিয়ন্ত্রণ একটি লেবেলযুক্ত সুইচ হিসাবে প্রদর্শিত হবে।
এটি চালু করুন এবং পপওভারটি চাইল্ড কন্ট্রোলের সাথে খোলে। ব্যানারের উদাহরণে, সম্পাদক একটি ওভারলে রঙ বাছাই করেন, প্রিভিউতে চিত্রের উপরে স্তরটি বিবর্ণ হয়ে যায় এবং টগল অফ স্যুইচ করলে নির্বাচিত রঙটি না হারিয়ে এটি আবার সরিয়ে দেয়।
সাধারণ ব্যবহারের ক্ষেত্রে #
- ছবি এবং ভিডিও ওভারলে, একটি সুইচের পিছনে রঙ এবং অস্বচ্ছতা শিশুদের সঙ্গে।
- ঐচ্ছিক ব্যাজ কার্ডগুলিতে, যেখানে টগল ব্যাজ দেখায় এবং শিশুরা এর পাঠ্য এবং শৈলী সেট করে।
- হোভার প্রভাব সেটিংস এটি শুধুমাত্র তখনই গুরুত্বপূর্ণ যখন প্রভাব সক্রিয় করা হয়।
- কাউন্টডাউন বা সময়সূচী বিকল্প ব্যানারে যা কখনও কখনও সময়-সীমিত।
- সেকেন্ডারি বোতাম, প্রয়োজন না হওয়া পর্যন্ত দ্বিতীয় বোতামের পাঠ্য, লিঙ্ক এবং শৈলীকে দৃষ্টির বাইরে রাখা।
পপওভার টগল ফিল্ডের সাথে কাজ করার জন্য টিপস #
- নির্ভরশীল মার্কআপ মোড়ানো
{% if parent %}. টগলের পুরো বিষয় হল যে বাচ্চারা তখনই গুরুত্বপূর্ণ যখন এটি চালু থাকে; টেমপ্লেট যে প্রতিফলিত করা উচিত। - একটি আন্ডারস্কোর সহ শিশুর নাম রচনা করুন। পিতা
overlayপ্লাস চাইল্ডcolorহয়{{ overlay_color }}, কখনই না{{ overlay.color }}. - পিতামাতার নাম ছোট রাখুন। প্রতিটি শিশু টোকেন পিতামাতার নাম পুনরাবৃত্তি করে, এবং
{{ overlay_color }}এর চেয়ে ভালো পড়ে{{ banner_image_overlay_settings_color }}. - সত্যিকারের ঐচ্ছিক ক্লাস্টারের জন্য এটি ব্যবহার করুন। উইজেটের সেটিংস সবসময় খোলা প্যানেলের অন্তর্গত; পপওভার কখনও কখনও বৈশিষ্ট্য জন্য হয়।
- শিশুদের বুদ্ধিমান ডিফল্ট দিন। যে মুহুর্তে টগলটি ফ্লিপ হয়, বৈশিষ্ট্যটি স্টাইল না করে ইচ্ছাকৃত দেখা উচিত।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
মাস্টার অ্যাডনস উইজেট বিল্ডারে পপওভার টগল ফিল্ড কী?
এটি একটি কাঠামোগত ক্ষেত্র: একটি সুইচ যা চালু হলে শিশু নিয়ন্ত্রণের একটি পপওভার খোলে। টগলের অবস্থা ক্ষেত্রের নামের অধীনে আপনার টেমপ্লেটে পৌঁছায় এবং প্রতিটি শিশুর মান একটি আন্ডারস্কোরের সাথে যুক্ত পিতামাতা এবং সন্তানের নামের অধীনে আসে, যেমন {{ overlay_color }}.
টগল চালু আছে কিনা তা আমি কিভাবে পরীক্ষা করব?
এটি সরাসরি একটি শর্তে ব্যবহার করুন: {% if overlay %}। চালু থাকাকালীন, ক্ষেত্রটি তার রিটার্ন মান ধরে রাখে, ডিফল্টরূপে "হ্যাঁ"; বন্ধ থাকাকালীন, এটি একটি খালি স্ট্রিং ধারণ করে, যা মিথ্যা হিসাবে গণনা করা হয়।
আমি কিভাবে একটি শিশু ক্ষেত্রের মান মুদ্রণ করব?
একটি আন্ডারস্কোর সহ পিতামাতা এবং সন্তানের নামের সাথে যোগ দিন। একটি পপওভার নামে overlay নামধারী একটি শিশুর সাথে color হিসাবে প্রিন্ট {{ overlay_color }}. ডট নোটেশন মত {{ overlay.color }} পপওভার শিশুদের জন্য সমাধান করে না।
কোন ক্ষেত্রের ধরন পপওভারের ভিতরে যেতে পারে?
রঙ, পাঠ্য, নির্বাচন এবং স্লাইডার ক্ষেত্র সহ বেশিরভাগ মান ক্ষেত্রের ধরন শিশু হিসাবে কাজ করে। প্রতিটি শিশু তার নিজস্ব প্রকারের মান আকৃতি রাখে, তাই একটি স্লাইডার শিশুর এখনও তার আকার এবং ইউনিট স্বাভাবিক উপায়ে পড়তে হবে।
শিশুর মূল্যবোধ কি টগল বন্ধ করে বেঁচে থাকে?
হ্যাঁ। টগল বন্ধ করা পপওভারকে লুকিয়ে রাখে এবং পিতামাতার শর্তকে মিথ্যা করে তোলে, কিন্তু শিশুরা তাদের মান বজায় রাখে এবং টগলটি আবার চালু হলে সবকিছু ফিরে আসে।
কখন আমার সুইচারের পরিবর্তে পপওভার টগল ব্যবহার করা উচিত?
একটি প্লেইন সুইচার ব্যবহার করুন যখন একটি অন/অফ পতাকা আপনার প্রয়োজন হয়। পপওভার টগলের জন্য পৌঁছান যখন পতাকা এটির সাথে সেটিংস নিয়ে আসে; শিশুরা একটি পৃথক সুইচার এবং শর্তগুলির পিছনে প্যানেলটি বিশৃঙ্খল করার পরিবর্তে পপওভারের ভিতরে থাকে।
মোড়ানো #
উইজেট বিল্ডার পপওভার টগল ফিল্ড একটি উইজেটের প্যানেলকে সৎ রাখে: দৈনন্দিন নিয়ন্ত্রণগুলি দৃশ্যমান থাকে এবং ঐচ্ছিক ক্লাস্টারটি একটি সুইচের পিছনে অপেক্ষা করে। সঙ্গে তার {% if parent %} শিশুদের জন্য মার্কআপ এবং আন্ডারস্কোর-যুক্ত টোকেনগুলির চারপাশে, এবং বৈশিষ্ট্যটি পরিষ্কারভাবে চালু এবং বন্ধ করে। অন্যান্য কাঠামোগত নিদর্শনগুলির জন্য, দেখুন রিপিটার ক্ষেত্র, যা এই ক্ষেত্রটি বিকল্পগুলি পরিচালনা করে একইভাবে তালিকা পরিচালনা করে। বাকি অন্বেষণ মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন, এবং দেখুন মূল্য পৃষ্ঠা প্রতিটি পরিকল্পনা অন্তর্ভুক্ত কি জন্য।
