दिलचस्प पोस्ट
जेपीए 2.0: स्थिरता के लिए इकाई वर्गों को जोड़ने- अलग-अलग जार से * यूनिट * स्वचालित रूप से अगले और पिछले दिन पीएचपी के साथ मिलें c: के लिए हर कोई javax.el.PropertyNotFoundException फेंकता है: संपत्ति 'foo' प्रकार java.lang.String पर नहीं मिला विंडोज पर SSL समर्थन के साथ libcurl का निर्माण WooCommerce: चयनित भुगतान गेटवे पर आधारित कार्ड में फीस जोड़ें एकल यूआईएलबल में बोल्ड और नॉन-बोल्ड टेक्स्ट? डेटाटामप्लेट से अभिमुख डेटाकॉन्टेक्ट एक्सेस करें $ http.get को एक्सेस-कंट्रोल-अनुमति-मूल द्वारा अनुमति नहीं है लेकिन $। एजेक्स है Eq के बीच अंतर क्या है ?, eqv ?, समान ?, और = योजना में? जावास्क्रिप्ट का उपयोग कर एक HTML तत्व को कैसे निकालना है? UINavigationBar पारदर्शी बनाओ FileUpload सर्वर नियंत्रण का उपयोग किए बिना ASP.net में फ़ाइलों को अपलोड करना .NET वायरस स्कैनिंग API Microdata मेटा टैग के साथ एक घटना में एक छवि कैसे जोड़ें? जावा 8 की धाराएं: क्यों समानांतर धारा धीमी है?

मैं वर्डप्रेस में एक सरल jQuery स्क्रिप्ट कैसे जोड़ूं?

मैं वर्डप्रेस में jQuery का उपयोग करने के बारे में कोडेक्स और कुछ ब्लॉग पोस्ट पढ़ता हूं, और इसकी बहुत निराशाजनक। मैं जहाँ तक functions.php फ़ाइल में jQuery लोड कर रहा हूं, लेकिन सभी मार्गदर्शिकाएं गंदे हैं क्योंकि वे मानते हैं कि आपके पास पहले से ही WordPress अनुभव का एक टन है उदाहरण के लिए, वे कहते हैं कि अब मैं jQuery के functions.php माध्यम से लोड कर रहा हूँ। Php फ़ाइल, अब सभी मुझे करना है मेरे jQuery लोड है

मैं ऐसा कैसे करूँ? क्या फाइलें, विशेष रूप से, मैं कोड जोड़ूं? मैं इसे एक एकल वर्डप्रेस पृष्ठ के लिए कैसे जोड़ूं?

वेब के समाधान से एकत्रित समाधान "मैं वर्डप्रेस में एक सरल jQuery स्क्रिप्ट कैसे जोड़ूं?"

मुझे पता है कि ट्यूटोरियल के बारे में आपका क्या मतलब है यहां बताया गया है कि मैं इसे कैसे करता हूं:

पहले आपको अपनी स्क्रिप्ट लिखनी होगी। अपने विषय फ़ोल्डर में एक फ़ोल्डर बना जिसे 'जेएस' कहा जाता है अपने जावास्क्रिप्ट के लिए उस फ़ोल्डर में एक फ़ाइल बनाएँ। Eg your-script.js अपनी जेपी स्क्रिप्ट को उस फ़ाइल में जोड़ें (आपको एक .js फ़ाइल में <script> टैग की आवश्यकता नहीं है)।

आपकी jQuery स्क्रिप्ट (wp-content / themes / your-theme / js / your-scrript.js) में ये कैसे देखें:

 jQuery(document).ready(function($) { $('#nav a').last().addClass('last'); }) 

ध्यान दें कि मैं फ़ंक्शन के प्रारंभ में jQuery और नहीं $ का उपयोग करता हूं।

