Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Custom WordPress Registration Form Plugin-इच्छानुसार वर्डप्रेस पंजीकरण प्रपत्र प्लगइन बनाना

by
Difficulty:IntermediateLength:LongLanguages:

Hindi (हिंदी) translation by Dee.P.Tree (you can also view the original English article)

शुरू करते ही, WordPress-वर्डप्रेस एक custom registration form-कस्टम रजिस्ट्रेशन फॉर्म-इच्छानुसार पंजीकरण प्रपत्र मुहैया करता है, जिसको एक नए उपयोगकर्ता को प्रस्थापित-सेटअप करने के लिए, या जब नए उपयोगकर्ता को मौजूद WordPress-वर्डप्रेस इंस्टालेशन-प्रस्थापन में शामिल करना हो तब प्रयोग में ले सकते है।

इस ट्यूटोरियल में, हम सीखेंगे कि वर्डप्रेस में template tags-टेम्पलेट तह और shortcodes-शॉर्टकोड का प्रयोग करके कैसे एक कस्टम रजिस्ट्रेशन फॉर्म बना सकते हैं।

पूर्वनिर्मित-डिफ़ॉल्ट रजिस्ट्रेशन फॉर्म में सिर्फ दो ही fields-फील्ड शामिल होती है - username और email (उपयोगकर्ता का नाम और उनका ईमेल पता)।

सिर्फ username और email फॉर्म फील्ड के मौजूद होने पर रजिस्ट्रेशन प्रक्रिया बेहद आसान बना देता है। पहले, आप अपना username-यूजरनेम और email-ईमेल पता दर्ज करें, उसके बाद एक पासवर्ड आपके पते पे भेजा जाएगा।  उसके बाद, पासवर्ड से वेबसाइट में login-लॉगिन करें और उसके बाद अपनी profile-प्रोफाइल को पूरा करें और कुछ याद रहे वैसा पासवर्ड बदलकर रखें।

उपयोगकर्ता को आपकी वेबसाइट में सिर्फ पंजीकरण-रजिस्ट्रेशन करने के लिए ऊपर बताई गई परेशानी से गुजरने के बजाय, क्यों न एक सीधा-सरल रजिस्ट्रेशन फॉर्म का प्रावधान रखें जिसमे पहले से ही मौजूद हैं ऐसे username-यूजरनेम और email-ईमेल पता के अलावा कुछ महत्वपूर्ण अतिरिक्त form fields-फॉर्म फील्ड जैसे कि password-पासवर्ड, उनकी वेबसाइट का URL-वेबसाइट का पता, biography-उनके बारे में संक्षिप्त विवरण, nickname-उपनाम, और first name-उनका पहला और last name-आखरी नाम भी शामिल हो।

यह विशेषतः multi-author-बहु-रचयिता वाली वेबसाइट जैसे कि Tuts+ के लिए उपयोगी है।

इस लेख में, हम निम्नलिखित फॉर्म फील्ड वाला एक कस्टम रजिस्ट्रेशन फॉर्म प्लगइन तैयार करेंगे: 

  • username-यूज़रनेम-उपयोगकर्ता का नाम
  • password-पासवर्ड 
  • email-ईमेल पता 
  • website URL-वेबसाइट का URL-पता 
  • first name-फर्स्ट नेम-प्रथम नाम 
  • last name-लास्ट नेम-अंतिम नाम
  • nickname-निकनेम-उपनाम
  • biography (or an about section)-बायोग्राफी (या अबाउट सेक्शन)-अपने बारेमे संक्षिप्त विवरण (या उसके लिए एक विभाग)

कस्टम रजिस्ट्रेशन फॉर्म वर्डप्रेस में plugin shortcode-प्लगइन शॉर्टकोड और सम्बंधित template tag-टेम्पलेट टैग के प्रयोग द्वारा एकीकृत किया जा सकता है। 

shortcode-शॉर्टकोड से, आप एक page-पृष्ठ बना सकते है और उसको आपकी वेबसाइट का official registration page-आधिकारिक पंजीकरण पृष्ठ बना सकते है। आप आपके लेख में भी shortcode-शॉर्टकोड का प्रयोग कर सकते है ताकि उपयोगकर्ता आपका किसी लेख को पढ़ने के बाद आपकी वेबसाइट पे signup-साइनअप-खता खोल सकते है।

