छिपा हुआ

द छुपा मैदान मास्टर एडॉन्स में एक नियंत्रण है विजेट बिल्डर कि संपादकों कभी नहीं देखते हैं यह एक निश्चित मूल्य रखता है जिसे आप बिल्डर में एक बार सेट करते हैं, एक संस्करण स्ट्रिंग या लेआउट कुंजी कहते हैं मूल्य विजेट के साथ यात्रा करता है और टेम्पलेट टोकन के माध्यम से प्रिंट करता है, लेकिन इसके लिए कोई इनपुट एलिमेंट पैनल में कहीं भी दिखाई नहीं देता है।

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

यह आपके टेम्पलेट की ज़रूरतों के स्थिरांक के लिए सही घर बनाता है लेकिन उपयोगकर्ताओं को संपादित नहीं करना चाहिए कुछ भी एक जिज्ञासु ग्राहक दुर्घटना से बदल सकता है पहुंच से बाहर रहता है आपका एचटीएमएल, सीएसएस, और जेएस पैनल अभी भी इसे किसी अन्य मूल्य की तरह पढ़ सकते हैं।

हिडन फील्ड क्या करता है #

• बिल्डर में परिभाषित एक निश्चित स्ट्रिंग मान संग्रहीत करता है, एलिमेंटर में कोई दृश्यमान नियंत्रण नहीं होता है।
• विजेट के HTML, CSS, या JS पैनल में कहीं भी उस मान को प्रिंट करता है {{ your_field_name }}.
• कॉन्फ़िगरेशन स्थिरांक को संपादन यूआई से बाहर रखता है, इसलिए उन्हें प्रति पृष्ठ नहीं बदला जा सकता है।
• टेम्प्लेट लॉजिक में टेक्स्ट वैल्यू की तरह व्यवहार करता है, इसलिए सशर्त जैसे {% if mode == 'embed' %} काम।

यदि यह आपका पहला कस्टम विजेट है, तो पढ़ें विजेट बिल्डर अवलोकन इस पृष्ठ से पहले; यह फ़ील्ड दस्तावेज़ों द्वारा ग्रहण किए गए संपादक लेआउट को कवर करता है।

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

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
• विजेट बिल्डर संपादक में एक कस्टम विजेट खुला हमारा उदाहरण एक नक्शा एम्बेड विजेट है जहां एक छिपे हुए क्षेत्र का नाम दिया गया है map_style_key एम्बेड स्क्रिप्ट अपेक्षित निश्चित मानचित्र शैली पहचानकर्ता रखता है।

एक छिपे हुए क्षेत्र को कैसे जोड़ें #

खींचना छिपा हुआ फ़ील्ड पैनल से किसी भी अनुभाग में फ़ील्ड टैब यहां कोई फर्क नहीं पड़ता, क्योंकि पैनल में कुछ भी नहीं होता है किसी भी तरह से इसके विकल्प जमीन के रूप में बाईं ओर खुलते हैं।

छिपे हुए फ़ील्ड विकल्पों की व्याख्या की गई #

विकल्प सूची डिजाइन द्वारा छोटी हैः

• लेबलः बिल्डर के अंदर अपने स्वयं के संदर्भ के लिए एक नाम यह एलिमेंट में कभी नहीं दिखाता है।
• नाम: आपके टेम्प्लेट जिस विशिष्ट पहचानकर्ता को संदर्भित करते हैं। उदाहरण के लिए, केवल अक्षर, संख्याएँ और अंडरस्कोर map_style_key.
• डिफ़ॉल्टः मान क्षेत्र रखता है चूंकि बाद में इसे बदलने के लिए कोई यूआई नहीं है, यह प्रभावी रूप से मूल्य, पूर्ण विराम है।

हिडन फ़ील्ड को उसके टोकन से कनेक्ट करें #

छिपा हुआ क्षेत्र एक टोकन क्षेत्र है इसे बिल्कुल एक पाठ मान की तरह प्रिंट करें, तीन पैनलों में से किसी मेंः

<!-- HTML panel -->
<div class="ma-map" data-style="{{ map_style_key }}"></div>

// JS panel
var styleKey = "{{ map_style_key }}";
initMap(styleKey);

टेम्पलेट तर्क भी उस पर शाखा कर सकते हैं यदि आप एक ही विजेट के दो आंतरिक मोड भेजते हैं, तो एक छिपे हुए क्षेत्र विकल्प को उजागर किए बिना शाखा चुन सकते हैंः

{% if widget_mode == 'compact' %}
<div class="ma-map ma-map--compact"></div>
{% else %}
<div class="ma-map ma-map--full"></div>
{% endif %}

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

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

एलिमेंटर में छिपे हुए फ़ील्ड का उपयोग करें #

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

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

• लेआउट कुंजियाँ वह आंतरिक सीएसएस या जेएस शाखाएं, प्रति विजेट तय की गईं।
• संस्करण तार भेजे गए विजेट को डिबगिंग करने के लिए डेटा विशेषता में अंकित किया गया।
• एपीआई मोड झंडे जैसे कि एक एम्बेड प्रकार विजेट की स्क्रिप्ट पढ़ता है।
• निश्चित वर्ग नाम टुकड़े मार्कअप में मुद्रित किया गया ताकि एक विजेट परिवार स्टाइलिंग हुक साझा कर सके।
• टेम्पलेट शाखा स्विच जब आप एक विजेट को दो आंतरिक वेरिएंट में निर्यात करते हैं।

छिपे हुए क्षेत्र के साथ काम करने के लिए युक्तियाँ #

• इसे स्थिरांक की तरह नाम दें। map_style_key अगले अनुरक्षक को बताता है कि टोकन का क्या अर्थ है; hidden_1 नहीं करता।
• सहेजने से पहले डिफ़ॉल्ट सेट करें। एलिमेंटर की ओर से कोई दूसरा मौका नहीं है; एक खाली डिफ़ॉल्ट टोकन दिखाई देने पर हर जगह एक खाली स्ट्रिंग प्रस्तुत करता है।
• इसे जेएस में उद्धृत करें। मान एक स्ट्रिंग है, इसलिए लिखें var key = "{{ map_style_key }}"; उद्धरणों के साथ।
• एक बार उपयोगकर्ताओं को नियंत्रण की आवश्यकता होने पर दृश्यमान फ़ील्ड को प्राथमिकता दें। जिस क्षण मान प्रति पृष्ठ भिन्न होना चाहिए, छिपे हुए फ़ील्ड को a से बदल दें पाठ या चयन करें उपयोगकर्ताओं को विजेट आंतरिक संपादित करने के लिए कहने के बजाय फ़ील्ड।
• कोई रहस्य नहीं. मूल्य सार्वजनिक पृष्ठ आउटपुट में समाप्त होता है, इसलिए इसे स्रोत पढ़ने वाले किसी भी व्यक्ति के लिए दृश्यमान मानें।

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

लपेटकर #

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