Anonim

جیسا کہ معروف سی ایم ایس کمیونٹی نے دعوی کیا ہے ، 25٪ انٹرنیٹ ورڈپریس استعمال کر رہا ہے۔ رجحانات کو دیکھ کر ، ہمارے پاس ان پر یقین کرنے کے سوا اور کوئی چارہ نہیں ، تقریبا ہر 2 ڈی بلاگ اور ہر 4 ویں سائٹ بظاہر سب سے زیادہ طاقتور اور صارف دوست سی ایم ایس استعمال کرتی ہے۔ اس کے منتظر ، لوگوں اور ڈویلپرز نے اپنی سائٹوں کو ورڈپریس پلیٹ فارم میں منتقل کرنا شروع کردیا ہے۔

آپ کی میٹھی اور آسان ویب سائٹ کو ایک پیچیدہ ، اعلی کارکردگی والے سی ایم ایس سائٹ میں تبدیل کرنے کی کوشش پر ، لوگ ایک بہت ہی بنیادی قدم پر پھنس گئے ہیں اور یہ سوال پوچھ رہے ہیں: محبت کے ل For ، میں یہ بیرونی جاوا اسکرپٹ (.js) فائل کیسے حاصل کرسکتا ہوں؟ اس ورڈپریس تھیم میں کام کر رہے ہیں؟ کیا آپ بھی وہی سوال پوچھ رہے ہیں؟ ٹھیک ہے امیگوس ، آپ آخر کار صحیح مقام پر ہیں: میں یہاں حاضر ہوں کہ آپ اس کام کو حاصل کرنے کے لئے آسان ترین آسان راستہ پر قدم بہ قدم رہنمائی کریں۔

اب یہ فرض کرتے ہوئے کہ آپ کے پاس ورڈپریس تمام انسٹال ہوچکا ہے اور بیرونی جے ایس تیار ہے ، ہم فائل کو شامل کرنے کے کام میں شامل ہوں!

نوٹ: میں اس سبق کے لئے مندرجہ ذیل فائل (testrun.js) استعمال کر رہا ہوں اور جس موضوع پر میں کام کر رہا ہوں وہ ہے ورڈپریس کا بیس سولہ۔

انتباہ ('ہیلو')؛

چلو شروع کریں!

تمام اسکرپٹ اور اسٹائل شیٹس کو فنکشن ڈاٹ پی پی پی کے اندر سے بھری ہوئی ہیں۔ ورڈپریس میں ان کو لوڈ کرنے کا یہ صحیح طریقہ ہے تاکہ ورڈپریس کے ذریعہ یا آپ کے پلگ ان استعمال ہونے سے کسی دوسرے اسکرپٹ سے متصادم ہوجائیں۔ اگر آپ ورڈپریس کو شامل تمام فائلوں کا نظم کرنے دیں تو آپ کو یہ بتانے کی ضرورت ہوگی کہ آپ چاہتے ہیں کہ آپ اس فائل کو ہیڈر (اسٹارٹ) یا فوٹر (آخر) میں فائل کے حصہ میں شامل کریں۔ ہر ٹیمپلیٹ / تھیم کے اپنے فنکشنس پی پی پی ہوتے ہیں لہذا افعال کا صحیح نام جس میں شامل کی جانے والی تمام فائلیں شامل ہوں عام کرنا مشکل ہوگا۔ چونکہ میں بطور تھیم بیس سولہ لے رہا ہوں ، اس لئے اسنیپ شاٹ ذیل میں بتایا گیا ہے کہ میرے فنکشنس پی پی پی (فائلوں کو شامل کرنے کے ل used استعمال کیا جاتا ہے)۔ آپ کو کسی حد تک اس سے ملنا چاہئے:

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

wp_enqueue_script ($ ہینڈل، $ src، $ deps، $ ver، $ in_footer) درج ذیل پیرامیوں میں لیتا ہے:

$ سنبھال لیں

(سٹرنگ) (مطلوبہ) اسکرپٹ کا نام۔

rc src

(سٹرنگ | بول) (اختیاری) ورڈپریس کی روٹ ڈائرکٹری سے اسکرپٹ کا راستہ۔ مثال: '/js/myscript.js'۔

