द पॉपओवर टॉगल फ़ील्ड एक स्विच है जो चालू होने पर बच्चे के नियंत्रण का एक छोटा पॉपओवर खोलता है एलिमेंटर अपने वैकल्पिक फीचर क्लस्टर के लिए एक ही पैटर्न का उपयोग करता है, और मास्टर एडॉन्स के अंदर विजेट बिल्डर यह आपके कस्टम विजेट के लिए भी यही काम करता है: संबंधित सेटिंग्स का एक सेट पूरे अतिरिक्त अनुभाग के साथ पैनल को क्राउड करने के बजाय एक टॉगल के पीछे छिपा रहता है।
पॉपओवर टॉगल समर्थन करता है शर्तों हर नियंत्रण की तरह, और पॉपओवर के अंदर प्रत्येक क्षेत्र को अपना संयुक्त टोकन मिलता है। [+] {{ toggle_field }}, द्वारा प्रस्तुत किया गया ट्विग-सिंटैक्स टेम्पलेट इंजन। दोनों गाइड सेटअप और सीमाओं को कवर करते हैं।
एक सादे मूल्य क्षेत्र के विपरीत, पॉपओवर टॉगल संरचनात्मक है यह स्वयं/बंद स्थिति रखता है, और यह उन बच्चों के क्षेत्रों को ले जाता है जिनके मूल्य आपके टेम्पलेट तक पहुंचते हैं रचित नामों के तहत उस मॉडल के दोनों हिस्सों को एक कामकाजी ओवरले उदाहरण के साथ नीचे कवर किया गया है।
पॉपओवर टॉगल फ़ील्ड क्या करता है #
- टॉगल प्रस्तुत करता है अपने ऑन और ऑफ लेबल के साथ विजेट के पैनल में।
- बाल नियंत्रणों का एक पॉपओवर खोलता है जब स्विच ऑन किया जाता है, तो फ़ील्ड की पॉपओवर फ़ील्ड सूची में परिभाषित किया जाता है।
- बच्चों के रूप में अधिकांश मूल्य फ़ील्ड प्रकारों को स्वीकार करता है, जैसे रंग, पाठ, चयन और स्लाइडर फ़ील्ड।
- टॉगल स्थिति को आपके टेम्पलेट पर उजागर करता है चालू होने पर एक सत्य मान के रूप में और बंद होने पर एक खाली स्ट्रिंग के रूप में।
- प्रत्येक बच्चे के मूल्य को उजागर करता है एक रचित नाम के तहत जो माता-पिता और बच्चे के नामों को एक अंडरस्कोर के साथ जोड़ता है।
यदि विजेट बिल्डिंग नया क्षेत्र है, तो पढ़ें विजेट बिल्डर अवलोकन पहले।
इससे पहले कि आप शुरू करें #
- वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
- एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
- विजेट बिल्डर संपादक में एक कस्टम विजेट खुला हमारा उदाहरण एक वैकल्पिक रंग ओवरले के साथ एक छवि बैनर विजेट है: एक टॉगल नामित
overlayू े, एक रंग का बच्चा नामcolor.
पॉपओवर टॉगल फ़ील्ड कैसे जोड़ें #
विजेट बिल्डर संपादक में, बाईं ओर फ़ील्ड पैनल को तब तक स्क्रॉल करें जब तक आपको यह न मिल जाए पॉपओवर टॉगल फ़ील्ड, अन्य संरचनात्मक क्षेत्रों जैसे टैब और रिपीटर के साथ सूचीबद्ध है।
इसे नीचे एक अनुभाग में खींचें सामग्री या शैली टैब, जहां भी वैकल्पिक सेटिंग्स हैं एक बार जब यह भूमि, क्षेत्र के विकल्प बाईं ओर खुलते हैं, और मुख्य कार्य बच्चे के क्षेत्रों को परिभाषित कर रहा है जो पॉपओवर पकड़ लेगा।
पॉपओवर टॉगल फ़ील्ड विकल्प समझाया गया #
- लेबलः एलिमेंटर में टॉगल के बगल में पाठ, उदाहरण के लिए “Overlay”।
- नाम: उदाहरण के लिए, केवल टॉगल, अक्षरों, संख्याओं और अंडरस्कोर के लिए विशिष्ट पहचानकर्ता
overlay। बच्चों के नाम इस पर आधारित होते हैं, इसलिए इसे छोटा रखें। - लेबल ऑन/लेबल ऑफः स्विच पर दिखाए गए दो राज्य, जैसे “Yes” और “No”।
- वापसी मूल्यः टॉगल चालू होने पर संग्रहीत मान, डिफ़ॉल्ट रूप से “yes”। बंद एक खाली स्ट्रिंग संग्रहीत करता है।
- पॉपओवर फ़ील्ड: पॉपओवर के अंदर बच्चा नियंत्रण अधिकांश मूल्य फ़ील्ड प्रकारों की अनुमति है; हमारे उदाहरण में एक ही रंग फ़ील्ड का नाम है
color. - विवरण, शो लेबल, सेपरेटर और शर्तें सामान्य प्रदर्शन विकल्पों को कवर करती हैं।
टॉगल और उसके बच्चों को अपने टेम्पलेट में पढ़ें #
दो नामकरण नियम इस क्षेत्र द्वारा उत्पादित हर चीज़ को कवर करते हैं।
टॉगल ही अपने नाम के तहत उपलब्ध है यह चालू होने पर रिटर्न वैल्यू प्रिंट करता है और बंद होने पर एक खाली स्ट्रिंग प्रिंट करता है, जो इसे एक प्राकृतिक स्थिति बनाता हैः
{% if overlay %} ... {% endif %}ध्यान दें कि संग्रहीत मान रिटर्न वैल्यू स्ट्रिंग है, डिफ़ॉल्ट रूप से “yes”, बूलियन नहीं। सत्यता का परीक्षण उसी प्रकार करें जिस प्रकार उदाहरण करता है; सत्य के विरुद्ध क्षेत्र की तुलना कभी मेल नहीं खाती।
प्रत्येक बच्चा माता-पिता के नाम और बच्चे के नाम के रूप में उपलब्ध है जो एक अंडरस्कोर के साथ जुड़ा हुआ है color का बच्चा overlay पॉपओवर बन जाता है overlay_color। एक साथ रखें, बैनर की ओवरले परत HTML पैनल में इस तरह दिखती हैः
<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 }} कुछ भी नहीं करने के लिए हल करता है, क्योंकि बच्चों को अंडरस्कोर-जुड़े नामों के लिए चपटा किया जाता है, माता-पिता के तहत नेस्टेड नहीं यदि कोई बच्चा मूल्य खाली आता है, तो पहले रचित नाम की जांच करें।
एलिमेंटर में पॉपओवर टॉगल का उपयोग करें #
एलिमेंटर में एक पृष्ठ पर विजेट जोड़ें, या संपादक को फिर से लोड करें यदि पृष्ठ पहले से ही खुला था नियंत्रण एक लेबल स्विच के रूप में दिखाई देता है।
इसे फ्लिप करें और पॉपओवर बच्चे के नियंत्रण के साथ खुलता है बैनर उदाहरण में, संपादक एक ओवरले रंग चुनता है, पूर्वावलोकन में छवि पर परत फीका हो जाती है, और टॉगल बंद स्विच करने से चुने हुए रंग को खोए बिना इसे फिर से हटा दिया जाता है।
सामान्य उपयोग के मामले #
- छवि और वीडियो ओवरले, एक स्विच के पीछे रंग और अस्पष्टता वाले बच्चों के साथ।
- वैकल्पिक बैज कार्ड पर, जहां टॉगल बैज दिखाता है और बच्चे उसका टेक्स्ट और शैली सेट करते हैं।
- होवर प्रभाव सेटिंग्स यह तभी मायने रखता है जब प्रभाव सक्षम हो।
- उलटी गिनती या शेड्यूल विकल्प बैनरों पर जो कभी-कभी समय-सीमित होते हैं।
- द्वितीयक बटन, आवश्यकता पड़ने तक दूसरे बटन के टेक्स्ट, लिंक और स्टाइल को नज़रों से दूर रखना।
पॉपओवर टॉगल फ़ील्ड के साथ काम करने के लिए युक्तियाँ #
- में आश्रित मार्कअप लपेटें
{% if parent %}. टॉगल का पूरा मुद्दा यह है कि बच्चे केवल तभी मायने रखते हैं जब वह चालू हो; टेम्पलेट को इसे प्रतिबिंबित करना चाहिए। - अंडरस्कोर के साथ बच्चों के नाम लिखें। जनक
overlayप्लस चाइल्डcolorहै{{ overlay_color }}, कभी नहीं{{ overlay.color }}. - माता-पिता के नाम छोटे रखें। प्रत्येक बच्चे का टोकन माता-पिता का नाम दोहराता है, और
{{ overlay_color }}से बेहतर पढ़ता है{{ banner_image_overlay_settings_color }}. - वास्तव में वैकल्पिक समूहों के लिए इसका उपयोग करें। विजेट को हमेशा जिन सेटिंग्स की आवश्यकता होती है वे खुले पैनल में होती हैं; पॉपओवर कभी-कभी सुविधाओं के लिए होता है।
- बच्चों को समझदार डिफ़ॉल्ट दें। जिस क्षण टॉगल फ़्लिप होता है, सुविधा को अनस्टाइल के बजाय जानबूझकर दिखना चाहिए।
अक्सर पूछे जाने वाले प्रश्न #
मास्टर एडॉन्स विजेट बिल्डर में पॉपओवर टॉगल फ़ील्ड क्या है?
यह एक संरचनात्मक क्षेत्र है: एक स्विच जो चालू होने पर बच्चे के नियंत्रण का एक पॉपओवर खोलता है टॉगल की स्थिति फ़ील्ड के नाम के तहत आपके टेम्पलेट तक पहुंचती है, और प्रत्येक बच्चे का मूल्य माता-पिता और बच्चे के नाम के तहत आता है जो एक अंडरस्कोर के साथ जुड़ जाता है, जैसे {{ overlay_color }}.
मैं कैसे जांचूं कि टॉगल चालू है या नहीं?
इसे सीधे एक शर्त में उपयोग करेंः {% if overlay %}। चालू रहते हुए, फ़ील्ड अपना रिटर्न मान रखता है, डिफ़ॉल्ट रूप से “yes”; बंद रहते हुए, इसमें एक खाली स्ट्रिंग होती है, जिसे गलत माना जाता है।
मैं एक बच्चे के क्षेत्र के मूल्य को कैसे प्रिंट करूं?
अंडरस्कोर के साथ माता-पिता और बच्चे के नाम में शामिल हों एक पॉपओवर नामित overlay नाम के एक बच्चे के साथ color के रूप में प्रिंट करता है {{ overlay_color }}. बिंदु संकेतन पसंद है {{ overlay.color }} पॉपओवर बच्चों के लिए संकल्प नहीं करता है।
कौन से फ़ील्ड प्रकार पॉपओवर के अंदर जा सकते हैं?
अधिकांश मूल्य क्षेत्र प्रकार बच्चों के रूप में काम करते हैं, जिसमें रंग, पाठ, चयन और स्लाइडर फ़ील्ड शामिल हैं प्रत्येक बच्चा अपने प्रकार के मूल्य आकार को रखता है, इसलिए एक स्लाइडर बच्चे को अभी भी अपने आकार और इकाई की आवश्यकता होती है सामान्य तरीके से पढ़ें।
क्या बाल मूल्य टॉगलिंग से बच जाते हैं?
हाँ। टॉगल बंद करने से पॉपओवर छिप जाता है और माता-पिता की स्थिति झूठी हो जाती है, लेकिन बच्चे अपने मूल्य बनाए रखते हैं, और टॉगल वापस आने पर सब कुछ वापस आ जाता है।
मुझे स्विचर के बजाय पॉपओवर टॉगल का उपयोग कब करना चाहिए?
एक सादे स्विचर का उपयोग करें जब एक चालू/बंद ध्वज आपको बस इतना चाहिए पॉपओवर टॉगल के लिए पहुंचें जब ध्वज इसके साथ सेटिंग्स लाता है; बच्चे एक अलग स्विचर और शर्तों के पीछे पैनल को अव्यवस्थित करने के बजाय पॉपओवर के अंदर रहते हैं।
लपेटकर #
विजेट बिल्डर पॉपओवर टॉगल फ़ील्ड विजेट के पैनल को ईमानदार रखता है: रोजमर्रा के नियंत्रण दिखाई देते रहते हैं, और वैकल्पिक क्लस्टर एक स्विच के पीछे इंतजार करता है इसे तार करें {% if parent %} बच्चों के लिए मार्कअप और अंडरस्कोर-जुड़े टोकन के आसपास, और सुविधा साफ-साफ चालू और बंद हो जाती है अन्य संरचनात्मक पैटर्न के लिए, देखें पुनरावर्तक क्षेत्र, जो संभालता है उसी तरह से सूची देता है जिस तरह से यह फ़ील्ड विकल्पों को संभालता है बाकी का अन्वेषण करें मास्टर ऐडऑन विजेट और एक्सटेंशन, और देखें मूल्य निर्धारण पृष्ठ प्रत्येक योजना में क्या शामिल है।
