कस्टम वर्डप्रेस विजेट कैसे बनाएं

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

एक वर्डप्रेस विजेट क्या है?

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

डिफ़ॉल्ट रूप से, वर्डप्रेस एक मानक विजेट के साथ आता है, जिसे आप किसी भी वर्डप्रेस थीम से उपयोग कर सकते हैं।

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

उदाहरण के लिए, आप कोई भी कोड लिखे बिना एक संपर्क फ़ॉर्म, एक कस्टम लॉगिन फ़ॉर्म, या एक साइडबार में एक फोटो गैलरी जोड़ सकते हैं।

ऐसा करने के बाद, आइए देखते हैं कि वर्डप्रेस में आसानी से अपने खुद के कस्टम विगेट्स कैसे बना सकते हैं।

वर्डप्रेस में एक कस्टम विजेट बनाना

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

आप अपने विषय के functions.php फ़ाइल में कोड पेस्ट भी कर सकते हैं। हालांकि, यह केवल तभी उपलब्ध होगा जब उस विशेष थीम सक्रिय हो।

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

// रजिस्टर करें और विजेट को लोड करें
 फ़ंक्शन wpb_load_widget () {
 register_widget ('wpb_widget');
 }
 add_action ('widgets_init', 'wpb_load_widget');

 // विजेट बनाना
 वर्ग wpb_widget WP_Widget विस्तारित {

 फ़ंक्शन __construct () {
 माता-पिता :: __ निर्माण (

 // अपने विजेट का आधार आईडी
 'Wpb_widget',

 // विजेट नाम यूआई में दिखेगा
 __ ('साइट विजेट', 'wpb_widget_domain'),

 // विजेट विवरण
 सरणी ('विवरण' => __ ('साइट ट्यूटोरियल पर आधारित नमूना विजेट', 'wpb_widget_domain'),)
 );
 }

 // विजेट फ्रंट-एंड बनाना

 सार्वजनिक फ़ंक्शन विजेट ($ आर्ग्स, $ उदाहरण) {
 $ शीर्षक = apply_filters ('widget_title', $ उदाहरण ['शीर्षक']);

 // पहले और बाद में विजेट तर्क विषयों द्वारा परिभाषित किए गए हैं
 एंको $ एजीआर ['before_widget'];
 अगर (! खाली ($ शीर्षक))
 प्रतिध्वन $ एजीआर ['before_title']  $ शीर्षक  $ Args [ 'after_title'];

 // यह वह जगह है जहां आप कोड चलाते हैं और आउटपुट प्रदर्शित करते हैं
 गूंज __ ('हैलो, विश्व!', 'wpb_widget_domain');
 प्रतिबन्धित $ args ['after_widget'];
 }

 // विजेट बैकएण्ड
 सार्वजनिक फ़ंक्शन फ़ॉर्म ($ उदाहरण) {
 if (isset ($ उदाहरण ['शीर्षक'])) {
 $ शीर्षक = $ उदाहरण ['शीर्षक'];
 }
 अन्य {
 $ शीर्षक = __ ('नया शीर्षक', 'wpb_widget_domain');
 }
 // विजेट व्यवस्थापक प्रपत्र
 ?> 

 

साइट 

अब आप इसे अपनी कार्रवाई में देखने के लिए अपनी वेबसाइट पर जा सकते हैं 

अब कोड को फिर से पढ़िए। 
पहले हमने 'wpb_widget' पंजीकृत किया और हमारे कस्टम विजेट को लोड किया।  उसके बाद हमने परिभाषित किया कि विजेट क्या करता है, और विजेट बैक-एंड को कैसे प्रदर्शित किया जाए। 
अंत में, हमने परिभाषित किया है कि विजेट में किए गए परिवर्तनों को कैसे संभालना है। 
अब कुछ चीजें हैं जिन्हें आप पूछना चाहते हैं  उदाहरण के लिए, उद्देश्य क्या है wpb_text_domain ? 
वर्डप्रेस अनुवाद और स्थानीयकरण को संभालने के लिए gettext का उपयोग करता है  इस wpb_text_domain तथा __e gettext को अनुवाद के लिए उपलब्ध स्ट्रिंग बनाने के लिए कहता है।  आप अनुवाद तैयार वर्डप्रेस विषयों को कैसे देख सकते हैं। 
यदि आप अपनी थीम के लिए एक कस्टम विजेट बना रहे हैं, तो आप प्रतिस्थापित कर सकते हैं wpb_text_domain अपने विषय के पाठ डोमेन के साथ