अगर आपको रजिस्ट्रेशन फॉर्म को sidebar-साइडबार या कोई आपकी वेबसाइट के विशिष्ट स्थान पर शामिल करना है, तो आप इच्छित स्थान पर template tag-टेम्पलेट टैग शामिल करके वर्डप्रेस की theme-थीम-वेबसाइट के विषयवस्तु को सम्पादित कर सकते है।

हम रजिस्ट्रेशन प्लगइन बनाना चालू करें उससे पहले, यह ध्यान योग्य बात है कि username-यूजरनेम-उपयोगकर्ता का नाम, password-पासवर्ड, और email-ईमेल पता field-फील्ड आवशयक हैं।

जब हम हमारा validation function-वेलिडेशन फंक्शन लिखेंगे तब हम इस नियम को बाध्य करेंगे।

प्रीमियम-अधिमूल्यित विकल्प 

यह टुटोरिअल-स्वशिक्षण आपको यह प्लगइन शुरू से बनाना सिखाएगा, लेकिन अगर आप त्वरित, 'लगाओ-और-चलाओ' तरीके का उपाय खोज रहे है, तो Envato Market-एन्वाटो मार्किट पे WordPress Registration Form-वर्डप्रेस रेजिस्ट्रेशन फॉर्म प्लगइन को परखें। Validation control-वेलिडेशन कंट्रोल-विधिमान्यकरण नियंत्रण के द्वारा रजिस्ट्रेशन फील्ड की विशाल श्रेणी को तैयार कर सकते है। एकबार रजिस्ट्रेशन पूरा हो जाने के बाद, नए यूजर-उपयोगकर्ता को उनकी लॉगिन माहिती के साथ ईमेल भेजा जाता है। रजिस्ट्रेशन, पासवर्ड बदलने, इत्यादि के लिए भेजे जाते ईमेल के सांचे-टेम्पलेट को तब्दील किया जा सकता है।

WordPress Registration Form plugin on Envato Market
Envato Market-एन्वाटो मार्किट पे WordPress Registration Form-वर्डप्रेस रेजिस्ट्रेशन फॉर्म

Envato Studio-एन्वाटो स्टूडियो पे सीधा ऑर्डर-ठेका लगाना एक अन्य विकल्प है। आप अनुभवी WordPress plugin developers-वर्डप्रेस प्लगइन डेवलपर की विशाल श्रेणी में से किसी सही व्यक्ति को नियुक्त कर सकते है। उसके बाद आपकी जरुरत उन्हें बताएं, और डेवलपर को सहमत हुए समय अवधि में आपका प्लगइन तैयार करने दें।

उदाहरण के तौर पर, Alisaleem252 एक आपकी इच्छानुसार जरूरत के मुताबिक-कस्टमाइज़्ड WordPress-वर्डप्रेस प्लगइन तैयार करेंगे जो वर्डप्रैस के अत्याधुनिक संस्करण और WordPress Repository-वर्डप्रैस रिपोसिट्री में अन्य प्लगिन्स से सुसंगत होगा।

आप पाएंगे:

  • कस्टम विजेट, अगर उसकी जरूरत है
  • कस्टम शॉर्टकॉड, अगर उसकी जरूरत है
  • कस्टम पोस्ट का प्रकार, अगर उसकी जरूरत है
  • विश्वसनीय सेवा
Custom WordPress Plugin Development
कस्टम-इच्छानुसार WordPress-वर्डप्रेस प्लगइन डेवलपमेंट

पूरी सेवा सिर्फ $३०० की कीमत में पड़ती है, और आपका प्लगइन १० दिन में तैयार हो जाएगा। Alisaleem252 का पिछले ग्राहकों से ९८% approval rating-मान्यता मूल्यांकन है। तो क्यों न यह लोकप्रिय Custom WordPress Plugin Development-कस्टम वर्डप्रैस प्लगइन डेवलपमेंट सेवा को परखा जाएं!

प्लगइन तैयार करना

यह बताने के बाद, चलिए प्लगइन की coding-कॉडिंग प्रक्रिया को चालू करते है। पहले यह प्लगइन header-हैडर शामिल करें।

आगे, हैम एक PHP function-पीएचपी फंक्शन तैयार करते है जिसमे रजिस्ट्रेशन-पंजीकरण फॉर्म का HTML-एचटीएमएल कॉड शामिल है।

ध्यान दें कि क्या रजिस्ट्रेशन field-फील्ड ऊपर के फंक्शन में variable-वेरिएबल की तरह प्रसारित करता है? फंक्शन कॉड में, आप नीचे दिए गए instances-इंस्टान्सेस को देखेंगे, द्रष्टान्त के लिए:

