स्विचर

स्विचर फ़ील्ड आपके द्वारा मास्टर ऐडऑन के साथ बनाए गए कस्टम विजेट में एक चालू/बंद टॉगल जोड़ता है विजेट बिल्डरयह एक विजेट वैकल्पिक का हिस्सा बनाने के लिए मानक तरीका है: एक बैज, एक आइकन, एक कॉम्पैक्ट लेआउट संपादकों एलीमेंटर में टॉगल फ्लिप और अपने टेम्पलेट प्रतिक्रिया करता है।

स्विचर उन क्षेत्रों में से एक है जिसे आप मुफ्त संस्करण के विजेट बिल्डर में उपयोग कर सकते हैं मुफ्त प्लगइन में एक सीमित विजेट बिल्डर शामिल है, और फ़ील्ड का पूरा सेट आता है मास्टर एडॉन्स प्रो.

स्विचर फ़ील्ड क्या करता है #

• एलिमेंट के चालू/बंद टॉगल को आपके विजेट के पैनल में जोड़ता है।
• को बचाता है वापसी मूल्य (yes डिफ़ॉल्ट रूप से) जब चालू हो, और बंद होने पर एक खाली मान।
• के साथ काम करता है {% if %} आपके टेम्पलेट में, इसलिए मार्कअप केवल तभी दिखाई देता है जब टॉगल चालू होता है।
• शर्तों के माध्यम से पैनल में अन्य फ़ील्ड छिपा और दिखा सकते हैं, जो किसी विकल्प के उपयोग में आने तक पैनल को छोटा रखता है।

बिल्डर के लिए नया? पढ़ें विजेट बिल्डर अवलोकन सबसे पहले, फिर एक विजेट खुला के साथ वापस आओ।

इससे पहले कि आप शुरू करें #

• एलिमेंटर स्थापित और सक्रिय के साथ वर्डप्रेस।
• एलिमेंटर के लिए मास्टर ऐडऑन स्थापित और सक्रिय हैं। द स्थापना गाइड सेटअप को कवर करता है।
• विजेट बिल्डर में एक विजेट खुला इस गाइड में उदाहरण दो स्विचर के साथ एक “प्रोमो कार्ड” विजेट हैः show_badge, जो एक रिबन और एक बैज टेक्स्ट फ़ील्ड को प्रकट करता है, और compact_mode, जो कार्ड को कसता है।

स्विचर फ़ील्ड कैसे जोड़ें #

1. को जा मास्टर ऐडऑन > विजेट बिल्डर और अपना विजेट खोलें।
2. टैब पर एक अनुभाग जोड़ें जहां विकल्प संबंधित है शो बैज जैसा सामग्री विकल्प फिट बैठता है सामग्री टैब।
3. प्रकार switch बाईं ओर फ़ील्ड खोज बॉक्स में।
4. खींचना स्विचर अनुभाग में इसकी सेटिंग्स खोलने के लिए मैदान पर पेंसिल पर क्लिक करें।

स्विचर फ़ील्ड विकल्प समझाया गया #

• लेबलः एलिमेंटर में टॉगल के बगल में पाठ, उदाहरण के लिए “बैजबेग्मा को दिखाएं।
• नाम: क्षेत्र की विशिष्ट आईडी और इसके टोकन का नाम उदाहरण के लिए, केवल अक्षरों, संख्याओं और अंडरस्कोर का उपयोग करें show_badge.
• विवरण: एलिमेंट में टॉगल के नीचे दिखाया गया एक संकेत।
• लेबल चालू और लेबल बंदः टॉगल के अंदर छोटे शब्द एलिमेंटर टॉगल चालू होने पर लेबल ऑन दिखाता है और बंद होने पर लेबल ऑफ दिखाता है, इसलिए लेआउट विकल्प के लिए “Compact” और “Normal” हां और ना से बेहतर पढ़ते हैं।
• वापसी मूल्यः मान क्षेत्र पर रहते हुए रखता है इसे छोड़ दें yes जब तक आपके कोड में किसी चीज़ को एक अलग स्ट्रिंग की आवश्यकता न हो।
• डिफ़ॉल्ट मानः हाँ और नहीं के साथ एक ड्रॉपडाउन हाँ का मतलब है कि एक नया जोड़ा विजेट टॉगल के साथ शुरू होता है।

इस पैनल के बारे में जानने लायक दो चीजें लेबल ऑन और लेबल ऑफ के तहत सहायता पाठ स्वैप किया जाता है, और लेबल ऑफ लाइन एक आवारा अतिरिक्त टी के साथ शुरू होती है दोनों लेबल अभी भी जिस तरह से आप उम्मीद करते हैं: लेबल ऑन शब्द दिखाया गया है जबकि टॉगल चालू है।

