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

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

يجب عليك استخدام خطاف WordPress_enqueue_scripts لإدراج البرامج النصية والأنماط في قائمة الانتظار في الواجهة الأمامية. يمكنك استخدام الدالات WP_register_script و WP_enqueue_script و WP_register_style و WP_enqueue_style إذا كنت تريد ربط دالة.

إضافة برنامج نصي إلى نص WordPress

تعد إضافة برنامج نصي إلى نص WordPress الخاص بك طريقة رائعة لإضافة وظائف إضافية إلى موقعك. هناك عدة طرق مختلفة للقيام بذلك ، ولكن الأكثر شيوعًا هو ببساطة إضافة البرنامج النصي إلى ملف header.php الخاص بالقالب. سيضمن ذلك تحميل النص البرمجي في كل صفحة من صفحات موقعك. خيار آخر هو استخدام مكون إضافي مثل Head و Footer و Post Injections ، والذي سيسمح لك بحقن البرنامج النصي في رأس أو تذييل موقعك.

في WordPress ، توجد عدة طرق لإضافة نص برمجي إلى علامة النص الأساسي. يمكن استخدام مكون إضافي ، مثل theHeader و FooterScripts ، لإنجاز ذلك. خيار آخر هو إضافة أو تعديل ملف header.php الخاص بالسمة أو استخدام سمة فرعية. يجب أن تكون علامة البرنامج النصي عنوان URL لملف JavaScript الذي تريد استخدامه خارج JavaScript.

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

