جافا سكريبت مضمنة في ثيمات WordPress Child

إذا كنت تعمل مع سمة فرعية في WordPress ، فقد ترغب في استخدام JavaScript مضمنة لإجراء التخصيصات. يمكن القيام بذلك عن طريق إضافة JavaScript المضمنة إلى ملف function.php الخاص بالقالب الفرعي الخاص بك. عند إضافة JavaScript مضمنة إلى سمة تابعة لـ WordPress ، هناك بعض الأشياء التي يجب وضعها في الاعتبار. أولاً ، تأكد من إضافة JavaScript المضمنة داخل العلامات في ملف jobs.php الخاص بك. بعد ذلك ، ستحتاج إلى إدراج JavaScript المضمنة في قالب طفلك. يمكن القيام بذلك عن طريق إضافة الكود التالي إلى ملف function.php الخاص بالقالب الفرعي الخاص بك: function my_inline_script () {wp_enqueue_script ('my-inline-script'، get_stylesheet_directory_uri (). '/js/my-inline-script.js'، صفيف () ، '1.0' ، صحيح) ؛ } add_action ('wp_enqueue_scripts'، 'my_inline_script') ؛ بمجرد إضافة الكود إلى ملف function.php للقالب الفرعي الخاص بك ، ستحتاج إلى إنشاء ملف جديد يسمى my-inline-script.js وإضافته إلى دليل / js / theme الخاص بك. ضمن هذا الملف ، يمكنك إضافة JavaScript مضمن.

هل يمكنك تضمين جافا سكريبت في ووردبريس؟

يمكن إضافة JavaScript مخصص إلى موقع WordPress الخاص بك بطريقتين: استخدام مكون إضافي أو عن طريق تحرير رمز المظهر الخاص بك أو القالب الفرعي. إذا كنت لا ترغب في تغيير ملفات المصدر ، فإن استخدام مكون إضافي يضمن تحميل البرامج النصية المخصصة بشكل صحيح من خلال التأكد من تحميل ملفات المصدر بشكل صحيح.

البرنامج المساعد WordPress و Theme Hooks لتحميل البرامج النصية

إذا كان المكون الإضافي الخاص بك لا يدعم أداة تحميل البرامج النصية ، فيمكنك تحميل البرنامج النصي باستخدام خطافات WP_head أو WP_footer. إذا كنت تستخدم ملف JavaScript منفصلًا ، فإن أداة تحميل البرامج النصية هي الطريقة للقيام بذلك. باستخدام مكون إضافي ، يمكنك أيضًا إضافة نصوص برمجية رأس وتذييل.

كيف يمكنك إضافة مضمنة إلى برنامج نصي ووردبريس؟

من أجل إضافة مضمنة إلى نص ووردبريس ، سوف تحتاج إلى تعديل كود البرنامج النصي نفسه. في الكود ، ستحتاج إلى العثور على القسم الذي تريد إضافة المضمنة إليه ، ثم إضافة رمز المضمنة. بمجرد إضافة رمز مضمّن ، ستحتاج إلى حفظ البرنامج النصي ثم تحميله على موقع WordPress الخاص بك.

باستخدام البرامج النصية المضمنة ، يمكنك إنشاء مواقع ويب WordPress جذابة وعملية. سيتناول منشور المدونة هذا كيفية إنشاء نصوص مضمنة في WordPress. في كثير من الحالات ، عند استخدام ملفات JS أو CSS مع WP_print_scripts ، تظهر علامات النص في رأس المستند. تتيح لك وظيفة WordPress_add_inline_script () إضافة أحرف مضمنة إلى موقع WordPress الخاص بك. يمكنك إجراء تغييرات على موقع الويب الخاص بك في الوقت الفعلي دون الحاجة إلى استخدام FTP أو مكون إضافي. يستخدم معظم مطوري WordPress هذه الميزة لإضافة أحرف مضمنة ، ولكن هناك بعض الإيجابيات والسلبيات لها. يعد استخدام البرامج النصية المضمنة طريقة بسيطة لإضافة وظائف إلى موقع WordPress الخاص بك. يمكن إنشاء البرامج النصية المضمنة المكتوبة بلغة JavaScript والتي تؤدي جميع الإجراءات على الصفحة دون الحاجة إلى مكونات إضافية أو تعليمات برمجية. الهدف من هذا البرنامج التعليمي هو تقديم شرح خطوة بخطوة لأكثر الطرق فعالية لإضافة نصوص مضمنة إلى WordPress.