پہلے سے طے شدہ قیمت: غلط

. deps

(سرنی) (اختیاری) رجسٹرڈ ہینڈلز کی ایک سرنی اس اسکرپٹ پر منحصر ہے۔

پہلے سے طے شدہ قیمت: سرنی ()

. ver

(سٹرنگ | بول) (اختیاری) اسکرپٹ اسکرپٹ ورژن نمبر کی وضاحت کرتا ہے ، اگر اس میں کوئی ہے۔ اس پیرامیٹر کو یہ یقینی بنانے کے لئے استعمال کیا جاتا ہے کہ کیچنگ سے قطع نظر درست ورژن کلائنٹ کو بھیجا گیا ہے ، اور اسی طرح اسے بھی شامل کیا جانا چاہئے اگر کوئی ورژن نمبر دستیاب ہو اور اسکرپٹ کے معنی میں ہو۔

پہلے سے طے شدہ قیمت: غلط

_ in_footer

(بول) (اختیاری) اس سے پہلے کہ اسکرپٹ کو قطار میں لائیں یا اس سے پہلے . پہلے سے طے شدہ 'غلط'۔ 'غلط' یا 'سچ' قبول کرتا ہے۔

پہلے سے طے شدہ قیمت: غلط

آپ اس سبق کے لئے wp_register_script () فنکشن کو نظرانداز کرسکتے ہیں۔ ہمارا مقصد صرف بیرونی جے ایس کو شامل کرنا ہے۔ یہ اس کے بغیر ٹھیک کام کرنا چاہئے!

لہذا ، اگر میں اپنے اسکرپٹ کا نام "ٹیسٹ" کے نام پر رکھنا چاہتا ہوں تو یاد رکھیں کہ یہ پیرم ($ ہینڈل) ضروری نہیں کہ اصل فائل کا نام ہو ، اور میری فائل jquery پر بیرونی انحصار رکھتی ہے اور ورژن 1.0 ہے اور پیج بوجھ سے پہلے ہی بوجھ ہے تب میرا فنکشن ایسا دکھائی دے گا:

wp_enqueue_script ('سبق' ، get_template_directory_uri (). '/js/testrun.js' ، سرنی ('jquery') ، '1.0' ، غلط)؛

اگر آپ نے نوٹ کیا تو ، میں نے get_template_directory_uri () کا استعمال کیا ہے ، لہذا ، فنکشن کے بعد اکٹھا کیا ہوا تار ، یعنی “ /js/testrun.js ” ہے جو دراصل ٹیمپلیٹ کی انڈیکس فائل فائل فائل کا راستہ ہے۔

تو آپ کا $ src وصف ، جو آپ کی جے ایس فائل کا ذریعہ ہے بن جاتا ہے: get_template_directory_uri (). 'path_to_js_wrt_index_of_template'۔

لہذا ، حتمی فنکشنز۔ پی پی پی کی طرح نظر آتی ہے:

وہاں میں پکڑو ، ہم نے تقریبا کیا! ابھی اسے محفوظ کریں اور اپنی ویب سائٹ پر ریفریش ماریں… آپ کو جے ایس کو کام کرتے دیکھنا چاہئے! یہ میرا ہے:

چونکہ ہم نے $ in_footer آپشن کو غلط پر سیٹ کیا ہے ، اسکرپٹ صفحہ بوجھ سے پہلے ہی بوجھ ڈال دیتا ہے ، لیکن JQuery کو لوڈ کرنے کے بعد اس کو انحصار کے طور پر شامل کیا گیا تھا!

اور .. Voila! یہاں آپ جاتے ہیں .. آپ نے کامیابی کے ساتھ اپنے ڈبلیو پی تھیم میں بیرونی کسٹم جے ایس فائل کو شامل کیا ہے!

کوڈنگ مبارک ہو !!

حوالہ: ینیوی فنکشن: ورڈپریس کوڈیکس

ورڈپریس میں کسٹم بیرونی جے ایس شامل کرنے کا بہترین طریقہ کیا ہے؟