ورڈپریس ڪيئن صحيح طور تي جاوا اسڪرپٽ متعارف ڪرايو؟JS ۽ CSS فائلن جي ڪسٽم لوڊشيڊنگ

استعمال ڪريوورڈپریس ويب سائيٽپروگرامر، ترقي ڪندڙورڈپریس پلگ انيا جڏهن هڪ ورڈپریس تھیم کي ترتيب ڏيڻ، ڪجهه جاوا اسڪرپٽ ۽ سي ايس ايس اسڪرپٽنگ وسيلن جو حوالو ڏنو ويو آهي.

• عام طور تي، ماڻهو استعمال ڪن ٿا لنڪ، اسڪرپٽ ٽيگ سڌو سنئون HTML لاءِ.
• حقيقت ۾، ورڈپریس تعمير ٿيل آهي نفيس افعال ۽ اسڪرپٽ حوالي ڪرڻ جا طريقا.
• تنهن ڪري، استعمال ڪندي ورڈپریس جي تعمير ٿيل طريقي جي حوالي سان وڌيڪ پروفيسر ۽ وڌيڪ وسيع آهي.

غلط حوالو ڏيڻ جو طريقو

هتي ٻه عام حوالا طريقا آهن، اهو ٺيڪ آهي، اهو صرف مڪمل يا معقول ناهي.

قسم 1:لنڪ ٽيگ سي ايس ايس فائلن جو حوالو ڏيو

• اسڪرپٽ ٽيگ لاڳو ٿين ٿا JS فائلون.هتي تفصيلي نه آهي.

قسم 2:wp_head فنڪشن استعمال ڪريو

• wp_head فنڪشن استعمال ڪيو ويندو آھي ٻاھر ڪڍڻ لاءِ ڪجھ ڪسٽم يا سسٽم بيان ڪيل مواد.
• اسان ڪڏهن ڪڏهن هن فائل جي حوالي ڪرڻ لاء هيٺ ڏنل ڪوڊ استعمال ڪندا آهيون:

<?php
add_action('wp_head', 'wpcwl_normal_script');
function wpcwl_normal_script() {
echo '资源文件的链接';
}
?>

• مٿي ڏنل ڪوڊ کي ڪاپي ڪريو functions.php فائل ۾ لاڳاپيل فائلن جي حوالي ڪرڻ لاء.

ورڈپریس Enqueue Scripts وسيلن جي ميڪانيزم

جيئن اسان سڀ ڄاڻون ٿا، ورڈپریس وٽ ڪيترائي پلگ ان آهن:

• تقريبن هر پلگ ان ڪجهه وسيلن جي فائل جو حوالو ڏئي ٿو.
• ناگزير طور تي، ٻن پلگ ان جي حوالي ڪيل وسيلن جي وچ ۾ تڪرار ٿيندو، جيڪو غير مستحڪم ٿي ويندو ۽ ڪارڪردگي کي متاثر ڪري سگھي ٿو.

استعمال ڪريو wp_enqueue_script فنڪشن

• ورڈپریس ۾ هڪ وسيلن جي حوالي ڪرڻ لاء توهان کي استعمال ڪرڻ گهرجيwp_enqueue_scriptهڪ فنڪشن جنهن ۾ لفظ enqueue آهي enqueued يا ترتيب ڏنل فنڪشن جي نالي سان.
• هن ورڈپریس طريقي سان وسيلن کي ترتيب ڏيڻ جي طريقي سان (اينڪيو اسڪرپٽ)، حوالن کي لاڳاپيل فائلن ۽ بنيادي ڪوڊ کان الڳ ڪيو ويو آهي.
• جيڪڏهن صارف وسيلا کي غير فعال ڪرڻ چاهي ٿو، هو ان کي ختم ڪري سگهي ٿو، تبديل ڪري سگهي ٿو ۽ تبصرو ڪري سگهي ٿو ان کي بنيادي ڪوڊ مان تبديل ڪرڻ کان سواء.

انهي سان گڏ، ڪجهه عام طور تي استعمال ٿيل لائبريريون جهڙوڪ jQuery، jQuery UI وغيره. WordPress ۾ ٺهيل آهن.

اسان استعمال ڪري سگھون ٿا wp_enqueue_script فنڪشن سڌو سنئون بلٽ ان لائبريري کي سڏڻ لاءِ، جيڪو محفوظ ڪري ٿو ڪوڊ ۽ ڪلينر وضاحت.

