प्लगइन के बिना वर्डप्रेस के लिए संपर्क फ़ॉर्म

मुझे यह बात समझ नहीं आती कि वर्डप्रेस अभी भी डिफ़ॉल्ट रूप से एक सरल लेकिन व्यापक संपर्क फ़ॉर्म क्यों शामिल नहीं करता।

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

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

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

संरचना और विकल्प

1. फ़ॉर्म फ़ील्ड्स

• नाम: उपयोगकर्ता के लिए अपना नाम दर्ज करने हेतु अनिवार्य फ़ील्ड।
• ईमेल: उपयोगकर्ता के लिए अपना ईमेल पता दर्ज करना अनिवार्य है।
• संदेश: उपयोगकर्ता के लिए अपना संदेश लिखने हेतु अनिवार्य फ़ील्ड। इसमें कम से कम 15 अक्षर और अधिकतम 1,000 अक्षर होने चाहिए। संदेश की सामग्री में लिंक और ईमेल पते की अनुमति नहीं है।
• जोड़ कैप्चा: एक सरल कैप्चा जो उपयोगकर्ता से 1 से 9 के बीच दो यादृच्छिक संख्याओं का जोड़ हल करने के लिए कहता है।
• गोपनीयता नीति की स्वीकृति: फॉर्म जमा करने से पहले गोपनीयता नीति स्वीकार करने के लिए अनिवार्य चेकबॉक्स।

2. सत्यापन और सुरक्षा

• अनिवार्य फ़ील्डों का सत्यापन: सभी फ़ील्ड अनिवार्य हैं। यदि कोई फ़ील्ड अनुपस्थित हो, तो एक त्रुटि संदेश प्रदर्शित किया जाएगा।
• लिंक सत्यापन: नाम या संदेश फ़ील्ड में लिंक (URL)की अनुमति नहीं है।
• जोड़ कैप्चा: उपयोगकर्ता को एक सरल गणितीय क्रिया हल करने के लिए कहकर स्वचालित स्पैम को रोकता है।
• Google reCAPTCHA (वैकल्पिक): यदि Google reCAPTCHA कुंजियाँ कॉन्फ़िगर की गई हैं, तो बॉट्स को रोकने के लिए सुरक्षा का एक दूसरा स्तर जोड़ा जाता है। यदि कोड में reCAPTCHA कुंजियाँ नहीं जोड़ी गई हैं, तो यह फॉर्म में नहीं जोड़ा जाएगा।
• प्रतिबंधित शब्द सत्यापन: वैकल्पिक रूप से, संदेश में विशिष्ट शब्दों को अवरुद्ध किया जा सकता है, उदाहरण के लिए: अनानास, पिज्जा, बिटकॉइन (अल्पविरामों से अलग और बिना रिक्त स्थान के)।
• सुरक्षा नॉन्स: CSRF (क्रॉस-साइट रिक्वेस्ट फोरgery) हमलों से सुरक्षा करता है।

3. गोपनीयता

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

4. प्रतिक्रिया संदेश

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

5. अनुकूलन

• कैप्चा टेक्स्ट: अनुकूलन योग्य (डिफ़ॉल्ट: "क्या आप इंसान हैं? इस जोड़ को हल करें:")।
• प्रतिबंधित शब्द: आप अल्पविरामों से अलग किए गए प्रतिबंधित शब्दों की एक सूची जोड़ सकते हैं।
• Google reCAPTCHA: वैकल्पिक, केवल तभी जोड़ा जाता है जब आपके कैप्चा के लिए साइट कुंजियाँ और सीक्रेट कुंजियाँ कॉन्फ़िगर की गई हों और कोड में जोड़ी गई हों।

6. प्रदर्शन

कोड यह जांचता है कि शॉर्टकोड मौजूद है या नहीं, और यदि नहीं, तो यह कुछ भी प्रदर्शित नहीं करेगा, इसलिए यह केवल उस पेज या पोस्ट पर चलेगा जहाँ शॉर्टकोड जोड़ा गया हो।

प्रदर्शन जहाँ भी प्रदर्शित किया जाता है, वहाँ यह सर्वोत्तम होता है।

स्थापना और विन्यास निर्देश

1. कोड कॉपी और पेस्ट करें

1. अपने वर्डप्रेस थीम की functions.php फ़ाइल खोलें (या यदि आप थीम को संशोधित नहीं करना चाहते हैं तो एक कस्टम प्लगइन बनाएँ, या Code Snippets का उपयोग करें)।
2. पूरे फॉर्म कोड को functions.php फ़ाइल में कॉपी और पेस्ट करें।

2. गूगल reCAPTCHA कॉन्फ़िगर करें (वैकल्पिक)

1. Google reCAPTCHA पर जाएँ।
2. reCAPTCHA v2 चुनें और "मैं रोबोट नहीं हूँ" चेकबॉक्स विकल्प चुनें।
3. अपनी वेबसाइट पंजीकृत करें और कुंजियाँ प्राप्त करें:
   • साइट कुंजी
   • गुप्त कुंजी
4. फ़ॉर्म कोड में, 'YOUR_SITE_KEY' और 'YOUR_SECRET_KEY' को आपके द्वारा प्राप्त की गई कुंजियों से बदलें।
   • यदि आप reCAPTCHA का उपयोग नहीं करना चाहते हैं, तो कुंजियों को जैसा है वैसा ही छोड़ दें। अर्थात् इस प्रकार: ('YOUR_SITE_KEY' और 'YOUR_SECRET_KEY').

3. निषिद्ध शब्दों को कॉन्फ़िगर करें (वैकल्पिक)

1 - फॉर्म कोड में, उस पंक्ति को खोजें:

$palabras_prohibidas = ' ';

2 - जिन शब्दों को आप ब्लॉक करना चाहते हैं, उन्हें अल्पविरामों से अलग करके जोड़ें। उदाहरण के लिए:

$palabras_prohibidas = 'caca,culo,pedo,pis';

यदि आप किसी भी शब्द को ब्लॉक नहीं करना चाहते हैं, तो वेरिएबल को खाली छोड़ दें।

4. जोड़ के लिए कैप्चा टेक्स्ट को अनुकूलित करें (वैकल्पिक)

फ़ॉर्म कोड में, इस लाइन को खोजें:

<label for="captcha">¿Eres humano? Resuelve esta suma: <strong><?php echo $num1; ?> + <?php echo $num2; ?> = </strong></label>

टेक्स्ट "क्या आप इंसान हैं? इस जोड़ को हल करें:" को अपनी इच्छानुसार बदलें।

5. अपनी गोपनीयता नीति का URL जोड़ें।

इस पंक्ति में उदाहरण URL को अपने पेज की गोपनीयता नीति के URL से बदलें:

$politica_privacidad_url = 'https://tuweb.com/declaracion-de-privacidad/';

6. शॉर्टकोड

उस पेज या पोस्ट में शॉर्टकोड जोड़ें जहाँ आप फॉर्म दिखाना चाहते हैं।

[formulario_contacto]

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

यदि मैं परिणामों के आधार पर कोड में बदलाव या सुधार करता हूँ, तो मैं यहाँ नोट्स जोड़ूँगा।

आप पूरा कोड पृष्ठ 2 पर पा सकते हैं।