تعد وظيفة WordPress_enqueue_scripts طريقة بسيطة لإضافة JavaScript إلى مشاركاتك. يمكننا استخدام الأمر WordPress_enqueue_script ('my_script،' path / to / my / script.js ') لوضعها في قائمة الانتظار.

WordPress إضافة البرنامج النصي إلى العنوان

تعد إضافة برنامج نصي إلى رأس موقع WordPress عملية بسيطة إلى حد ما. أولاً ، تحتاج إلى إنشاء ملف جديد في الدليل / wp-content / theme / yourtheme / وتسميته header.php. بعد ذلك ، افتح header.php في محرر نصوص وأضف الكود التالي إلى أعلى الملف: wp_enqueue_script ('script-name'، get_template_directory_uri (). '/js/script-name.js'، array ()، "1.0.0" ، صحيح) ؛ ؟ > استبدل اسم البرنامج النصي بالاسم الفعلي للبرنامج النصي الخاص بك. احفظ الملف وقم بتحميله على الخادم الخاص بك. هذا كل ما في الامر! يجب الآن تحميل البرنامج النصي الخاص بك بشكل صحيح في رأس موقع WordPress الخاص بك.

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

WordPress Enqueue Script

إضافة نصوص إلى ووردبريس هي عملية من خطوتين. أولاً ، تحتاج إلى تسجيل البرنامج النصي الخاص بك مع WordPress باستخدام وظيفة wp_register_script ، وبعد ذلك يمكنك إدراج البرنامج النصي الخاص بك في قائمة الانتظار باستخدام وظيفة wp_enqueue_script. تأخذ الدالة wp_register_script معلمتين: اسم البرنامج النصي وعنوان URL الخاص به. اسم البرنامج النصي الخاص بك هو ما ستستخدمه لإدراج البرنامج النصي في قائمة الانتظار لاحقًا. عنوان URL هو موقع البرنامج النصي الخاص بك. تأخذ الدالة wp_enqueue_script معلمتين: اسم البرنامج النصي ومجموعة التبعيات. التبعيات هي نصوص برمجية أخرى يعتمد عليها البرنامج النصي الخاص بك. سيقوم WordPress تلقائيًا بتحميل هذه البرامج النصية قبل البرنامج النصي الخاص بك.

وظيفة الحلقة () في ووردبريس

الدالة loop () هي بديل لتطوير موضوع.

البرنامج المساعد للبرنامج النصي WordPress

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

يمكن الوصول إلى جميع المكونات الإضافية والقوالب والجوهر من خلال وظيفة نص قائمة الانتظار في WordPress. سيتم تحميل البرامج النصية والأنماط التي تطلبها المكونات الإضافية والسمات ، ولكنها ستضمن تحميل كل منها مرة واحدة فقط. من خلال تقليل تعقيد التعليمات البرمجية ، يمكنك الحفاظ على كود الموقع أقل حجمًا ، مما يقلل من أوقات التحميل وتعارضات التعليمات البرمجية. WP_enqueue_script () هي لغة برمجة نصية في WordPress ، والتي تسمح لك بمعالجة البرنامج النصي الخاص بك وإرساله إلى المكان الذي تريده. يمكن إضافة أوراق الأنماط بسهولة باستخدام WP عن طريق زيارة www.wpsi.com/css/stylesheets/. نظرًا لأن هذه الطريقة تسمح للمكونات الإضافية الأخرى أو لمالك الموقع بإزالة البرنامج النصي الخاص بنا دون الحاجة إلى ترميز أي شيء في سياق المكون الإضافي الخاص بنا ، يمكن إزالة البرنامج النصي الخاص بنا دون الحاجة إلى ترميز أي شيء. علاوة على ذلك ، في بعض الحالات ، قد نتمكن من إضافة شروط بحيث يتم تحميل البرامج النصية أو الأنماط الخاصة بنا على صفحات معينة فقط.

ما هي نصوص WordPress؟

يجب تحرير @ wordpress / scripts. تهدف هذه المجموعة من البرامج النصية القابلة لإعادة الاستخدام إلى مساعدة مطوري WordPress. تتضمن هذه الحزمة ميزة تكوينها لكل أداة ، مما يسهل تكوينها.

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

هذا هو السبب في عدم وجود شيء مثل " مكون JavaScript WordPress الإضافي ".

نص ووردبريس مكتوب بلغة

WordPress مكتوب بلغة برمجة PHP ويستخدم قاعدة بيانات MySQL.

تم دمج تكوين كل أداة في هذه الحزمة مع التكوين الموصى به لتلك الأداة. تم استخدام رد الفعل النصي و kcd-script لإنشاء هذه الحزمة. من الجيد أيضًا معرفة كيفية إنشاء تطبيق JavaScriptScript . تشرح المقالة كيفية استخدام الإنشاء وبدء البرامج النصية بعمق أكبر من معظم البرامج الأخرى. سنبقي التغييرات العاجلة إلى أدنى حد ممكن حتى تتمكن من الترقية بسهولة إلى @ wordpress / scripts. بعد تحويل التعليمات البرمجية الخاصة بك ، تصبح جاهزة للإنتاج ومُحسّنة للحصول على أفضل أداء. يتم فحص نطاقات الإصدار الدلالي لإصدارات العقدة أو npm (أو الغزل) للتأكد من مطابقتها.

إذا لم يكن التثبيت مرضيًا ، يتم نشر معلومات حول الإصدار المطلوب. من خلال فرض إرشادات أسلوب الترميز لملفاتك ، يمكنك حماية تكامل التشفير. في الوضع الافتراضي ، يتم تجاهل الملفات المرتبطة بالوحدات node_modules أو مجلدات البائع أو الإنشاء. يمكنك تخصيص الملفات والأدلة التي تم تجاهلها لمشروعك عن طريق إضافتها إلى ملف a.prettierignore. نظرًا لاستخدام العلامات لفرض المعايير ، يستخدم النظام markdownlint لتتبعها. نتيجة لذلك ، يتم تجاهل الملفات الموجودة في الإنشاء و node_modules ومجلدات البائع. التكوين @ wordpress / stylelint-config مطلوب لـ WordPress ، وفقًا لمعايير CSS Coding Standards.

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

يستخدم Jest الخيارات التالية الموصى بها كخيارات افتراضية: @ wordpress / jest-preset-default. في وثائق Jest ، يمكنك أيضًا اختيار خيارات التجاوز الخاصة بك. يمكن إجراء اختبار تصحيح الأخطاء باستخدام أي عميل مفتش يدعم بروتوكول Chrome DevTools. على سبيل المثال ، يمكنك استخدام مكتبات Google Chrome و Visual Studio Code. لتثبيت PHP Debugger ، افتح متصفح WordPress الخاص بك وانقر نقرًا مزدوجًا فوق WP-scripts. سيتم تنفيذ اختباراتك ، وسيتم إيقاف التنفيذ مؤقتًا حسب الخط الذي تقوم بتشغيله. بعد ذلك ، سيتم استخدام devtools لإنشاء نقاط توقف في سياق المتصفح.

يمكن استخدام ملفات التكوين الموصى بها لتنفيذ هذه الحزمة. بالإضافة إلى ذلك ، يمكنك إضافة بادئة إلى وحدات CSS لإنشاء وحدة واحدة. يمكن إضافة وحدة نمطية ، مثل style.scss ، إلى الامتداد. يتيح Webpack الرجوع إلى الخط (woff و woff2 و eot و ttf و otf) وملفات الصور (bmp و png و jpg و jpeg و gif و wepb) من CSS. هذه الحزمة هي أحد مكونات مشروع جوتنبرج.

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

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

ما هي لغة ملحقات WordPress؟

نظرًا لأنها اللغة الأساسية في WordPress ، ومعظم سمات WordPress والمكونات الإضافية مكتوبة بلغة PHP ، فمن الأدق أن نقول إن WordPress مكتوب بلغة PHP.

أضف Javascript إلى WordPress بدون البرنامج المساعد

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

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

كيفية إضافة البرامج النصية إلى موقع WordPress الخاص بك

يعد WordPress نظامًا أساسيًا قويًا لنشر المحتوى ، ولكن قد تكون هناك حاجة إلى نصوص مخصصة لجعله أفضل. يمكن القيام بذلك إما باستخدام ملحق أو عن طريق تعديل ملف function.php على قالب طفلك. إذا كنت لا ترغب في تحرير ملفات المصدر الخاصة بك ، فإن أفضل طريقة هي استخدام مكون إضافي ، مما يضمن تحميل البرامج النصية المخصصة بشكل صحيح بالترتيب الصحيح. يمكن إضافة نص بسيط إلى موقع WordPress الخاص بك. يجب حفظ محتويات الملف المضغوط في دليل تثبيت WordPress المسمى WP-content / plugins /. بعد أن يكون المكون الإضافي نشطًا لفترة زمنية نشطة ، انتقل إلى الإعدادات> البرامج النصية. يمكنك أيضًا لصق الرمز في صفحة الويب الخاصة بك أو استخدام مكون إضافي لإنشائه لك.

جافا سكريبت ووردبريس مخصص

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