Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress
Webdesign

स्क्रैच से कस्टम वर्डप्रेस प्लगइन बनाएं

by
Difficulty:AdvancedLength:LongLanguages:

Hindi (हिंदी) translation by Ashish Rampal (you can also view the original English article)

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



1. परिचय

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

आज के ट्यूटोरियल में हम एक वर्डप्रेस प्लगइन बनाने के बारे में बात करेंगे, जो बाहरी OSCommerce दुकान डेटाबेस से उत्पादों को निकालता है और प्रदर्शित करता है। हम एक प्लगइन की फ़ाइल संरचना का वर्णन करके शुरू करेंगे और जहां इसे वर्डप्रेस संरचना में शामिल किया जाना है, तो हम अपने प्लगइन को Wordpress के लिए कैसे दिखेंगे और इसे अपने फ्रेम द्वारा चलाए गए कार्यों के साथ एकीकृत करने के बारे में एक करीब से देखेंगे। अगला, हम अपने प्लगइन के लिए एक कॉन्फ़िगरेशन पैनल बनाकर साइट व्यवस्थापक को अपनी आवश्यकताओं के अनुसार इसे कस्टमाइज़ करने की इजाजत देंगे। एक बार किए जाने के बाद, हम फ्रंट-एंड फ़ंक्शंस स्वयं लागू करेंगे जो कि ओएसएक्सएर डाटाबेस के साथ बातचीत करेंगे और आवश्यक डेटा निकालेगा। अंत में, हम साइडबार में निकाले गए डेटा को प्रदर्शित करने के लिए डिफ़ॉल्ट टेम्पलेट को संशोधित करेंगे। उत्साहित? आएँ शुरू करें! अंतिम उत्पाद आएँ शुरू करें!

Final Product

2. प्रारंभ करना

हालांकि इस ट्यूटोरियल को बस इसे पढ़ने के माध्यम से अनुसरण करना संभव होगा, मैं अपने कंप्यूटर पर Wordpress स्थापित करने और सभी चरणों को लागू करने के लिए ट्यूटोरियल का पालन करने की सिफारिश करेगा। इसके लिए, आपको अपने मशीन पर चलने वाला स्थानीय सर्वर की आवश्यकता होगी, जैसे कि उदाहरण के लिए XAMPP। एक बार जब आप इसे चलाने, download और स्थापित करने के बाद Wordpress। आप installation process and troubleshooting के बारे में Wordpress साइट पर विस्तृत जानकारी प्राप्त करेंगे। इस ट्यूटोरियल के लिए हम रिलीज 2.7 का उपयोग करेंगे।

इसके अलावा, आपको अपनी मशीन पर एक ओएसएसीएक्स की दुकान स्थापित करने की आवश्यकता होगी। रिलीज़ डाउनलोड कर सकते हैं: http://www.oscommerce.com/solutions/downloads


3. फ़ाइलें और फ़ोल्डर्स

सबसे पहले, हमें अपनी बुनियादी फ़ाइलें और फ़ोल्डर संरचना बनाने की आवश्यकता होगी। वर्डप्रेस अपने प्लगइन्स को wp-content/plugins/ folder में संग्रहीत करता है। यह वह जगह है जहां हम अपनी फ़ाइलों को भी जोड़ देंगे। आम तौर पर, यदि आपका प्लगइन बहुत आसान होने जा रहा है, तो आप एक एकल PHP फ़ाइल के अंदर सभी कोड शामिल कर सकते हैं। इस मामले में, आप बस ऊपर उल्लेखित फ़ोल्डर में फ़ाइल को संग्रहित करेंगे। हालांकि, हमारे मामले में, हम दो फाइलें (मुख्य प्लगइन फ़ाइल के लिए और एक प्रशासन पृष्ठ को लागू करने के लिए) का उपयोग करने जा रहे हैं, इसलिए हम एक विशिष्ट फ़ोल्डर में हमारी सभी फाइल डाल रहे होंगे कि हम oscommerce_importer का नाम देंगे। आगे बढ़ो और इस फ़ोल्डर को बनाएं।


4. प्लगइन फ़ाइल बनाना