ठीक है, अब अपने विषय के functions.php फ़ाइल खोलें। आप wp_enqueue_script() फ़ंक्शन का उपयोग करना चाहेंगे ताकि आप अपनी स्क्रिप्ट को वर्डप्रेस को wp_enqueue_script() जबकि यह jQuery पर निर्भर करता है। ऐसा कैसे करें कि यह कैसे करें:

 add_action( 'wp_enqueue_scripts', 'add_my_script' ); function add_my_script() { wp_enqueue_script( 'your-script', // name your script so that you can attach other scripts and de-register, etc. get_template_directory_uri() . '/js/your-script.js', // this is the location of your script file array('jquery') // this array lists the scripts upon which your script depends ); } 

यह मानते हुए कि आपके विषय में सही स्थानों पर wp_head और wp_footer है, यह कार्य करना चाहिए। मुझे बताना, अगर आप को किसी भी अधिक मदद की ज़रूरत हो।

वर्डप्रेस उत्तर पर वर्डप्रेस सवाल पूछे जा सकते हैं

अधिक खोज के बाद, मैं अंत में नवीनतम वर्डप्रेस के साथ काम करता है जो कुछ पाया। यहां दिए गए कदम हैं:

  1. अपनी थीम की निर्देशिका खोजें, अपने कस्टम जेएस के लिए निर्देशिका में एक फ़ोल्डर बनाएं ( इस उदाहरण में custom_js )।
  2. इस निर्देशिका में एक .js फ़ाइल में अपने कस्टम jQuery डालें ( इस उदाहरण में jquery_test.js )।
  3. सुनिश्चित करें कि आपकी कस्टम jQuery .js इस तरह दिखती है:

     (function($) { $(document).ready(function() { $('.your-class').addClass('do-my-bidding'); }) })(jQuery); 
  4. थीम की निर्देशिका पर जाएं, functions.php खोलें

  5. शीर्ष के पास कुछ कोड जोड़ें जो इस तरह दिखता है:

     //this goes in functions.php near the top function my_scripts_method() { // register your script location, dependencies and version wp_register_script('custom_script', get_template_directory_uri() . '/custom_js/jquery_test.js', array('jquery'), '1.0' ); // enqueue the script wp_enqueue_script('custom_script'); } add_action('wp_enqueue_scripts', 'my_scripts_method'); 
  6. यह सुनिश्चित करने के लिए अपनी साइट देखें कि यह काम करता है!

यदि आप अपनी थीम में जोड़ें स्क्रिप्ट के लिए वर्डप्रेस बाल थीम का उपयोग करते हैं, तो आपको get_stemplate_directory_uri फ़ंक्शन को get_stylesheet_directory_uri पर बदलना चाहिए, उदाहरण के लिए:

अभिभावक विषय:

 add_action( 'wp_enqueue_scripts', 'add_my_script' ); function add_my_script() { wp_register_script( 'parent-theme-script', get_template_directory_uri() . '/js/your-script.js', array('jquery') ); wp_enqueue_script('parent-theme-script'); } 

बाल थीम:

 add_action( 'wp_enqueue_scripts', 'add_my_script' ); function add_my_script() { wp_register_script( 'child-theme-script', get_stylesheet_directory_uri() . '/js/your-script.js', array('jquery') ); wp_enqueue_script('child-theme-script'); } 

get_template_directory_uri: / आपकी साइट / wp-content / themes / parent-theme

get_stylesheet_directory_uri: / आपकी साइट / wp-content / themes / child-theme

स्क्रिप्ट को उन कार्यों के माध्यम से डालने के अलावा जो "बस" एक लिंक (एक लिंक रिलायंस एनर्जी टैग) हैडर में, पाद लेख, किसी भी टेम्पलेट में, जहां कभी भी शामिल हो सकते हैं। आपको यह सुनिश्चित करने की आवश्यकता है कि पथ सही है। मैं इस तरह से कुछ का उपयोग करने का सुझाव देता हूं (यह मानते हुए कि आप अपनी थीम की निर्देशिका में हैं)।

 <script type="javascript" href="<?php echo get_template_directory_uri();?>/your-file.js"></script> 

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

 <script type="javascript"><?php include('your-file.js');?></script> 

आप इस प्लगइन का उपयोग करके कस्टम जावास्क्रिप्ट या jquery जोड़ सकते हैं
https://wordpress.org/plugins/custom-javascript-editor/

जब आप jQuery का उपयोग करते हैं तो उपयोग न करें jquery noconflict मोड

आप विषय के function.php फ़ाइल में jQuery या जावास्क्रिप्ट जोड़ सकते हैं। कोड निम्नानुसार है:

 add_action( 'wp_enqueue_scripts', 'add_my_script' ); function add_my_script() { wp_enqueue_script( 'your_script_name', // your script unique name get_template_directory_uri().'/js/your-script.js', //script file location array('jquery') //lists the scripts upon which your script depends ); } 

अधिक जानकारी के लिए इस ट्यूटोरियल पर जाएं : http://www.codecanal.com/add-simple-jquery-script-wordpress/

यहां कई ट्यूटोरियल और उत्तर दिए गए हैं कि पेज में शामिल होने के लिए अपनी स्क्रिप्ट कैसे जोड़ें। लेकिन मुझे नहीं पता कि यह कोड कैसे ढाँचा है, यह ठीक से काम करेगा। यह JQuery के इस रूप में उपयोग किए जा रहे $ $ का कारण है

तो यहां मेरा कोड है और आप इसका उपयोग टेम्पलेट के रूप में कर सकते हैं।

 jQuery(document).ready(function( $ ){ $("#btnCalculate").click(function () { var val1 = $(".visits").val(); var val2 = $(".collection").val(); var val3 = $(".percent").val(); var val4 = $(".expired").val(); var val5 = $(".payer").val(); var val6 = $(".deductible").val(); var result = val1 * (val3 / 100) * 10 * 0.25; var result2 = val1 * val2 * (val4 / 100) * 0.2; var result3 = val1 * val2 * (val5 / 100) * 0.2; var result4 = val1 * val2 * (val6 / 100) * 0.1; var val7 = $(".pverify").val(); var result5 = result + result2 + result3 + result4 - val7; var result6 = result5 * 12; $("#result").val("$" + result); $("#result2").val("$" + result2); $("#result3").val("$" + result3); $("#result4").val("$" + result4); $("#result5").val("$" + result5); $("#result6").val("$" + result6); }); }); 

आप वर्डप्रेस प्लगइन को स्क्रिप्ट फ़ाइल जोड़ने के लिए WordPress पूर्वनिर्धारित फ़ंक्शन का उपयोग कर सकते हैं।

 wp_enqueue_script( 'script', plugins_url('js/demo_script.js', __FILE__), array('jquery')); 

पोस्ट को देखो जो आपको समझने में मदद करता है कि आप वर्डप्रेस प्लगइन में jQuery और सीएसएस को कितनी आसानी से लागू कर सकते हैं।

** # विधि 1: ** एक अलग जेएस फ़ाइल में अपने jquery कोड डाल करने की कोशिश करें।

अब functions.php फ़ाइल में उस स्क्रिप्ट को पंजीकृत करें

 function add_my_script() { wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/your-script-name.js', array('jquery') ); } add_action( 'wp_enqueue_scripts', 'add_my_script' ); 

अब आप कर रहे हैं।

कार्यों में स्क्रिप्ट को पंजीकृत करना लाभ होता है क्योंकि यह <head> अनुभाग में आता है जब पृष्ठ लोड होता है तो यह हमेशा header.php का एक हिस्सा होता है। इसलिए हर बार जब आप एक नया HTML सामग्री लिखते हैं तो आपको अपना कोड दोहराना नहीं पड़ता है

# विधि 2: <script> टैग के अंतर्गत पृष्ठ बॉडी के अंदर स्क्रिप्ट कोड डाल दिया फिर आपको फ़ंक्शन में इसे पंजीकृत करने की आवश्यकता नहीं है।

"हमारे पास गूगल है" सीआईटी वर्डप्रेस के अंदर स्क्रिप्ट को ठीक से उपयोग करने के लिए बस होस्ट किए गए लाइब्रेरीज़ जोड़ें Google की तरह

चयनित पुस्तकालय के बाद आपको अपनी कस्टम स्क्रिप्ट से पहले इसे लिंक करने की आवश्यकता है: exmpl

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

और अपनी स्क्रिप्ट के बाद

 <script type="text/javascript"> $(document).ready(function(){ $('.text_container').addClass("hidden");</script> 

स्क्रिप्ट को उन कार्यों के माध्यम से डालने के अलावा जो "बस" एक लिंक (एक लिंक रिलायंस एनर्जी टैग) हैडर में, पाद लेख, किसी भी टेम्पलेट में, जहां कभी भी शामिल हो सकते हैं।

नहीं। आपको वर्डप्रेस में इस तरह की एक बाहरी स्क्रिप्ट की कोई लिंक नहीं जोड़नी चाहिए। फ़ंक्शन के माध्यम से उन्हें कार्यान्वित करना। Php फ़ाइल सुनिश्चित करती है कि स्क्रिप्ट सही क्रम में लोड की जाती है।

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

आप अपनी स्क्रिप्ट को दूसरी फाइल में लिख सकते हैं। और अपनी फ़ाइल को एन्क्यू करें जैसे कि आपका स्क्रिप्ट नाम image-ticker.js

 wp_enqueue_script( 'image-ticker-1', plugins_url('/js/image-ticker.js', __FILE__), array('jquery', 'image-ticker'), '1.0.0', true ); 

/js/image-ticker.js के स्थान पर आपको अपना जेएस फ़ाइल पथ रखना चाहिए।

यहां से उत्तर दें

https://premium.wpmudev.org/blog/adding-jquery-scripts-wordpress/?mksi=b&utm_expid=3606929-94.SWGkQ9hyQQGxJNtgEiBgWA.1&utm_referrer=https%3A%2F%2Fwww.google.com.eg%2F

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

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

jQuery के संगतता मोड

इससे पहले कि हम वर्डप्रेस में लिपियों को संलग्न करना शुरू करते हैं, हम jQuery के संगतता मोड को देखते हैं। वर्डप्रेस jQuery के एक प्रति के साथ पूर्व पैक किया जाता है, जिसे आप अपने कोड के साथ उपयोग करना चाहिए। जब वर्डप्रेस 'जेकोज़ लोड होता है, तो यह संगतता मोड का उपयोग करता है, जो अन्य भाषा पुस्तकालयों के साथ संघर्ष से बचने के लिए एक तंत्र है

क्या यह उबाल हो जाता है कि आप डॉलर के संकेत का सीधे उपयोग नहीं कर सकते, जैसा कि आप अन्य परियोजनाओं में करेंगे जब आप WordPress के लिए jQuery लिख रहे हैं तो आपको इसके बजाय jQuery का उपयोग करने की आवश्यकता है। मेरा क्या मतलब है यह जानने के लिए नीचे दिए गए कोड पर एक नज़र डालें:

क्या आपको केवल jquery लोड करने की आवश्यकता है?

1) अन्य गाइडों की तरह, अपने स्क्रिप्ट को अपने functions.php फ़ाइल में रजिस्टर करें जैसे:

 // register scripts if (!is_admin()) { // here is an example of loading a custom script in a /scripts/ folder in your theme: wp_register_script('sandbox.common', get_bloginfo('template_url').'/scripts/common.js', array('jquery'), '1.0', true); // enqueue these scripts everywhere wp_enqueue_script('jquery'); wp_enqueue_script('sandbox.common'); } 

2) ध्यान दें कि हमें jQuery में पंजीकरण करने की आवश्यकता नहीं है क्योंकि यह पहले से ही कोर में है। सुनिश्चित करें कि wp_footer () को आपके footer.php और wp_head () को आपके header.php में कहा जाता है (यह वह जगह है जहां यह स्क्रिप्ट टैग आउटपुट करेगा), और jQuery प्रत्येक पृष्ठ पर लोड होगा। जब आप वर्डप्रेस के साथ jQuery को एन्क्यूप करते हैं तो यह "कोई संघर्ष" मोड में नहीं होगा, इसलिए आपको $ की बजाय jQuery का उपयोग करना होगा। यदि आप चाहते हैं और wp_deregister_script ('jquery') कर अपना स्वयं का पुनः पंजीयन कर सकते हैं तो आप jQuery को रद्द कर सकते हैं।