نصوص مضمنة في WordPress

يجب تثبيت نصوص PHP المضمنة في WordPress باستخدام تعليمات تثبيت البرنامج النصي المضمّن في WordPress. فيما يلي طريقة لتكوين رأس WP_print_scripts: * تضمين أي كود. تتيح لك طريقة WordPress_localize_script () إضافة أي متغيرات JS إلى أي برنامج نصي تم تسجيله. يتيح لك هذا الخيار إضافة أي كود JS إلى البرنامج النصي الذي تقوم بإنشائه. يعد استخدام JavaScript المضمن أمرًا بسيطًا مثل استخدام علامة Script داخل نص HTML ، ولكن بدلاً من تحديد المصدر (src = ”...”) لملف JavaScript في علامة Script ، يجب علينا تحديد كل شفرة JavaScript ضمن علامة Script . النص المضمن هو واحد بدون asrc ، وهو نوع من علامة البرنامج النصي. يتم تسليم البرنامج النصي بشكل أسرع افتراضيًا لأن المستعرض لا يحتاج إلى طلبه من الخادم.

هل يمكننا إضافة جافا سكريبت مضمنة؟

يمكن أن يكون عنوان URL عبارة عن JavaScript مضمنة باستخدام علامة Script في نص HTML ، ولكن بدلاً من تحديد مصدر ملف JavaScript في علامة Script ، يجب أن نعلن عن شفرة JavaScript بالكامل داخل عنوان URL.

يتم تعريف الدالة المضمنة على أنها متغير يحتوي على دالة مضمنة. يتم تعريف هذه الوظيفة ، على عكس الوظيفة العادية ، في ملف منفصل ولا يتم الوصول إليها إلا عند استدعائها. عندما تريد تضمين دالة كجزء من التعليمات البرمجية الخاصة بك دون تضمين تعريف الوظيفة بالكامل ، فإن الوظائف المضمنة تعد خيارًا رائعًا. لإنشاء دالة مضمنة ، يجب أن يتبع الكلمة الأساسية للوظيفة اسم الوظيفة. ليست مطلوبة لهذا النوع من الرسائل ؛ يمكنك أيضًا تضمينها إذا رغبت في ذلك. في المثال التالي ، سأوضح لك كيفية إنشاء وظيفة مضمنة تسمى myFunction. اسم الوظيفة هو myFunction () ؛ إنه اسم الوظيفة. في المثال السابق ، تُعرَّف وظيفتي على أنها دالة مضمنة. يمكن أيضًا استدعاء الوظيفة المضمنة من داخل دالة أخرى. الوظيفة myFunction2 () ، كما هو موضح في الشكل 1. وظيفة ('myFunction')) ؛ وظيفتي MyFunction2 في هذا المثال هي وظيفة تشير إلى myFunction.

Wp_add_inline_script

إذا كنت بحاجة إلى إضافة JavaScript إضافية إلى موقعك ، فيمكنك استخدام وظيفة wp_add_inline_script (). تسمح لك هذه الوظيفة بإضافة كود JavaScript إلى رأس أو تذييل موقعك. يمكنك استخدام هذه الوظيفة لإضافة رمز سيستخدمه قالبك أو مكونك الإضافي ، أو لإضافة رمز سيستخدمه زوار موقعك.

إضافة Html نصي مضمن

تتم كتابة البرامج النصية المضمنة مباشرة في كود HTML لصفحة الويب ، بين العلامات. يتم استخدامها بشكل عام لإضافة كميات صغيرة من الشفرة إلى الصفحة ، مثل مقتطف الشفرة أو شفرة التتبع. يتم تنفيذ البرامج النصية المضمنة على الفور ، دون الحاجة إلى تحميلها من ملف خارجي ، مما يجعلها أسرع من البرامج النصية الخارجية. ومع ذلك ، يمكنهم أيضًا جعل قراءة تعليمات HTML البرمجية أكثر صعوبة وصيانتها.

إيجابيات وسلبيات البرمجة النصية المضمنة

إذا كنت تنوي تضمين البرنامج النصي الخاص بك في نفس ملف HTML الخاص بك ، فإن البرمجة النصية المضمنة في HTML تعد خيارًا جيدًا. بالنسبة للبرامج النصية غير المخصصة للاستخدام في مستندات HTML ، لا يوصى باستخدام البرمجة النصية المضمنة. قد يكون من الصعب قراءة محتوى HTML والحفاظ عليه إذا كانت الأنماط والبرامج النصية مشوشة.