( isset( $_POST['lname'] ) ? $last_name : null )

Ternary operator-टरनरी ऑपरेटर, क्या फॉर्म में कोई मूल्य शामिल है या नही उसके लिए, ग्लोबल $_POST का कंटेंट-विषयवस्तु जांच रहा है। अगर उसमे कोई मूल्य है, तो उपयोगकर्ता को फील्ड को फिरसे इनपुट दर्ज करने से बचाने के लिए वह फॉर्म की फ़ील्ड्स को उसके मूल्यों के साथ ले लेता है।

जब तक आप वेलिडेट-पुष्टि नही करते और उपयोगकर्ता के इनपुट-दर्ज की गई माहिती को sanitize-सेनिटाइज़ नही करते टैब तक कोई रजिस्ट्रेशन फॉर्म कभी भी पूरा नही है। परिणाम के तौर पर, हम एक वेलिडेशन फंक्शन registration_validation के नाम से बनाएंगे।

वेलिडेशन की प्रक्रिया की तकलीफों को कम करने के लिए, हम WordPress-वर्डप्रेस WP_Error class-क्लास का प्रयोग करेंगे। जैसे हम वेलिडेशन फंक्शन को कॉड करते है, मेरा अनुसरण करें:

  1. फंक्शन तैयार करें और रजिस्ट्रेशन फील्ड को फंक्शन argument-आर्गुमेंट के तौर पर पास करें-आगे भेजें।
  2. WP_Error क्लास को Instantiate-इंस्टनशिएट-लागू करें और instance-इंस्टैंस वेरिएबल को global-ग्लोबल बनाएं ताकि वह फंक्शन के दायरे से बाहर भी प्रयोग में लिया जा सके।
  3. याद रहें: हमने कहा था कि username-यूज़रनेम-उपयोगकर्ता का नाम, password-पासवर्ड और email-ईमेल करूरी हैं और खाली नही ही छोड़े जाने चाहिए। यह नियम को लागू करने के लिए, हमे जांचना होगा कि क्या कोई फील्ड खाली है। अगर खाली है, तो error message-एरर मैसेज-गलती का संदेश को ग्लोबल WP_Error क्लास से जोड़ते हैं।
  4. यूज़रनेम ४ अक्षरों से कम अक्षर वाला नही है यह सुनिश्चित करने की भी हम जांच करते हैं।
  5. जांच करें कि क्या यूज़रनेम पहले से ही रजिस्टर्ड-पंजीकृत है।
  6. यूज़रनेम मान्य है या नही यह सुनिश्चित करने के लिए WordPress-वर्डप्रैस के validate_username फंक्शन की सेवाओं का प्रयोग करें।
  7. सुनिश्चित करें कि उपयोगकर्ताओं द्वारा दर्ज किया गया पासवर्ड ५ अक्षरों से कम अक्षर का न हो।
  8. जांच करें कि क्या दर्ज किया गया ईमेल एक मान्य ईमेल है।
  9. जांच करें कि क्या दर्ज किया गया ईमेल पहले से ही रजिस्टर्ड-पंजीकृत है।
  10. अगर वेबसाइट फील्ड को भर गया है, तो जांच करें कि क्या वह मान्य है।
  11. अंत में, हम हमारे WP_Error इंस्टैंस में गलतियों को पूरी तरह loop-लूप करेंगे और हर एक गलती को दर्शाएंगे।
    हमने वेलिडेशन-पुष्टि करने के फंक्शन को कॉड कर दिया हैं।

अगला प्लगइन complete_registration() फंक्शन है जो उपयोगकर्ता के रजिस्ट्रेशन-पंजीकरण को संभालता है।
उपयोगकर्ता का रजिस्ट्रेशन वास्तव में wp_insert_user फंक्शन के द्वारा किया जाता है जो उपयोगकर्ता के डेटा-माहिती के array-ऐरे को स्वीकार करता है।

ऊपर बताए गए complete_registration() फंक्शन में, हमने $reg_errrors WP_Error इंस्टैंस और form fields variable-फॉर्म फ़ील्ड्स वेरिएबल को global-ग्लोबल बनाए थे इसलिए हम वेरिएबल्स को ग्लोबल दायरे में से पहुंच सकते है।

