द मास्टर एडॉन्स द्वारा फॉर्म 7 एलिमेंट से संपर्क करें एक विशेष विजेट है जिसका उपयोग आपके भीतर लोकप्रिय संपर्क फ़ॉर्म 7 प्लगइन का उपयोग करके बनाए गए फॉर्म को एकीकृत करने और स्टाइल करने के लिए किया जाता है एलिमेंट डिजाइन। यह आपको एलिमेंटर के माध्यम से शक्तिशाली दृश्य अनुकूलन प्राप्त करते हुए CF7 की मजबूत कार्यक्षमता का लाभ उठाने की अनुमति देता है।
संपर्क फ़ॉर्म ७ तत्व का उपयोग करके, आप कर सकते हैंः
- चयन करें ड्रॉपडाउन से कोई भी मौजूदा संपर्क फ़ॉर्म 7 फ़ॉर्म।
- एकाधिक से चुनें डिज़ाइन विविधताएँ (स्टाइल वन के माध्यम से स्टाइल इलेवन).
- की दृश्यता को नियंत्रित करें त्रुटि संदेश और सत्यापन त्रुटियाँ.
- को पूरी तरह से अनुकूलित करें फॉर्म कंटेनर, इनपुट और टेक्स्टएरिया फ़ील्ड, लेबल, और द बटन सबमिट करें लिए सामान्य और होवर राज्यों।
- के प्रदर्शन को स्टाइल करें त्रुटि और सत्यापन संदेश.
तो, आइए देखें कि इस तत्व को कैसे जोड़ा और अनुकूलित किया जाए।
एलिमेंट में संपर्क फ़ॉर्म 7 विजेट क्या है? #
संपर्क फ़ॉर्म ७ एलिमेंटर विजेट एक मास्टर एडॉन्स तत्व है जो एलिमेंटर के अंदर किसी भी मौजूदा संपर्क फ़ॉर्म ७ फॉर्म को प्रदर्शित करता है और आपको इसके डिज़ाइन पर पूर्ण दृश्य नियंत्रण देता है यह सीएफ ७ को फॉर्म लॉजिक और ईमेल डिलीवरी को संभालता रहता है, जबकि आप कंटेनर, इनपुट फ़ील्ड, लेबल, सबमिट बटन, और एलिमेंटर के स्टाइल टैब से त्रुटि संदेश मास्टर एडॉन्स ग्यारह डिज़ाइन प्रीसेट (फ्री प्लगइन में स्टाइल वन टू फोर, प्रो में स्टाइल फाइव टू इलेवन) को शिप करते हैं, ताकि आप बिना किसी सीएसएस को लिखे अपनी साइट से मेल खाने के लिए एक सादे सीएफ ७ फॉर्म को रीस्टाइल कर सकें यह मुफ्त का हिस्सा है मास्टर ऐडऑन विजेट और एक्सटेंशन पुस्तकालय सीएसएस और एलिमेंटर प्रो फॉर्म विजेट के साथ एक सिंहावलोकन और तुलना के लिए, देखें संपर्क फ़ॉर्म ७ एलिमेंट विजेट पेज।
संपर्क फ़ॉर्म 7 तत्व जोड़ना और कॉन्फ़िगर करना #
एलिमेंटर में एक स्टाइल संपर्क फ़ॉर्म 7 फॉर्म जोड़ने के लिए: एलिमेंटर के साथ अपना पेज संपादित करें, खींचें संपर्क फ़ॉर्म ७ कैनवास पर विजेट करें, ड्रॉपडाउन से अपना फॉर्म चुनें, एक डिज़ाइन भिन्नता चुनें (स्टाइल वन से फोर मुफ़्त हैं), फिर कंटेनर, फ़ील्ड, लेबल को ठीक करें और सबमिट बटन को ठीक करें शैली टैब नीचे दिए गए चरण प्रत्येक भाग के माध्यम से विस्तार से चलते हैं।
अपनी वेबसाइट के किसी भी पृष्ठ पर संपर्क फ़ॉर्म 7 तत्व जोड़ने और कॉन्फ़िगर करने के लिए इन चरणों का पालन करें।
चरण १: एक पेज बनाएं या संपादित करें #
- अपने वर्डप्रेस डैशबोर्ड से, पर जाएं पन्ने → नया जोड़ें नया पेज बनाने के लिए आप एक मौजूदा पेज का चयन भी कर सकते हैं और क्लिक कर सकते हैं संपादित करें.
- इसके बाद, “ पर क्लिक करेंएलिमेंट के साथ संपादित करें” बटन।
चरण २: संपर्क फ़ॉर्म ७ तत्व खोजें #
- बाएं हाथ के एलिमेंटर पैनल में, “ को खोजने के लिए खोज बार का उपयोग करेंसंपर्क फ़ॉर्म ७.”
- पृष्ठ के अपने वांछित अनुभाग पर ऐडऑन को खींचें और छोड़ें।
चरण ३: संपर्क फ़ॉर्म ७ सेटिंग्स को अनुकूलित करें #
ऐडऑन लगाने के बाद, आपको बाएं हाथ के पैनल में अनुकूलन अनुभाग मिलेंगे, मुख्य रूप से इसके नीचे सामग्री और शैली टैब।
सामग्री टैब #
यह वह जगह है जहां आप फॉर्म का चयन करते हैं और त्रुटि दृश्यता को परिभाषित करते हैं।
संपर्क फ़ॉर्म ७: #
- संपर्क फ़ॉर्म चुनेंः ड्रॉपडाउन सूची से वह विशिष्ट संपर्क फ़ॉर्म 7 फ़ॉर्म चुनें जिसे आप प्रदर्शित करना चाहते हैं।
- त्रुटियाँ शैली (त्रुटि संदेश/सत्यापन त्रुटियाँ): चुनें कि क्या करना है शो या छिपाएँ व्यक्तिगत फ़ील्ड (त्रुटि संदेश) और फॉर्म-स्तरीय सत्यापन संदेश (सत्यापन त्रुटियाँ) के अंतर्गत नोटिस।
डिजाइन लेआउटः #
- डिजाइन विविधताएंः फॉर्म के लिए पूर्व-डिज़ाइन की गई शैली का चयन करें (स्टाइल वन के माध्यम से स्टाइल इलेवन).
स्टाइल टैब #
यह वह जगह है जहां आप रूप और उसके तत्वों की दृश्य उपस्थिति को नियंत्रित करते हैं।
फॉर्म कंटेनरः #
- पृष्ठभूमि प्रकारः पूरे फॉर्म कंटेनर के लिए पृष्ठभूमि शैली सेट करेंः क्लासिक या ढाल.
- बॉर्डर टॉप कलरः कंटेनर की शीर्ष सीमा के लिए एक रंग सेट करें।
- फॉर्म की चौड़ाई (%) /फॉर्म पैडिंग: फॉर्म कंटेनर के आकार और आंतरिक अंतर को नियंत्रित करें।
शीर्षक: #
- रंग/संरेखण/टाइपोग्राफी: फॉर्म का शीर्षक स्टाइल करें (यदि कोई CF7 संरचना में मौजूद है)।
इनपुट और टेक्स्टएरिया: #
- पृष्ठभूमि रंग/पाठ रंगः सभी इनपुट और टेक्स्टएरिया फ़ील्ड के लिए पृष्ठभूमि और टेक्स्ट रंग सेट करें।
- पैडिंगः फ़ील्ड की आंतरिक दूरी को समायोजित करें।
- फ़ील्ड चौड़ाई (%): खेतों के क्षैतिज आकार सेट करें।
- सीमा प्रकार/सीमा त्रिज्या: इनपुट फ़ील्ड के लिए बॉर्डर शैली और गोल कोने सेट करें।
लेबलः #
- रंग/टाइपोग्राफी: फ़ील्ड लेबल के लिए टेक्स्ट रंग और फ़ॉन्ट सेटिंग्स को स्टाइल करें।
बटन सबमिट करेंः #
- बटन टाइपोग्राफीः बटन पाठ के लिए फ़ॉन्ट सेटिंग्स को नियंत्रित करें।
- सामान्य/होवर: दोनों राज्यों में बटन के लिए निम्न सेट करेंः
- पृष्ठभूमि प्रकार
- पाठ रंग
- सीमा रंग
- सीमा त्रिज्या/पैडिंग: बटन के गोल कोनों और आंतरिक रिक्ति को सेट करें।
त्रुटियाँ: #
- त्रुटि संदेश (फील्ड के अंतर्गत): व्यक्तिगत फ़ील्ड के नीचे दिखाई देने वाली सूचनाओं को स्टाइल करें, जैसे कि आवश्यक फ़ील्ड संदेश।
- पाठ का रंग/पृष्ठभूमि का रंग/सीमा प्रकार।
- सत्यापन त्रुटियाँ (पूरा प्रपत्र): जब कोई सबमिशन सत्यापन में विफल हो जाता है तो दिखाए गए फॉर्म-स्तरीय संदेश को स्टाइल करें।
- पृष्ठभूमि रंग/पाठ रंग/सीमा प्रकार।
चरण ४: अपना पेज सहेजें और प्रकाशित करें #
एक बार जब आप अपनी पसंद के अनुसार सब कुछ अनुकूलित कर लेते हैंः
- “ पर क्लिक करेंप्रकाशित करें” बटन (यदि यह एक नया पृष्ठ है) या “अपडेटइंबाल (यदि किसी मौजूदा पृष्ठ को संपादित कर रहा है)।
- सभी शैलियों को सही ढंग से लागू करने के लिए फ्रंटएंड पर फॉर्म सबमिशन और त्रुटि संदेशों का परीक्षण करें।
अक्सर पूछे जाने वाले प्रश्न #
मैं एलिमेंट में संपर्क फ़ॉर्म ७ को कैसे स्टाइल करूं?
मास्टर एडॉन्स संपर्क फ़ॉर्म ७ विजेट को अपने एलिमेंटर पेज पर जोड़ें, ड्रॉपडाउन से अपना फॉर्म चुनें, फिर स्टाइल टैब खोलें वहां से आप फॉर्म कंटेनर, इनपुट और टेक्सटेरिया फ़ील्ड, लेबल, सबमिट बटन और त्रुटि संदेशों को फिर से स्टाइल कर सकते हैं मैन्युअल स्टाइलिंग को छोड़ने के लिए आप एक डिज़ाइन प्रीसेट (चार मुफ्त हैं, सात और प्रो के साथ आते हैं) भी चुन सकते हैं।
क्या मास्टर ऐडऑन में संपर्क फ़ॉर्म ७ विजेट मुफ़्त है?
हाँ। संपर्क फ़ॉर्म 7 विजेट मुफ़्त का हिस्सा है मास्टर ऐडऑन विजेट और एक्सटेंशन पुस्तकालय आपको केवल मुफ्त संपर्क फॉर्म ७ प्लगइन और मास्टर एडॉन्स स्थापित और सक्रिय की आवश्यकता है; कोई एलिमेंटर प्रो की आवश्यकता नहीं है स्टाइल वन से स्टाइल फोर फ्री हैं, और स्टाइल फाइव से स्टाइल इलेवन को मास्टर एडॉन्स प्रो की आवश्यकता है।
मास्टर ऐडऑन में कितने संपर्क फ़ॉर्म ७ डिज़ाइन शैलियाँ शामिल हैं?
मास्टर ऐडऑन में ग्यारह डिज़ाइन विविधताएं शामिल हैं, स्टाइल वन से स्टाइल इलेवन तक लेबल किया गया है स्टाइल वन से स्टाइल फोर मुफ़्त हैं, और स्टाइल फाइव से स्टाइल इलेवन को मास्टर ऐडऑन प्रो की आवश्यकता है। तुरंत संपूर्ण लुक लागू करने के लिए डिज़ाइन लेआउट अनुभाग के अंतर्गत एक चुनें, फिर अपने ब्रांड से मेल खाने के लिए स्टाइल टैब में रंग, बॉर्डर और टाइपोग्राफी समायोजित करें।
क्या मैं संपर्क फ़ॉर्म 7 सबमिट बटन में फ़ॉन्ट विस्मयकारी आइकन जोड़ सकता हूँ?
हाँ। इस विजेट में अंतर्निहित बटन स्टाइल से परे, आप हमारे गाइड का पालन करके सेंड बटन में एक आइकन जोड़ सकते हैं संपर्क फ़ॉर्म 7 सबमिट बटन के अंदर एक फ़ॉन्ट विस्मयकारी आइकन लागू करें। यह आपके द्वारा यहां सेट की गई सामान्य और होवर बटन शैलियों के साथ अच्छी तरह से मेल खाता है।
एलिमेंट में मेरा संपर्क फ़ॉर्म ७ स्टाइल क्यों नहीं दिखा रहा है?
यह लगभग हमेशा कैशिंग या प्लगइन संघर्ष है संपर्क फ़ॉर्म ७ और मास्टर एडॉन्स दोनों सक्रिय हैं, सुनिश्चित करें कि आप मास्टर एडॉन्स संपर्क फ़ॉर्म ७ विजेट (सादा सीएफ ७ शॉर्टकोड नहीं) का उपयोग कर रहे हैं, फिर अपने पृष्ठ कैश को शुद्ध करें और हार्ड-रीलोड संपत्ति दुबला रखने में भी मदद करता है; करने के लिए हमारे सुझाव देखें अपनी एलिमेंटर वेबसाइट को तेज़ करें.
