ورڈپریس جاوا اسکرپٹ کو صحیح طریقے سے کیسے متعارف کراتا ہے؟JS اور CSS فائلوں کی اپنی مرضی کے مطابق لوڈنگ

استعمال کریںورڈپریس ویب سائٹپروگرامرز، ترقی پذیرورڈپریس پلگ انیا ورڈپریس تھیم کو اپنی مرضی کے مطابق بناتے وقت، کچھ JavaScript اور CSS اسکرپٹنگ وسائل کا حوالہ دیا جاتا ہے۔

• عام طور پر، لوگ براہ راست HTML کے لیے لنک، اسکرپٹ ٹیگ استعمال کرتے ہیں۔
• درحقیقت، ورڈپریس کے پاس اسکرپٹس کا حوالہ دینے کے لیے بلٹ ان نفیس افعال اور طریقے ہیں۔
• لہذا، ورڈپریس کے بلٹ ان طریقہ حوالہ جات کا استعمال زیادہ پیشہ ورانہ اور زیادہ قابل توسیع ہے۔

غلط حوالہ دینے کا طریقہ

حوالہ دینے کے دو عام طریقے ہیں، یہ ٹھیک ہے، یہ کامل یا معقول نہیں ہے۔

قسم 1:لنک ٹیگز CSS فائلوں کا حوالہ دیتے ہیں۔

• اسکرپٹ ٹیگز JS فائلوں کو لاگو کرتے ہیں۔یہاں تفصیل نہیں ہے۔

قسم 2:wp_head فنکشن استعمال کریں۔

• wp_head فنکشن کچھ اپنی مرضی کے مطابق یا سسٹم سے طے شدہ مواد کو آؤٹ پٹ کرنے کے لیے استعمال کیا جاتا ہے۔
• ہم بعض اوقات اس فائل کا حوالہ دینے کے لیے درج ذیل کوڈ کا استعمال کرتے ہیں۔

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

• متعلقہ فائلوں کا حوالہ دینے کے لیے مندرجہ بالا کوڈ کو functions.php فائل میں کاپی کریں۔

ورڈپریس اینکیو اسکرپٹس ریسورس میکانزم

جیسا کہ ہم سب جانتے ہیں، ورڈپریس میں بہت سارے پلگ ان ہیں:

• تقریباً ہر پلگ ان کسی نہ کسی وسائل کی فائل کا حوالہ دیتا ہے۔
• لامحالہ، دو پلگ انز کے ذریعہ حوالہ کردہ وسائل کے درمیان تنازعات ہوں گے، جو غیر مستحکم ہو جائیں گے اور کارکردگی کو متاثر کر سکتے ہیں۔

wp_enqueue_script فنکشن استعمال کریں۔

• ورڈپریس میں کسی وسائل کا حوالہ دینے کے لیے آپ کو استعمال کرنا چاہیے۔wp_enqueue_scriptایک فنکشن جس میں قطار یا ترتیب شدہ فنکشن کے نام پر لفظ enqueue ہو۔
• اس ورڈپریس طریقے سے وسائل (Enqueue Scripts) کو جمع کرنے کے ساتھ، حوالہ جات کو متعلقہ فائلوں اور بنیادی کوڈ سے الگ کر دیا جاتا ہے۔
• اگر صارف وسائل کو غیر فعال کرنا چاہتا ہے، تو وہ بنیادی کوڈ سے اس میں ترمیم کیے بغیر اسے حذف، ترمیم اور تبصرہ کرسکتا ہے۔

اس کے علاوہ، کچھ عام طور پر استعمال ہونے والی لائبریریاں جیسے jQuery، jQuery UI، وغیرہ کو ورڈپریس میں بنایا گیا ہے۔

ہم بلٹ ان لائبریری کو براہ راست کال کرنے کے لیے wp_enqueue_script فنکشن استعمال کر سکتے ہیں، جس سے کوڈ اور واضح تفصیلات محفوظ ہوتی ہیں۔

اگر آپ اس فنکشن کو اپنی JS اور CSS فائلوں کا حوالہ دینے کے لیے استعمال کرتے ہیں، تو آپ کو استعمال کرنے کی ضرورت ہے۔wp_register_scriptفنکشن ایک شناخت کنندہ (ہینڈل) کو رجسٹر کرتا ہے اور پھر استعمال کرتا ہے۔wp_enqueue_scriptفنکشن اس پرچم سے متعلقہ وسائل کو کال کرتا ہے۔

ورڈپریس میں جے ایس اور سی ایس ایس فائلوں کو صحیح طریقے سے کیسے درآمد کیا جائے؟

ورڈپریس جے ایس اور سی ایس ایس طریقوں کے لیے سمجھدار درآمدی طریقے فراہم کرتا ہے۔

آپ 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 فنکشن کو شناخت کنندہ پلگ ان_سٹائل شیٹ کے ساتھ ایک وسیلہ بنانے کے لیے استعمال کرتا ہے۔

پھر، اس کی قطار والی درخواستوں کو شامل کریں۔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 فائلوں کو صفحہ کے نچلے حصے میں رکھا جانا چاہیے، آپ اس پیرامیٹر کو True پر سیٹ کر سکتے ہیں، اسے خالی چھوڑ سکتے ہیں یا سب سے اوپر آؤٹ پٹ کرنے کے لیے False۔

آئیے مزید مکمل جاوا اسکرپٹ فائل ریفرنس کی مثال دیکھیں ▼

<?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فنکشن کو متعلقہ وسائل حاصل کرنے کے لیے پیرنٹ تھیم کی ڈائرکٹری ملتی ہے۔