अगला, हमें हमारी मुख्य प्लगइन फ़ाइल बनाना होगा। हम इसे oscommerce_importer.php नाम देंगे। आप वास्तव में जो कुछ भी चाहते हैं, उसे नाम दे सकते हैं, इसमें कोई अंतर नहीं है।

यदि आप अब अपना वर्डप्रेस प्रशासन पैनल खोलते हैं और Plugins अनुभागों पर नेविगेट करते हैं, तो आपकी स्क्रीन कुछ इस तरह दिखाई देगी:

Admin panel

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

काफी सरल, क्या आपको नहीं लगता? आप निश्चित रूप से, इस शीर्ष लेख की सामग्री को अपनी पसंद के अनुसार बदल सकते हैं लेकिन सुनिश्चित करें कि आप सभी लाइनें रखें, अन्यथा Wordpress आपके प्लगइन को सही तरीके से पहचान नहीं पाएंगे।

यदि आप अपना प्रशासन पैनल के प्लग-इन पेज को ताज़ा करते हैं, तो आप अब अन्य लोगों के साथ सूचीबद्ध हमारे प्लगइन को देखेंगे।

Admin panel with deactivated plugin

देखें कि नाम, विवरण, लेखक, यूआरएल जैसे सभी संबंधित जानकारी जानकारी शीर्षक से कैसे निकाली जाती हैं? यही कारण है कि यह सही ढंग से इस जानकारी को भरने के लिए हमेशा महत्वपूर्ण है। प्लगिन एंट्री के दाईं ओर सक्रिय करें पर क्लिक करके हमारे प्लगइन को Activate करें।


5. कार्रवाई हुक के साथ काम करना

हमारे प्लगइन को अब प्रशासन पैनल में दिखाया गया है ताकि वर्डप्रेस इसके बारे में जागरूक हो। हालांकि, यह कुछ भी नहीं करता क्योंकि इसमें सूचना शीर्षलेख के अलावा कुछ भी नहीं है। इसे अब बदलने जा रहे हैं।

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

एक्शन हुक

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

बेहतर समझने के लिए, चलो my_plugin नामक एक जेनेरिक प्लगइन पर विचार करें जो mp_footer() नामक फ़ंक्शन का कार्यान्वयन करता है, जब भी पृष्ठ पाद लेख प्रदर्शित किया जाता है। हम वर्डप्रेस को इस फ़ंक्शन को कॉल करने के लिए कहेंगे, add_action() नामक विशेष फ़ंक्शन का उपयोग करके पाद लेख प्रदर्शित करने के समय:

