Anonim

जैसा कि प्रमुख सीएमएस समुदाय ने दावा किया है, 25% इंटरनेट वर्डप्रेस का उपयोग कर रहा है। रुझानों को देखते हुए, हमारे पास उनके पास विश्वास करने के अलावा कोई विकल्प नहीं है, लगभग हर 2 nd ब्लॉग और हर 4 वें साइट पर जाहिरा तौर पर सबसे शक्तिशाली और उपयोगकर्ता के अनुकूल सीएमएस का उपयोग किया जाता है। इसके आगे देखते हुए, लोगों और डेवलपर्स ने अपनी साइटों को वर्डप्रेस प्लेटफ़ॉर्म पर स्थानांतरित करना शुरू कर दिया है।

अपनी मीठी और सरल वेबसाइट को एक जटिल, उच्च प्रदर्शन वाली सीएमएस साइट में बदलने के इस प्रयास पर, लोग एक बहुत ही बुनियादी कदम पर फंस रहे हैं और सवाल पूछ रहे हैं: प्यार के लिए, मुझे यह बाहरी जावास्क्रिप्ट (.js) फ़ाइल कैसे मिलती है। इस WordPress विषय में काम कर रहे हैं? क्या आप भी वही सवाल पूछ रहे हैं? अच्छी तरह से एमिगोस, आप अंत में सही जगह पर हैं: मैं इस कार्य को प्राप्त करने के लिए सबसे सरल तरीके से कदम दर कदम आपको मार्गदर्शन करने के लिए यहाँ हूँ!

अब मान लें कि आपके पास वर्डप्रेस सब स्थापित है और बाहरी जेएस के साथ तैयार है, चलो फ़ाइल को शामिल करने के कार्य में शामिल हों!

नोट: मैं इस ट्यूटोरियल के लिए निम्नलिखित फ़ाइल (testrun.js) का उपयोग कर रहा हूं और जिस विषय पर मैं काम कर रहा हूं वह है वर्डप्रेस ट्वेंटी सिक्सटीन।

चेतावनी ( 'हैलो');

चलो शुरू करें!

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

Wp_enqueue_script फ़ंक्शन स्क्रिप्ट निर्भरता के अनुसार सही समय पर एक स्क्रिप्ट फ़ाइल को जनरेट किए गए पृष्ठ से जोड़ता है, यदि स्क्रिप्ट पहले से ही शामिल नहीं की गई है और यदि सभी निर्भरता पंजीकृत हो गई है। आप या तो wp_register_script () फ़ंक्शन का उपयोग करके पहले से पंजीकृत हैंडल वाले स्क्रिप्ट को लिंक कर सकते हैं, या किसी स्क्रिप्ट को लिंक करने के लिए आवश्यक सभी मापदंडों के साथ यह फ़ंक्शन प्रदान कर सकते हैं।

Wp_enqueue_script ($ संभाल, $ src, $ deps, $ ver, $ in_footer) निम्नलिखित पैराम में लेता है:

$ संभाल

(string) (आवश्यक) स्क्रिप्ट का नाम।

$ src

(string | bool) (वैकल्पिक) WordPress की रूट डायरेक्टरी से स्क्रिप्ट का पथ। उदाहरण: '/js/myscript.js'।

डिफ़ॉल्ट मान: असत्य

$ deps

(सरणी) (वैकल्पिक) इस स्क्रिप्ट पर पंजीकृत हैंडल की एक सरणी निर्भर करती है।

डिफ़ॉल्ट मान: सरणी ()

$ ver

(string | bool) (वैकल्पिक) स्क्रिप्ट संस्करण संख्या निर्दिष्ट करते हुए स्ट्रिंग, यदि यह एक है। इस पैरामीटर का उपयोग यह सुनिश्चित करने के लिए किया जाता है कि कैशिंग की परवाह किए बिना क्लाइंट को सही संस्करण भेजा जाता है, और इसलिए इसे शामिल किया जाना चाहिए यदि कोई संस्करण संख्या उपलब्ध है और स्क्रिप्ट के लिए समझ में आता है।

डिफ़ॉल्ट मान: असत्य

$ in_footer

(बूल) (ऑप्शनल) पहले स्क्रिप्ट को एंक्यू करना है या नहीं या पहले । डिफ़ॉल्ट 'झूठा'। 'असत्य' या 'सत्य' को स्वीकार करता है।

डिफ़ॉल्ट मान: असत्य

आप इस ट्यूटोरियल के लिए wp_register_script () फ़ंक्शन को अनदेखा कर सकते हैं। हमारा उद्देश्य केवल एक बाहरी जेएस को शामिल करना है। इसके बिना बस ठीक काम करना चाहिए!

इसलिए, अगर मैं अपनी स्क्रिप्ट को "परीक्षण" नाम देना चाहता हूं, तो याद रखें कि यह परम ($ संभाल) जरूरी नहीं कि वास्तविक फ़ाइल का नाम हो, और मेरी फ़ाइल में jquery पर बाहरी निर्भरता है और संस्करण 1.0 है और पृष्ठ लोड होने से पहले लोड हो जाता है तब मेरा कार्य ऐसा दिखेगा:

wp_enqueue_script ('ट्यूटोरियल', get_template_directory_uri ()। '/js/testrun.js', सरणी ('jquery'), '1.0', false);

यदि आप ध्यान दें, मैंने get_template_directory_uri () का उपयोग किया है , इसलिए, फ़ंक्शन के बाद संक्षिप्त किया गया स्ट्रिंग, जो कि " /js/testrun.js " है, वास्तव में फ़ाइल की पथ टेम्पलेट की अनुक्रमणिका फ़ाइल wrt है

तो आपकी $ src विशेषता, जो आपकी js फ़ाइल का स्रोत है, बन जाती है: get_template_directory_uri ()। 'path_to_js_wrt_index_of_template'।

इसलिए, अंतिम कार्य। एफपी ऐसा दिखता है:

वहाँ पकड़ो, हम लगभग पूरा कर चुके हैं! बस अब इसे बचाने के लिए और अपनी वेबसाइट पर ताज़ा हिट … आप जेएस काम कर देखना चाहिए! यह रहा मेरा:

चूँकि हम $ in_footer विकल्प को गलत पर सेट करते हैं, इसलिए पेज लोड होने से पहले स्क्रिप्ट लोड हो जाती है, लेकिन JQuery लोड होने के बाद इसे एक निर्भरता के रूप में जोड़ा गया!

और .. वोइला! यहाँ आप जाते हैं .. आपने अपने WP थीम में एक बाह्य कस्टम JS फाइल को सफलतापूर्वक शामिल किया है!

हैप्पी कोडिंग !!

संदर्भ: एन्क्यू फ़ंक्शन: वर्डप्रेस कोडेक्स

Wordpress में custom external js जोड़ने का सबसे अच्छा तरीका क्या है