جيڪڏھن توھان ھي فنڪشن استعمال ڪريو توھان جي پنھنجي JS ۽ CSS فائلن جي حوالي ڪرڻ لاءِ، توھان کي استعمال ڪرڻ جي ضرورت آھيwp_register_scriptفنڪشن رجسٽر ڪري ٿو هڪ سڃاڻپ ڪندڙ (هينڊل) ۽ پوءِ استعمال ڪري ٿوwp_enqueue_scriptفنڪشن هن پرچم سان لاڳاپيل وسيلن کي سڏي ٿو.

ورڈپریس ۾ JS ۽ CSS فائلن کي صحيح طريقي سان ڪيئن درآمد ڪجي؟

ورڈپریس JS ۽ CSS طريقن لاءِ سمجھدار درآمدي طريقا مهيا ڪري ٿو.

توھان ھيٺ ڏنل ڪوڊ استعمال ڪري سگھو ٿا plugin.css فائل کي پلگ ان ۾ درآمد ڪرڻ لاءِ ▼

<?php
function wpcwl_add_styles() {
wp_register_script('plugin_stylesheet', plugins_url('plugin.css', __FILE__));
wp_enqueue_script('plugin_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_styles' ); 
?>

مٿي ڄاڻايل wp_register_script فنڪشن استعمال ڪري ٿو هڪ وسيلو ٺاهڻ لاءِ سڃاڻپ ڪندڙ plugin_stylesheet.

ان کان پوء، ان جي قطار واري درخواستن کي شامل ڪريوwp_enqueue_scriptsعمل جاري آهن.

جيتوڻيڪ فنڪشن جو نالو هڪ اسڪرپٽ آهي، ان کي وسيلن جي فائل جي قسم سان ڪو به واسطو نه آهي ۽ CSS ۽ JS ٻنهي لاءِ صحيح آهي.

wp_register_script فنڪشن واقعي ايترو سادو ناهي، ان ۾ پنج پيرا ميٽر ٿي سگهن ٿا:

1) $handle:وسيلن جي سڃاڻپ ڪندڙ.

• ان کانwp_enqueue_scriptمنتقلي

2) $src:وسيلن جي جڳھ.

• لاڳاپيل يا مطلق پتا استعمال ڪن ٿا ورڈپریس بلٽ ان افعال کي حاصل ڪرڻ لاءِ، وغيره.
• عامپوزيشنفنڪشن آهيplugins_url،get_template_directory_uri等.

3) $deps:ڀروسو ڪرڻ.

• جيڪڏهن توهان jQuery پلگ ان جو حوالو ڏئي رهيا آهيو ۽ jQuery تعمير تي ڀروسو ڪرڻ جي ضرورت آهي، توهان کي jQuery ڀرڻ جي ضرورت آهي.
• نوٽ ڪريو ته اهو هڪ صف جي طور تي منظور ڪيو ويو آهي.

4) $ver:وسيلن جو نسخو، اختياري.

5) $in_footer:ڇا توهان ان کي تري ۾ رکو ٿا؟

• عام طور تي، JS فائلون صفحي جي تري ۾ رکيل هونديون آهن، توهان هن پيٽرولر کي درست ڪري سگهو ٿا، ان کي خالي يا غلط ڇڏي ڏيو ته مٿين کي ٻاھر ڪڍڻ لاء.

اچو ته ڏسو وڌيڪ مڪمل JavaScript فائل ريفرنس مثال ▼

<?php
function wpcwl_add_scripts() {
wp_register_script('plugin_script', plugins_url('plugin_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('plugin_script');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' ); 
?>

ورڈپریس موضوعات وسيلن کي درآمد ڪرڻ لاءِ wp_enqueue_script استعمال ڪندا آهن

ورڈپریس تھیم ڊولپمينٽ ۾ پروگرامر، استعمال ڪريوwp_enqueue_scriptوسيلا درآمد ڪريو.

• مٿي ڏنل مثال ورڈپریس پلگ ان ڊولپمينٽ لاءِ حوالا ڏنل وسيلن جا مثال آهن.
• موضوع ۾ ڏنل طريقو ساڳيو آهي.

بنيادي فرق اهو آهي ته لاڳاپيل فنڪشن کي استعمال ڪرڻ لاءِ موضوع ڊاريڪٽري حاصل ڪرڻ لاءِ موضوع جي تحت وسيلن جي فائل ايڊريس حاصل ڪرڻ لاءِ.

توهان استعمال ڪري سگهو ٿاget_template_directory_uriفنڪشن موجوده موضوع ڊاريڪٽري حاصل ڪرڻ لاء.

جيڪڏهن توهان ٻار جي موضوع استعمال ڪري رهيا آهيو، توهان کي استعمال ڪرڻ جي ضرورت پونديget_stylesheet_directory_uriفنڪشن حاصل ڪري ٿو والدين موضوع جي ڊاريڪٽري سان لاڳاپيل وسيلن کي حاصل ڪرڻ لاء.