weForm
आप अपनी शक्ति के लिए वीफॉर्म से प्यार करते हैं, लेकिन एलिमेंटर-निर्मित वेबसाइट में, यह एक अजनबी की तरह महसूस कर सकता है जैसे कि इसके डिफ़ॉल्ट रूप में फंस गया है, मिश्रण करने से इनकार कर रहा है कोई और समझौता नहीं मास्टर एडॉन्स वीफॉर्म एलिमेंट आपको डिजाइन स्टूडियो की चाबियाँ खींचता है किसी भी मौजूदा वीफॉर्म को सीधे एलिमेंटर संपादक में खींचें और इसके हर एक टुकड़े को स्टाइल करें एक-क्लिक पेशेवर लेआउट लागू करें, फिर कंटेनर छाया से सब कुछ प्लेसहोल्डर टेक्स्ट के रंग में ट्विक करें अपने संपर्क फ़ॉर्म, सर्वेक्षण, और पंजीकरण फॉर्म को अपने ब्रांड के सहज, सुंदर विस्तार से अपने फॉर्म को डिज़ाइन जादू को तोड़ने देना बंद करें।
त्वरित डिज़ाइन और लेआउट प्रीसेट
एक खाली स्लेट से क्यों शुरू करें क्यूरेटेड डिज़ाइन लेआउट प्रीसेट (स्टाइल वन से ग्यारह तक) के साथ चल रहे ग्राउंड को हिट करें प्रत्येक प्रीसेट कंटेनर, फ़ील्ड और बटन के लिए शैलियों का एक समन्वित सेट लागू करता है जैसे आपको तुरंत पेशेवर रूप से डिज़ाइन किए गए फॉर्म की आवश्यकता होती है, चाहे आपको न्यूनतम प्रकाश रूप, बोल्ड डार्क कार्ड, या जीवंत सीमाओं के साथ कुछ, एक शुरुआती बिंदु है यह एक वीफॉर्म बनाने का सबसे तेज़ तरीका है जैसे कि यह हमेशा आपके एलिमेंट पेज का हिस्सा होना चाहिए।
- ११+ तैयार शैलियाँ: तत्काल दृश्य अपील के लिए, पूर्व-डिज़ाइन किए गए लेआउट जैसे कि “Style One”, “Style To” इत्यादि की लाइब्रेरी से चुनें।
- सुसंगत डिज़ाइन सिस्टम: प्रत्येक प्रीसेट पूरे फॉर्म को समग्र रूप से स्टाइल करता है कंटेनर, फ़ील्ड, बटन एक आदर्श मिलान सुनिश्चित करता है।
- बिल्कुल सही शुरुआती बिंदु: अपनी नींव के रूप में एक प्रीसेट का उपयोग करें, फिर इसे विशिष्ट रूप से अपना बनाने के लिए दानेदार नियंत्रण के साथ आगे अनुकूलित करें।
संपूर्ण कंटेनर एवं फील्ड वास्तुकला
अपने फॉर्म के बहुत फ्रेम और बिल्डिंग ब्लॉक्स को नियंत्रित करें सबसे पहले, फॉर्म कंटेनर को डिज़ाइन करें: इसकी चौड़ाई, संरेखण, पृष्ठभूमि, पैडिंग सेट करें, और इसे पॉप या मिश्रण बनाने के लिए बॉक्स छाया और सीमा त्रिज्या जैसे उन्नत प्रभाव जोड़ें फिर, आर्किटेक्ट फॉर्म फ़ील्ड्स स्वयं इनपुट चौड़ाई और टेक्सटेरिया चौड़ाई को स्वतंत्र रूप से समायोजित करें, फ़ील्ड पृष्ठभूमि, आंतरिक पैडिंग और सीमाओं को सेट करें आप फोकस राज्य को भी डिज़ाइन कर सकते हैं ताकि सीमा रंग और छाया को बदल सकें जब कोई उपयोगकर्ता पॉलिश, इंटरैक्टिव महसूस के लिए फ़ील्ड [जैसे] में क्लिक करता है।
- फ़ील्ड आयाम नियंत्रण: मानक इनपुट और टेक्स्टएरिया (संदेश) फ़ील्ड के लिए अलग-अलग चौड़ाई निर्धारित करें।
- इंटरएक्टिव फोकस स्टेट्स: जब उपयोगकर्ता फ़ील्ड पर क्लिक करते हैं तो उनके लिए कस्टम बॉर्डर कलर और बॉक्स शैडो को परिभाषित करें, जिससे प्रयोज्यता बढ़े।
- रिक्ति और कोने: प्रत्येक इनपुट बॉक्स के लिए सभी तरफ फाइन-ट्यून फ़ील्ड पैडिंग और बॉर्डर रेडियस।
रंग एवं टाइपोग्राफी नियंत्रण
टाइपोग्राफी और रंग आपके डिजाइन की आत्मा हैं यहां, आप उन्हें हर पाठ तत्व के लिए अलग से नियंत्रित करते हैं लेबल को स्टाइल करें (जैसे कि “ईमेल पता *”) अपने स्वयं के रंग और टाइपोग्राफी के साथ फील्ड फ़ॉन्ट रंग को परिभाषित करें कि उपयोगकर्ता किस प्रकार के लिए महत्वपूर्ण रूप से, शैली अक्सर-भूल गए प्लेसहोल्डर फ़ॉन्ट रंग (“आपका ईमेल...”) स्पष्ट दृश्य पदानुक्रम बनाने के लिए लेबल और इनपुट फ़ील्ड के लिए अलग-अलग टाइपोग्राफी नियंत्रण का उपयोग करें, यह सुनिश्चित करते हुए कि आपका फॉर्म न केवल स्टाइलिश है बल्कि सहजता से पठनीय है।
- ट्रिपल-लेयर टेक्स्ट स्टाइलिंग: लेबल, टाइप किए गए फ़ील्ड फ़ॉन्ट और प्लेसहोल्डर टेक्स्ट के लिए स्वतंत्र रूप से रंग सेट करें।
- पदानुक्रमित टाइपोग्राफी: लेबल टाइपोग्राफी और इनपुट फ़ील्ड टाइपोग्राफी में विभिन्न फ़ॉन्ट परिवार, आकार और वजन लागू करें।
- दृश्य स्पष्टता: फॉर्म के माध्यम से उपयोगकर्ताओं को सहज रूप से मार्गदर्शन करने के लिए लेबल और प्लेसहोल्डर्स के लिए विपरीत रंगों का उपयोग करें।
बटन अनुकूलन सबमिट करें
सबमिट बटन अंतिम, सबसे महत्वपूर्ण कदम है इसे डिफ़ॉल्ट ग्रे आयत के रूप में न छोड़ें पूर्ण कमांड लें इसकी चौड़ाई और संरेखण को नियंत्रित करें इसकी टाइपोग्राफी शैली करें सामान्य और होवर दोनों राज्यों के लिए पाठ रंग और पृष्ठभूमि रंग को परिभाषित करें सही आकार और आकार प्राप्त करने के लिए इसकी पैडिंग, मार्जिन, बॉर्डर और बॉर्डर रेडियस को समायोजित करें इसे पृष्ठ से उठाने के लिए एक बॉक्स छाया जोड़ें यह आपके रूपांतरणों के लिए एक सम्मोहक, क्लिक-योग्य ट्रिगर में एक सांसारिक “सबमिट” बदल देता है।
- पूर्ण आयाम नियंत्रण: सही बटन ज्यामिति के लिए बटन चौड़ाई, पैडिंग, मार्जिन और बॉर्डर त्रिज्या समायोजित करें।
- संरेखण स्वतंत्रता: फॉर्म कंटेनर के भीतर बटन को बाएँ, केंद्र या दाएँ रखें।
- उन्नत प्रभाव: अपने बटन को एक असाधारण दृश्य तत्व बनाने के लिए बॉक्स शैडो और कस्टम बॉर्डर प्रकार लागू करें।
weform के लिए अक्सर पूछे जाने वाले प्रश्न
मैं इस तत्व को अपने मौजूदा weForms से कैसे जोड़ूं?
यह सरल है सामग्री टैब में, आपको एक “Select weForm” ड्रॉपडाउन दिखाई देगा इसे क्लिक करें, और आपको weForms प्लगइन डैशबोर्ड में आपके द्वारा बनाए गए सभी रूपों की एक सूची दिखाई देगी बस उस तत्व का चयन करें जिसे आप एम्बेड और डिज़ाइन करना चाहते हैं तत्व आपके लाइव फॉर्म फ़ील्ड (नाम, ईमेल, आदि) में स्वचालित रूप से खींचता है।
क्या मेरा फॉर्म अभी भी काम करेगा और पहले की तरह ईमेल भेजेगा?
बिल्कुल, हाँ। यह तत्व केवल एलिमेंटर के भीतर फॉर्म के दृश्य डिज़ाइन को बदलता है। सभी कोर weForms कार्यक्षमता jo फ़ील्ड लॉजिक, नोटिफिकेशन, ईमेल रूटिंग, पुष्टिकरण और डेटा स्टोरेज je 100% बरकरार रहती है और बिल्कुल वैसे ही काम करती है जैसे आपने इसे weForms प्लगइन सेटिंग्स में कॉन्फ़िगर किया था।
क्या मैं एक ही साइट पर विभिन्न रूपों के लिए विभिन्न शैलियों का उपयोग कर सकता हूं?
बेशक! प्रत्येक मास्टर ऐडऑन वेबफॉर्म तत्व जिसे आप एक पृष्ठ पर रखते हैं, स्वतंत्र रूप से स्टाइल किया जाता है। आप अपने पाद लेख में एक न्यूनतम संपर्क फ़ॉर्म (स्टाइल दो का उपयोग करके) और अपने हीरो अनुभाग में एक बोल्ड, रंगीन पंजीकरण फॉर्म (स्टाइल सात का उपयोग करके) बिना किसी संघर्ष के रख सकते हैं।
क्या डिज़ाइन किया गया फॉर्म मोबाइल पर पूरी तरह उत्तरदायी है?
हाँ तत्व को जवाबदेही के साथ बनाया गया है मन में कंटेनर चौड़ाई, क्षेत्र चौड़ाई, पैडिंग, और फ़ॉन्ट आकार सभी अनुकूलित करेंगे उन्नत नियंत्रण के लिए, आप विशेष रूप से टैबलेट और मोबाइल दृश्यों (जैसे स्टैकिंग फ़ील्ड या समायोजन बटन आकार) के लिए सेटिंग्स को ट्विक करने के लिए एलिमेंट के उत्तरदायी मोड का उपयोग कर सकते हैं।
यदि मैं मुख्य weForms प्लगइन में अपनी फ़ील्ड सेटिंग्स अपडेट करता हूँ तो क्या होगा?
आपके परिवर्तन (जैसे एक नया फ़ील्ड जोड़ना या फ़ील्ड लेबल बदलना) स्वचालित रूप से सिंक हो जाएगा आपको केवल एलिमेंट संपादक दृश्य को ताज़ा करने की आवश्यकता हो सकती है (जैसा कि सहायक पाठ सुझाव देता है) अद्यतन फ़ील्ड संरचना को देखने के लिए आपकी कस्टम शैलियों को फिर नए या अद्यतन फ़ील्ड पर लागू किया जाएगा।
क्या मैं अभी भी सशर्त तर्क और अन्य उन्नत वीफॉर्म सुविधाओं का उपयोग कर सकता हूं?
निश्चित रूप से चूंकि यह तत्व आपके वास्तविक, कामकाजी वीफॉर्म को एम्बेड करता है, सशर्त तर्क, बहु-पृष्ठ रूपों, फ़ाइल अपलोड और एकीकरण जैसी सभी उन्नत सुविधाएं जो आप वीफॉर्म में स्थापित करते हैं, वे पूरी तरह से काम करेंगे आप बस इसे एक नया, सुंदर फ्रंट-एंड त्वचा दे रहे हैं।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
