هل تريد معرفة كيفية تحميل JavaScript على WordPress؟

جميع وورد موضوع يتكون عادةً من ملفات PHP و HTML و CSS و JavaScript. JavaScript هي لغة برمجة شائعة بين المطورين. وورد موضوع. إنها لغة تجعل صفحة HTML تفاعلية ويمكن أن تسمح لك أيضًا بالتفاعل مع الخادم.

ستكون معرفة كيفية استخدامه على موقع الويب الخاص بك ميزة كبيرة.

من أجل استخدام جافا سكريبت بالفعل ، تحتاج إلى معرفة كيفية تحميله على موقع الويب الخاص بك.

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

كيفية تحميل البرامج النصية جافا سكريبت على وورد

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

اكتشف أيضًا البرنامج التعليمي الخاص بنا كيفية ضغط ملفات CSS و HTML و Javascript

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

هذه الآلية ضرورية لإعطاء معنى للتبعيات. إذا كنت تكتب رمز jQuery لموضوع WordPress ، فيجب تحميل jQuery نفسه أولاً.

يمكنك كتابة التعليمات البرمجية التي تعتمد على البرنامج المساعد jQuery. في هذه الحالة ، يجب تحميل jQuery أولاً ، ثم المكون الإضافي jQuery ، ثم الكود.

كيفية "Enqueueing" البرامج النصية (إضافة إلى قائمة الانتظار)

يمكنك وضع البرامج النصية في قائمة انتظار في مجلد سمة WordPress الخاص بك أو ملف وورد البرنامج المساعد. إليك الكود الكامل لتضمين برنامج نصي يعتمد على jQuery:

my_theme_scripts of function () {

 wp_enqueue_script ('my-script'، get_template_directory_uri (). '/js/my-script.js'، array ('jquery')، '1.0.0'، true) ؛

}

add_action ('wp_enqueue_scripts'، 'my_theme_scripts') ؛

بادئ ذي بدء ، يجب أن تكون الوظيفة " مدمن مخدرات على وورد (باستخدام وورد هوكس). الوسيطة الأولى للوظيفة add_action () يخبر WordPress أين يجب وضع هذه النصوص:

• على الفضاء العام
• على لوحة القيادة

إذا كنت تستخدم " wp_enqueue_scripts سيتم تحميلها على الفضاء العام ، إذا كنت تستخدم " admin_enqueue_scripts سيتم تحميلها على لوحة القيادة.

في وظيفة « ADD_ACTION يمكنك استخدام " wp_enqueue_script لإضافة البرامج النصية التي تحتاجها. تأخذ الوظيفة معلمة مطلوبة وأربعة معلمات اختيارية

• المعلمة الأولى هي اسم البرنامج النصي الخاص بك. يمكنك اختيار ما تريد ، ولكن تأكد من استخدام اسم فريد.
• يجب أن تحتوي المعلمة الثانية على موقع الملف على قالب WordPress الخاص بك أو وورد البرنامج المساعد.
• يحتوي المعامل الثالث على مجموعة من التبعيات. في المثال أعلاه قلت أن jQuery تبعية. يتم تحميل جميع التبعيات قبل البرنامج النصي المعني.
• المعلمة الرابعة هي رقم الإصدار
• تشير المعلمة الخامسة والأخيرة إلى ما إذا كنت تريد تحميل البرنامج النصي على الرأس أو التذييل. استخدم "true" للتحميل عند التذييل ، أو "false" لتحميل النص البرمجي في الرأس (لا يمكنك أيضًا ملء هذه المعلمة).

وملحقات

يقدم WordPress نسخة من jQuery ، وهذا هو السبب في أنه يمكنك إضافته كتبعية دون أي متاعب. هناك عدد كبير من البرامج النصية والإضافات الأخرى لـ jQuery التي يقدمها WordPress. إذا كانت التعليمات البرمجية الخاصة بك تعتمد على واحدة منها ، فلن تضطر إلى استخدام إحدى نسخك ، فقط قم بإضافتها كعنصر تبعية. هنا واحدة قائمة البرامج النصية التي يقدمها ووردبريس.

إذا قمت بتضمين عدة نصوص برمجية مستقلة عن بعضها البعض ، يمكنك إضافتها على أنها تبعيات بنفس الطريقة تمامًا. ألق نظرة على المثال أدناه:

my_theme_scripts of function () {

 wp_enqueue_script ("my-base script"، get_template_directory_uri (). '/js/my-base-script.js'، array ('jquery')، '1.0.0'، true)؛

 wp_enqueue_script ("my-script-extension"، get_template_directory_uri (). '/js/my-script-extension.js'، array ("my-script-base ')،' 1.0.0 '، true) ؛

}

add_action ('wp_enqueue_scripts'، 'my_theme_scripts') ؛

نظرًا لأن النص الأول يعتمد على jQuery ، فإن البرنامج النصي التالي يعتمد عليه أيضًا. لذلك لا تحتاج إلى إضافة jQuery كتبعية لكليهما. هذا يجعل إدارة التبعية أسهل.

تحميل مشروط

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

my_theme_scripts of function () {

 wp_register_script ('my-script'، get_template_directory_uri (). '/js/my-script.js'، array ('jquery')، '1.0.0'، true) ؛

 wp_enqueue_script ('my-script') ؛

}

add_action ('wp_enqueue_scripts'، 'my_theme_scripts') ؛

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

طريقة أخرى لتحميل البرامج النصية بشروط هي استخدام الوظائف الشرطية. إذا كنت تريد تحميل برنامج نصي على جميع صفحات الأرشيف من الفئة ، يمكنك استخدام الوظيفة is_category ().

على سبيل المثال ، يمكنك إنشاء مكتبة من الصور التي يمكن للمستخدمين إضافتها إلى المقالة مثل: [carousel ids = '42,124,123,331,90، XNUMX،XNUMX،XNUMX،XNUMX ′]. سيتم إنشاء دائرة عرض على صفحة المقالة باستخدام الصور المحددة بواسطة معرفاتهم.

للقيام بذلك ، يجب عليك إنشاء ملف " carousel.js والتي تقوم على مسج. إليك رمز للوصول إليه (لا يُنشئ دائريًا ، لكنه يتيح لك معرفة كيفية حدوث عملية التحميل):

add_action ('wp_enqueue_scripts'، 'my_theme_scripts') ؛

my_theme_scripts of function () {

 wp_register_script ('my-carousel'، get_template_directory_uri (). '/js/my-carousel.js'، array ('jquery')، '1.0.0'، true) ؛

}

add_shortcode ('carousel'، 'my_carousel') ؛

دالة my_carousel ($ args) {

 $ atts = shortcode_atts (صفيف (

 "المعرفات" => "،

 )، $ Atts، 'carousel')؛

 wp_enqueue_script ("my-carousel") ؛

 / / رمز لعرض دائري هنا

}

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

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

يمكنك أيضًا استبدال jQuery بإصدار أحدث إذا كنت تختبر شيئًا ما للتأكد من توافقه مع الإصدارات الأحدث.

في هذه الحالات وظائف wp_deregister_script () "و" wp_dequeue_script () هي مفيدة. إليك كيفية تعديل التعليمات البرمجية التي تمت إضافتها بالفعل على WordPress.

my_theme_scripts of function () {

 wp_deregister_script ('jquery') ،

 wp_enqueue_script ('jquery'، get_template_directory_uri (). '/js/jquery3.0.0.js'، array ()، '3.0.0'، true) ؛

 wp_enqueue_script ('my-script'، get_template_directory_uri (). '/js/my-script.js'، array ('jquery')، '1.0.0'، true) ؛

}

add_action ('wp_enqueue_scripts'، 'my_theme_scripts') ؛

الأفكار النهائية

تعد طريقة التحميل هذه إلى WordPress رائعة لأنها تتيح لك إضافة البرامج النصية الخاصة بك بطريقة معيارية. سيسمح لك ذلك بالتأكد من إضافة التبعيات بطريقة معيارية.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. بريميوم سيو حزمة

حزمة Premium SEO هي حزمة وورد البرنامج المساعد الذي يعمل على تحسين مُحسنات محركات البحث (SEO) لديك وضغط CSS لتحسين سرعة تحميل موقع الويب الخاص بك.

يسمح لك المكون الإضافي أيضًا بإدارة تصميم موقع الويب الخاص بك ببضع نقرات. تشمل ميزاته: ضغط CSS و JS ، وتكامل ملفات Sitemap للفيديو والمقتطف ، وتنسيق ملفات HTML و XML ، وإعادة توجيه الصفحة 404 و 301 ، ومشاركة الوسائط الاجتماعية ، وتوفير تسمية ALT ، تصميم قابل للتخصيص بدرجة كبيرة

تحميل | عرض | استضافة المواقع

2. Woocommerce التسليم في الوقت المحدد المنتقى للشحن

Woocommerce Delivery Time Picker for Shipping هو امتداد WooCommerce يسمح للعملاء باختيار تاريخ ووقت التسليم في صفحة الخروج. 

سيتمكن العملاء من تحديد وقت تسليم الحزمة في المنزل. سيكون وقت التسليم مرئيًا لمسؤولي الموقع وسيتم إرساله أيضًا عبر البريد الإلكتروني إلى مسؤولي الموقع أو المتجر عبر الإنترنت.

تحميل | عرض | استضافة المواقع

3. بطل القائمة

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

من القائمة الضخمة الأكثر تعقيدًا والمليئة بالميزات ، إلى أبسط القائمة مع القائمة المنسدلة ، البرنامج المساعد WordPress HeroMenu قم بإعداد أي نوع من القوائم وشغّله في غضون دقائق.

فيما يتعلق بالميزات التي يقدمها ، من بين أمور أخرى: التشغيل الأمثل على الكمبيوتر الشخصي والكمبيوتر اللوحي والهاتف الذكي ، من عرف المغلق لإضافة أنماطك الخاصة إلى القائمة ، منشئ megamenu ، العديد من المتصفحات المدعومة: Chrome ، Firefox ، Safari ، Opera ، IE9 والمزيد.

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

تحقق من الموارد الأخرى الموصى بها والتي ستساعدك على استكشاف أخطاء WordPress الشائعة الأخرى وإصلاحها. 

• كيفية إصلاح أخطاء إعادة توجيه على وورد
• كيفية إنشاء تخطيط مخصص مع Elementor
• كيفية إنشاء وورد إنترانت لمؤسستك
• كيفية إنشاء صفحة تسجيل الدخول على وورد

وفي الختام

هنا! هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يكون قد أعطاك فهمًا لكيفية تحميل JavaScript على WordPress. لا تتردد في مشاركتها مع أصدقائك على الشبكات الاجتماعية فضل. 

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

ولكن في غضون ذلك ، أخبرنا عن تعليقات والاقتراحات في قسم مخصص.

...