पाठ फ़ील्ड

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

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

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

टेक्स्ट फ़ील्ड क्या करता है #

एक पाठ क्षेत्र विजेट के विकल्प पैनल में एक एकल-पंक्ति पाठ इनपुट प्रस्तुत करता है जब कोई एलिमेंटर में आपके कस्टम विजेट को संपादित करता है, तो वे उस इनपुट को देखते हैं, एक मान टाइप करते हैं, और आपका विजेट इसे आउटपुट करता है जहां भी आपने मिलान शॉर्टकोड रखा है।

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

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

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
• विजेट बिल्डर संपादक में एक कस्टम विजेट खुला।

टेक्स्ट फ़ील्ड कैसे जोड़ें #

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

पाठ फ़ील्ड विकल्पों को समझाया गया #

अपनी सेटिंग्स खोलने के लिए पाठ फ़ील्ड का चयन करें ये विकल्प नियंत्रित करते हैं कि इनपुट कैसे दिखता है और एलिमेंट पैनल में व्यवहार करता है।

• लेबलः एलिमेंट में फ़ील्ड के ऊपर दिखाई देने वाला पाठ इसे छोटा और स्पष्ट रखें, जैसे “Heading” या “Button Text”।
• नाम: क्षेत्र के लिए विशिष्ट पहचानकर्ता इसमें केवल अक्षर, संख्याएं और अंडरस्कोर होना चाहिए, इसलिए कोई रिक्त स्थान या डैश नहीं यह नाम आपका शॉर्टकोड बन जाता है, इसलिए एक क्षेत्र नामित heading तुम्हें देता है {{heading}}.
• विवरण: क्षेत्र के नीचे दिखाया गया वैकल्पिक सहायक पाठ इसका उपयोग यह समझाने के लिए करें कि इनपुट क्या नियंत्रित करता है।
• प्लेसहोल्डर: फ़ील्ड खाली होने पर ग्रे-आउट संकेत दिखाया गया है, उदाहरण के लिए “अपना शीर्षक लिखें”। यह वास्तविक मान सेट किए बिना उपयोगकर्ता का मार्गदर्शन करता है।
• डिफ़ॉल्ट मानः मान क्षेत्र के साथ शुरू होता है कुछ सेट करें जैसे कि “बिल्ड बेहतर अनुभव” ताकि विजेट किसी को भी संपादित करने से पहले समाप्त हो जाए।

सामान्य सेटिंग्स: उत्तरदायी, गतिशील, और अधिक #

तक नीचे स्क्रॉल करें सामान्य सेटिंग्स नियंत्रण के लिए जो तय करते हैं कि क्षेत्र कितना लचीला है यह वह जगह है जहां आप उत्तरदायी मूल्यों और गतिशील टैग को चालू करते हैं।

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

फ़ील्ड को अपने कोड से कनेक्ट करें #

प्रत्येक टेक्स्ट फ़ील्ड अपने नाम से एक शॉर्टकोड उत्पन्न करता है नामित फ़ील्ड जोड़ें heading और टोकन {{heading}} प्रलेखन साइडबार में दिखाई देता है उस टोकन को अपने एचटीएमएल में छोड़ दें जहां भी पाठ संबंधित है।

एक नायक शीर्षक के लिए, परिवर्तन छोटा हैः

• अपने अंदर स्थिर पाठ बदलें <h1> साथ {{heading}}.
• विजेट सहेजें। अब <h1> उपयोगकर्ता एलिमेंट में जो भी मान सेट करता है उसे प्रिंट करता है।

चूंकि शॉर्टकोड सिर्फ एक टोकन है, आप सीएसएस या जेएस में भी उसी फ़ील्ड मान का पुन: उपयोग कर सकते हैं एक क्षेत्र, कई स्थानों।

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

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

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

एक गतिशील टैग से पाठ खींचो #

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

प्रति डिवाइस एक अलग मान सेट करें #

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

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

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

टेक्स्ट फ़ील्ड के साथ काम करने के लिए युक्तियाँ #

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

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

लपेटकर #

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