चरण में रिटर्न वैल्यू और डिफ़ॉल्ट वैल्यू रखें #

डिफ़ॉल्ट मान ड्रॉपडाउन हमेशा बचाता है yes हां के लिए, जो भी आपने रिटर्न वैल्यू में टाइप किया है वह संयोजन मिसफायर करता है हमारे परीक्षणों में, रिटर्न वैल्यू के साथ एक क्षेत्र enabled और डिफ़ॉल्ट मान हाँ इस तरह से बाहर आयाः

• एलिमेंटर में टॉगल बंद दिखा।
• सहेजा गया मूल्य अभी भी था 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 पृष्ठ से चला गया है, न केवल छिपा हुआ कॉम्पैक्ट क्लास सीएसएस पैनल में कुछ नियमों को स्विच करता हैः

.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 %} फॉर्म समस्या से बचाता है।

छोड़ दो चयनकर्ता इस क्षेत्र के लिए बॉक्स खाली एक टॉगल मूल्य एक सीएसएस मूल्य नहीं है, इसलिए स्टाइल ऊपर की तरह एक वर्ग के पीछे सीएसएस पैनल में है।

टॉगल चालू होने तक अन्य फ़ील्ड छिपाएँ #

यह स्विचर के लिए दूसरा आधा है मैदान पर आप छिपाना चाहते हैं, इसकी सेटिंग्स खोलें, स्क्रॉल करें शर्तों और क्लिक करें शर्त जोड़ेंबैज पाठ क्षेत्र के लिएः

• नियंत्रण नामः show_badge, स्विचर का नाम।
• समानता: बराबर।
• नियंत्रण मूल्यः yes, स्विचर का रिटर्न वैल्यू।

बैज टेक्स्ट अब एलिमेंटर में केवल शो बैज चालू होने पर ही दिखाई देता है। देखना शर्तों अन्य ऑपरेटरों के लिए।

एलिमेंटर में स्विचर नियंत्रण का उपयोग करें #

विजेट को किसी पृष्ठ पर जोड़ें, या संपादक को फिर से लोड करें यदि पृष्ठ पहले से ही खुला था टॉगल आपके लेबल के नीचे बैठता है जिसमें आपके लेबल ऑन या लेबल ऑफ शब्द के अंदर होता है इसे क्लिक करें और पूर्वावलोकन तुरंत अपडेट हो जाता है, और किसी भी क्षेत्र में एक शर्त के साथ यह एक ही समय में प्रकट होता है या गायब हो जाता है।

यहां बैज के साथ सामने के छोर पर तैयार कार्ड है, साथ ही कॉम्पैक्ट मोड के साथ, और दोनों स्विचर बंद हैंः

सामान्य उपयोग के मामले #

• वैकल्पिक बैज, रिबन और आइकन।
• एक कॉम्पैक्ट या सघन लेआउट संस्करण।
• द्वितीयक बटन, पाद नोट या विभाजक दिखाएँ या छिपाएँ।
• एक मास्टर स्विच जो पैनल में संबंधित क्षेत्रों के समूह को प्रकट करता है।

स्विचर क्षेत्र के साथ काम करने के लिए युक्तियाँ #

• रिटर्न वैल्यू छोड़ें yes. यह टॉगल, डिफ़ॉल्ट और आपकी शर्तों को चरणबद्ध रखता है।
• यह जो दिखाता है उसके बाद फ़ील्ड का नाम बताएं, जैसे कि show_badge या compact_mode। नाम एक प्रश्न की तरह पढ़ता है {% if %}.
• विकल्प के लिए लेबल ऑन और लेबल ऑफ लिखें, केवल हाँ और नहीं, जब दोनों राज्यों के नाम हों।
• इसे शर्तों के साथ जोड़ें इसलिए किसी विकल्प के लिए आवश्यक फ़ील्ड केवल तभी दिखाई देते हैं जब वह चालू हो।
• दो से अधिक राज्य? का उपयोग करें फ़ील्ड चुनें एक ड्रॉपडाउन के लिए या फ़ील्ड चुनें आइकन बटन के लिए।

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

एक स्विचर जोड़ें, इसे एक स्पष्ट नाम और लेबल दें, रिटर्न वैल्यू यहां छोड़ें yes, और अपने मार्कअप के वैकल्पिक भाग को लपेटें {% if %}फ़ील्ड्स कि विकल्प की जरूरत है और पैनल कम रहता है जब तक एक संपादक यह तीन या अधिक राज्यों के लिए, देखने के लिए एक शर्त जोड़ें चयन करें और चुनना फ़ील्ड, और जांचें मूल्य निर्धारण प्रत्येक योजना में क्या शामिल है।