Add_action() फ़ंक्शन एक्शन हुक नाम अपने पहले पैरामीटर के रूप में लेता है और फ़ंक्शन का नाम जिसे दूसरे पैरामीटर के रूप में निष्पादित किया जाना चाहिए। यह फंक्शन कॉल आपके मुख्य प्लगइन फ़ाइल में (जानकारी शीर्षलेख वाला एक) जोड़ा जाएगा, आमतौर पर, फ़ंक्शन कोड के तहत, जिसे निष्पादित करने की आवश्यकता है (हमारे उदाहरण में (mp_footer()। आपको Wordpress Codex में उपलब्ध full list of available action hooks मिलेगी।

हम अगले अध्याय में कार्रवाई के हुक का उपयोग करेंगे, जहां हम अपने प्लगइन के लिए प्रशासन पृष्ठ का निर्माण करने जा रहे हैं।


6. प्लगइन का प्रशासन पृष्ठ बनाना

हम अपने कॉन्फ़िगरेबल मापदंडों को परिभाषित करके मॉड्यूल के कार्यान्वयन को शुरू कर देंगे और साइट प्रशासक को इन तक पहुंच सकेंगे। देखते हैं कि ये कॉन्फ़िगरेशन बिट्स क्या होंगे:

  • डेटाबेस सेटिंग्स
    • डेटाबेस मेजबान
    • डेटाबेस नाम
    • डेटाबेस उपयोगकर्ता
    • डेटाबेस पासवर्ड
  • स्टोर सेटिंग्स
    • स्टोर यूआरएल
    • उत्पाद छवियों के लिए फ़ोल्डर

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

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

यदि आप कार्रवाई की list of action hooks की ओर स्क्रॉल करेंगे, तो आप देखेंगे कि Wordpress भी एक प्रदान करता है जिसे मूल मेनू संरचना उत्पन्न होने पर कहा जाता है (admin_menu), तो यह सबसे अच्छा स्थान होगा और अपना स्वयं का निर्माण करेगा मेनू आइटम।

अब जब हमने उस क्रिया की पहचान की जो हम उपयोग करने जा रहे हैं, हमें केवल अपने स्वयं के फ़ंक्शन को परिभाषित करना है, जिसे यह क्रिया हुक रन होने पर कहा जाएगा। हम अपने फ़ंक्शन oscimp_admin_actions() को कॉल करेंगे, जहां oscimp_ oscommerce importer के लिए खड़ा है और इसका प्रयोग संभवतः अनन्य फ़ंक्शन नाम बनाने के लिए किया जाता है जो कि किसी भी अन्य फ़ंक्शन के साथ Wordpress या उसके किसी भी प्लग इन के साथ बेमेल नहीं होगा देखते हैं। देखते हैं कि कोड कैसा दिखेगा:

जैसा कि आप देख सकते हैं, हम अपने फ़ंक्शन oscimp_admin_actions() बना रहे हैं, तो इसे add_action() फ़ंक्शन का उपयोग करके admin_menu कार्रवाई हुक के साथ संबद्ध करें। अगला चरण हमारे oscimp_admin_actions() फ़ंक्शन में कुछ कोड जोड़ने के लिए होगा, ताकि वास्तव में नया मेनू आइटम बनाया जा सके।

अधिकांश Wordpress चीजों के साथ, एक नया मेनू आइटम जोड़ना भी बहुत आसान है। यह सभी एक समारोह को कॉल करने के लिए नीचे फोड़े हैं। हम Settings मेनू में हमारा नया मेनू आइटम जोड़ना चाहते हैं, इसलिए इस मामले में हमारे लिए आवश्यक फ़ंक्शन add_options_page() है। हम कोड oscimp_admin_actions() फ़ंक्शन के अंदर जोड़ देंगे।

यदि आप अपना व्यवस्थापक पृष्ठ रीफ्रेश करते हैं, तो आपको Settings के तहत नया मेनू आइटम दिखाई देगा।

New menu item

उप मेनू आइटम जोड़ने के लिए प्रत्येक मौजूदा मेनू का अपना फ़ंक्शन होता है। उदाहरण के लिए, अगर हम अपने उप-मेनू आइटम को Settings के बजाय Tools मेनू में जोड़ना चाहते हैं, तो हम add_options_page() के बजाय add_management_page() फ़ंक्शन का उपयोग करेंगे। आप Wordpress Codex के Adding Administration Menus अनुभाग में उपलब्ध विकल्पों के बारे में अधिक जानकारी पा सकते हैं।

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

हमने पहले से ही उन पैरामीटरों को परिभाषित किया है जो हम कॉन्फ़िगर करने योग्य (डेटाबेस होस्ट, नाम, उपयोगकर्ता, इत्यादि) चाहते हैं, इसलिए उपयोगकर्ता को डाटाबेस को डाटा भेजने की अनुमति देने के लिए इन्हें फॉर्म में शामिल करना होगा। फ़ॉर्म को परिभाषित करने के बाद, हमें थोड़े कोड की आवश्यकता होगी जो फ़ॉर्म से भेजी गई डेटा को निकालता है और उसे डाटाबेस में सहेजता है। अंतिम लेकिन कम से कम, हमें डेटाबेस से मौजूदा डेटा निकालने के लिए कुछ कोड की आवश्यकता है (यदि कोई है) और इन मानों के साथ फ़ॉर्म को पहले से भरना होगा। जैसा कि आप देख सकते हैं, ऐसा करने के लिए काफी कुछ हैं, यह इस कार्यक्षमता को अपनी फाइल में अलग करने का एक अच्छा विचार हो सकता है। हम फ़ाइल oscommerce_import_admin.php का नाम देंगे। अब, जाओ और दिए गए नाम के साथ एक खाली फ़ाइल बनाएँ।

जैसा कि पहले से उल्लेख किया गया है, हमें हमारे फ़ंक्शन को बनाना होगा जो हमारे प्लग इन कॉन्फ़िगरेशन पृष्ठ प्रदर्शित करेगा (हमने इस फ़ंक्शन को oscimp_admin() नाम दिया है)। इस फ़ंक्शन के अंदर कोड को हमारे नए बनाए गए PHP फ़ाइल, oscommerce_import_admin.php से शामिल किया जाएगा।

यदि आप अब Settings मेनू के अंतर्गत लिंक पर क्लिक करते हैं, तो आपको एक खाली पृष्ठ पर भेज दिया जाएगा। ऐसा इसलिए है क्योंकि हमारे ocommerce_import_admin.phpfile अभी भी खाली है।

Empty plugin configuration page

अगला, हम अपना फॉर्म बनाने जा रहे हैं। इसके लिए हम निम्नलिखित कोड का उपयोग करेंगे:

कोड की व्याख्या करना

यदि आप एचटीएमएल और पीएचपी से परिचित हैं, तो उपरोक्त कोड कुछ समझ में आता है, लेकिन फिर भी, हमें शीघ्र ही लाइनों के माध्यम से चलना चाहिए।

  • हम कक्षा wrap के साथ एक div बनाकर शुरू करते हैं। यह एक मानक वर्डप्रेस वर्ग है जो हमारे पृष्ठ प्रशासन क्षेत्र में किसी भी अन्य पृष्ठ की तरह दिखाई देगा।
  • यह फ़ॉर्म POST पद्धति का उपयोग करके डेटा को अपने आप वापस भेज देगा। इसका मतलब है कि फ़ॉर्म डेटा उसी पृष्ठ से प्राप्त होगा, इसलिए हम एक ही फाइल में डेटाबेस अपडेट कोड जोड़ सकते हैं।
  • इसके बाद, एक छिपी हुई फ़ील्ड है, जो यह तय करने के लिए उपयोग किया जाएगा कि उपयोगकर्ता के Update Options बटन दबाए जाने के बाद वर्तमान पेज प्रदर्शित हो या नहीं। जब पृष्ठ फ़ॉर्म डेटा प्राप्त करता है, तो इस फ़ील्ड का मान Y पर सेट हो जाएगा।
  • अगली पंक्तियाँ डेटाबेस और स्टोर सेटिंग के लिए फॉर्म इनपुट फ़ील्ड बनाएगी। जैसा कि आप आसानी से देख सकते हैं, value पैरामीटर को PHP वैरिएबल की सामग्री द्वारा निर्धारित किया जाता है। हम इनके बारे में जल्द ही बात करेंगे।
  • अब अगर आप व्यवस्थापक पृष्ठ को ताज़ा करते हैं, तो आप हमारे नए बनाए गए फॉर्म देखेंगे। हालांकि, Update Options बटन दबाकर पृष्ठ को रीफ्रेश करने के अलावा कोई प्रभाव नहीं पड़ेगा और फार्म फ़ील्ड रिक्त हो जाएंगे।
Plugin configuration page with form

डेटा को संभालना

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

इसके बाद, हम फ़ॉर्म डेटा को संभाल लेंगे और इसके अनुसार डेटाबेस में प्लग-इन विकल्प अपडेट करेंगे। इसके लिए हम update_option() फ़ंक्शन का प्रयोग करेंगे। इस फ़ंक्शन का पहला पैरामीटर एक वैकल्पिक नाम है जिसे बाद में इस विकल्प को विशिष्ट रूप से पहचानने के लिए मुकदमा दिया जाएगा और इसका मान होगा। दूसरा पैरामीटर असाइन करने वाला मान है।

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

यदि सब कुछ ऊपर वर्णित जैसा लागू किया गया था, तो आपको एक Options saved गए सफलता संदेश दिखाई देगा और फार्म फ़ील्ड में आपके द्वारा अभी तक दर्ज किए गए डेटा शामिल होगा।

Plugin configuration page with success message

अंतिम लेकिन कम से कम, जब उपयोगकर्ता कॉन्फ़िगरेशन पृष्ठ को खोलता है, तो हमें डाटाबेस डेटा के साथ फ़ॉर्म को पूर्व-पॉप्यूलेट करना होगा। इसके लिए, हम get_option() फ़ंक्शन का उपयोग करेंगे जो डेटाबेस से निर्दिष्ट विकल्प प्राप्त करता है।

आप बस एडमिन क्षेत्र के किसी अन्य पृष्ठ पर नेविगेट करते हुए ऊपर कोड का परीक्षण कर सकते हैं और फिर Settings मेनू में OSCommerce Product Display सब-मेन्यू आइटम पर क्लिक करके इस पृष्ठ पर लौट रहे हैं। अगर सबकुछ ठीक हो जाता है, तो आप उस फॉर्म को देखेंगे जो आपके द्वारा दर्ज किए गए डेटा के साथ पहले से आबादी वाले सभी फ़ील्ड के साथ दिखाई देंगे।

Plugin configuration page with pre-populated form

कोड के आखिरी भाग के साथ, हमने प्लगइन के कॉन्फिगरेशन पृष्ठ को कार्यान्वित करना समाप्त कर दिया है, तो इस अध्याय में जो कुछ किया गया है उसकी समीक्षा करें:

  • हमने परिभाषित किया है कि साइट व्यवस्थापक द्वारा किस पैरामीटर को कॉन्फ़िगर करने की आवश्यकता है
  • हमने हमारे प्लगइन के लिए एक नया सब-मेन्यू आइटम जोड़ने में मदद करने के लिए पैनल को मेनू में दिखाए जाने के लिए एक एक्शन हुक जोड़ा
  • हमने Settings मेनू में एक नया उप-मेनू आइटम जोड़ा है जो हमारे प्लगइन के कॉन्फ़िगरेशन पृष्ठ से लिंक होगा
  • हमने एक ऐसा फ़ंक्शन परिभाषित किया है जो प्लगइन के कॉन्फ़िगरेशन पृष्ठ का निर्माण करेगा और इसके कोड को दूसरे PHP फ़ाइल में अलग करेगा
  • हमने प्रपत्र जिसमें प्रत्येक कॉन्फ़िगर योग्य डेटा बिट्स के लिए उपयोगकर्ता इनपुट शामिल हैं
  • हमने डेटाबेस अद्यतन फ़ंक्शन का निर्माण किया है
  • हमने एक ऐसा फ़ंक्शन बनाया है जो डेटा को डेटाबेस में संग्रहीत विकल्प मान के साथ पहले से पॉप्यूलेट करेगा

7. उपयोगकर्ता फ़ंक्शन का निर्माण

ठीक है, सब कुछ काफी ठीक था अब तक, लेकिन हमारी प्लगइन अभी तक अनुपयोगी है क्योंकि हमने उस भाग को लागू नहीं किया है जो वास्तव में हमें फ्रंट-एंड में उत्पादों को प्रदर्शित करने की अनुमति देगा।

हमारे उपयोगकर्ताओं को सामने वाले उत्पादों को प्रदर्शित करने की अनुमति देने के लिए, हमें एक फ़ंक्शन घोषित करने की आवश्यकता होगी जिसे टेम्प्लेट के PHP कोड से कहा जा सकता है और जो टेम्पलेट में HTML कोड वापस करने के लिए वापस आएगा। हम इस फंक्शन के नाम oscimp_getproducts() नाम दे रहे हैं और फ़ंक्शन पैरामीटर के रूप में प्रदर्शित होने वाले उत्पादों की संख्या स्वीकार करते हैं। फंक्शन स्वयं ही हमारी प्लगइन की मुख्य फ़ाइल, oscommerce_import.php में लागू की जाएगी

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

हमारे कार्य में पहली बात यह है कि ओएसएक्सएक्स डाटाबेस के लिए एक कनेक्शन स्थापित किया जाएगा। हमारे प्लगइन कॉन्फ़िगरेशन पृष्ठ पर धन्यवाद, अब हमारे पास सभी आवश्यक जानकारी है: डेटाबेस मेजबान, नाम, उपयोगकर्ता और पासवर्ड। हम नया डेटाबेस ऑब्जेक्ट बनाने के लिए अंतर्निहित wpdb वर्ग का उपयोग करेंगे।

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

एक बार यह किया जाता है, हमें बस ऐसा करने के लिए टेम्पलेट पर oscimp_getproducts() फ़ंक्शन कॉल डालें। हम साइडबार के निचले भाग में तीन उत्पादों को प्रदर्शित करेंगे, हम अपने टेम्पलेट की sidebar.php फ़ाइल को संशोधित करने जा रहे हैं, मेटा लिंक्स वाले सूची आइटम के ठीक नीचे निम्न कोड डालें:

यदि आप अब अपने फ्रंट-एंड पेज को ताज़ा करते हैं, तो आप साइडबार के नीचे प्रदर्शित तीन यादृच्छिक उत्पादों को देखेंगे।

Frontpage with random products

कोड के आखिरी टुकड़े के साथ, हमने फ्रंट-एंड फ़ंक्शन को लागू करना समाप्त कर दिया है।


8. निष्कर्ष

हमने अब स्क्रैच से एक वर्डप्रेस प्लगइन लागू किया है। चलिए संक्षेप करते हैं कि क्या किया गया है:

  • हमने परिभाषित किया है कि हम अपनी प्लगइन फ़ाइलों को किस प्रकार संग्रहीत करते हैं
  • हमने Wordpress के लिए हमारे प्लगइन को दृश्यमान बनाने के लिए जानकारी हेडर को परिभाषित किया है
  • हमने एक्शन हुक के बारे में बताया और जिस तरह से इन्हें उपयोग किया जाता है
  • हमने परिभाषित किया है कि साइट व्यवस्थापक द्वारा किस पैरामीटर को कॉन्फ़िगर करने की आवश्यकता है
  • हमने हमारे प्लगइन के लिए एक नया सब-मेन्यू आइटम जोड़ने में मदद करने के लिए पैनल को मेनू में दिखाए जाने के लिए एक एक्शन हुक जोड़ा
  • हमने Settings मेनू में एक नया उप-मेनू आइटम जोड़ा है जो हमारे प्लगइन के कॉन्फ़िगरेशन पृष्ठ से लिंक होगा
  • हमने एक ऐसा फ़ंक्शन परिभाषित किया है जो प्लगइन के कॉन्फ़िगरेशन पृष्ठ का निर्माण करेगा और इसके कोड को दूसरे PHP फ़ाइल में अलग करेगा
  • हमने प्रपत्र जिसमें प्रत्येक कॉन्फ़िगर योग्य डेटा बिट्स के लिए उपयोगकर्ता इनपुट शामिल हैं
  • हमने डेटाबेस अद्यतन फ़ंक्शन का निर्माण किया है
  • हमने एक ऐसा फ़ंक्शन बनाया है जो डेटा को डेटाबेस में संग्रहीत विकल्प मान के साथ पहले से पॉप्यूलेट करेगा
  • हमने टेम्प्लेट में इस्तेमाल के लिए अपना उपयोगकर्ता फ़ंक्शन बनाया है
  • हम OSCommerce डेटाबेस से जुड़ा है
  • हमने उत्पाद ID, छवि और नाम निकालने वाले ओएसएक्सएर डेटाबेस से पूछताछ की
  • हमने निकाले गए डेटा प्रदर्शित करने के लिए HTML कोड बनाया है
  • हमने टेम्पलेट साइडबार पर यूजर फंक्शन को शामिल किया है

मुझे उम्मीद है कि इस ट्यूटोरियल ने आपको शुरुआत से एक वर्डप्रेस प्लगइन बनाने के लिए आवश्यक सभी जानकारी दी। कृपया नीचे अपनी टिप्पणी पोस्ट करने के लिए स्वतंत्र महसूस करें।

पढ़ने के लिए धन्यवाद! :)

अतिरिक्त संसाधन

यदि आप वर्डप्रेस प्लगइन विकास के लिए नए हैं, तो आप WordPress Plugin in Development Services में Envato Studio में दिलचस्पी ले सकते हैं जहां हमारे पास वर्डप्रेस संसाधनों की एक विस्तृत विविधता है, साथ ही साथ।

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.