उसके बाद हम जांचते हैं कि क्या $reg_errors एरर हैंडलिंग-गलती संभालने के इंस्टैंस में कोई गलती दर्ज हुई है। अगर कोई गलती नही मिलती है, तो हम $userdata ऐरे को पॉप्युलेट-माहिती को निकालेंगे और उपयोगकर्ता की रजिस्ट्रेशन माहिती को WordPress-वर्डप्रेस डेटाबेस में दाखिल करेंगे और एक Registration Complete-रजिस्ट्रेशन कम्पलीट-पंजीकरण की प्रक्रिया पूर्ण हुई है का संदेश, लॉगिन पृष्ठ की लिंक-कड़ी के साथ, दर्शाएंगे।

उसके बाद, सुपर custom_registration_function() फंक्शन है जो ऊपर बनाए और प्रयोग के लिए है वे सभी फंक्शनों को रख देता है।

में बताता हूँ कि custom_registration_function() में कॉड क्या काम करता है।

पहले, क्या $_POST['submit'] सेट-स्थापित किया गया है वह जांच कर हम निर्धारित करते हैं कि क्या फॉर्म को जमा कर दिया गया है। अगर फॉर्म को जमा कर दिया गया है, तो हम registration_validation फंक्शन को उपयोगकर्ता के द्वारा जमा किये हुए फॉर्म को वेलिडेट-पुष्टि करने के लिए call-कॉल करेंगे।

उसके बाद हम फॉर्म डेटा को सेनिटाइज़-स्वच्छ करते हैं और फॉर्म फील्ड के वेरिएबल में सेनिटाइज़ डेटा को सेट-स्थापित करेंगे। अंत में, हम उपयोगकर्ता को पंजीकृत-रजिस्टर करने के लिए complete_registration को कॉल करते हैं।

हमें registration_form फंक्शन को रजिस्ट्रेशन फॉर्म दर्शाने के लिए कॉल कर हैं।

मैंने बताया था वह याद है कि हम रजिस्ट्रेशन प्लगइन के लिए shortcode-शॉर्टकॉड के समर्थन का प्रावधान रखेंगे? नीचे शॉर्टकॉड के समर्थन के लिए कॉड दिया गया है।

यहाँ पे, हमने प्लगइन के coding-कॉडिंग का काम ख़त्म कर लिया है। नीचे दी गई तस्वीर दिखाती है कि रजिस्ट्रेशन फॉर्म कैसा दिखेगा।

ध्यान रखें कि अलग-अलग CSS styling-सीएसएस स्टाइलिंग की वजह से आपको आपकी वर्डप्रेस वेबसाइट पे सटीक वैसा ही रूप शायद न पाए।

प्लगइन का प्रयोग

WordPress-वर्डप्रेस पोस्ट या पेज-लेख या पृष्ठ पे प्लगइन को कार्यान्वित करने के लिए [cr_custom_registration] shortcode-शॉर्टकोड का प्रयोग करें।

रजिस्ट्रेशन फॉर्म को आपकी theme-थीम-वेबसाइट विषयवस्तु के विशिष्ट पहलू में कार्यान्वित करने के लिए, ये template tag-टेम्पलेट टैग शामिल करें - <?php custom_registration_function(); ?>
इस लेख के अटैचमेंट-अनुबंध से आप प्लगइन की फाइल को पा सकते है।

सारांश

इस लेख में, हम एक प्लगइन बनाने की प्रक्रिया से गुज़रे जो WordPress-वर्डप्रेस में एक custom registration form-कस्टम रजिस्ट्रेशन फॉर्म-इच्छानुसार पंजीकरण प्रपत्र को शामिल करता है। आप इस रजिस्ट्रेशन फॉर्म को अतिरिक्त fields-फील्ड जैसे कि user role-यूजर रोल-उपयोगकर्ता की भूमिका, AOL IM account-AOL का इंस्टेंट मैसेजिंग के खाते से विस्तार कर सकते है, लेकिन सुनिश्चित करें कि फॉर्म फील्ड wp_insert_user के लिए एक मान्य meta data-मेटा डेटा हो।

अगर आपको कोई सवाल है या कोई सुझाव देना चाहते है, तो मुझे टिप्पणीयों में बताएं!

याद रहें कि अगर आप को इस टुटोरिअल-स्वशिक्षण का अनुसरण करने करने में दिक्कत महसूस किए, तो Envato Market-एन्वाटो मार्किट पे WordPress Registration Form-वर्डप्रेस रेजिस्ट्रेशन फॉर्म प्लगइन को परखें।

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.