الطريقة الأكثر فعالية لإضافة نصوص مضمنة في WordPress

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

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

إضافة عبر Wp_print_scripts

إذا كنت تبحث عن إضافة نصوص مضمنة في WordPress ، فإن وظيفة WordPress wp_print_scripts و / و admin_print_scripts هي إجابتك. يمكن لـ WordPress wp_print_scripts عرض علامات النص في رأس المستند ، ويتم ذلك عادةً عند تضمين ملفات JS أو CSS. ستسمح لك وظيفة WordPress هذه بجعل موقعك أكثر تفاعلية أو إضافة وظائف جديدة. كما هو الحال مع أي وظيفة WordPress ، هناك بعض القواعد البسيطة التي يجب اتباعها قبل استخدامها على موقع الويب الخاص بك.

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

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

الايجابيات:

• من السهل دائمًا إضافة أي نص مضمّن إلى "قسم الرأس" في صفحات WordPress ؛
• لن يكون للرمز الذي تضيفه أي قيود مما يعني أنه يمكنك إضافة متغيرات JS أو وظائف أو طرق أو شروط أو أي شيء تريد إضافته إلى موقعك.

سلبيات:

• لا توجد طريقة محددة لربط التعليمات البرمجية المضافة بالنصوص البرمجية المسجلة ؛
• في معظم الحالات ، قد لا يكون رمز الإخراج على عوامل مختلفة طريقة حقيقية ومتسقة للتحكم في موقع رمز الإخراج. ومع ذلك ، يمكنك دائمًا استخدام معلمة <priority> ضمن <add_action> للتحكم في موقع الكود الذي أضفته.

استخدم الدالة wp_add_inline_script ()

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

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

الايجابيات:

• تعد وظيفة wp_add_inline_script () طريقة قيمة لإضافة أحرف مضمنة إلى مدونة WordPress الخاصة بك ؛
• يمكن أن تكون طريقة سهلة ومريحة للمطورين لإضافة كود JS دون تغيير سمة WordPress أو ملفات المكونات الإضافية أو تحرير ملف قالب header.php ؛
• يمكن أن يكون هذا مفيدًا لإضافة نصوص برمجية مثل كود Google Analytics. يحميك من تحرير ملف header.php في كل مرة يكون هناك تحديث بميزات أو إعدادات Google Analytics.

سلبيات:

• العيب الوحيد لوظيفة wp_add_inline_script () هو أنها متاحة فقط بدءًا من إصدار 4.5 WordPress.

استخدم الدالة wp_localize_script ()

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

يقوم Wp_localize_script () بإدراج ملف JS في قائمة الانتظار ويعطيه معرّف / مقبض لـ "shapeSpace_script" ، والذي يحدد مصفوفة ترابطية تحتوي على متغيراتك. أخيرًا ، يتم تمرير متغيرات JS هذه إلى wp_localize_script () ليتم تضمينها بشكل مضمّن مع الشكل المسجل shapeSpace_script. نتيجة لذلك ، يمكنك من تطبيق أي متغيرات JS مثل shapeSpace.varl ، من بين أمور أخرى. هذه الوظيفة مخصصة لتعريب متغيرات JS لاستخدامها مع ترجمة اللغة وتدويلها. ومع ذلك ، يستخدمه معظم مطوري WordPress كطريقة شائعة لإضافة أحرف مضمنة إلى مواقعهم.

الايجابيات:

• يمكّن Wp_localize_script () اقتران "قراءة: تتطلب" مع البرنامج النصي المسجل الموجود لديك. هذا يعني أنه يوفر طريقة ممتازة ومتسقة للتحكم في الموقع النسبي لإخراج النص المخصص لموقع الويب الخاص بك.

سلبيات:

• العيب الوحيد هو أنه يمكنك فقط إضافة متغيرات JS ( var = 'value' ). لذلك من المستحيل إضافة نصوص أخرى مضمنة مثل الوظائف والشرطية والمعادلات ، من بين أمور أخرى ، باستخدام wp_localize_script ().

استخدم الاحتياطية

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

أول شيء أساسي يجب فعله هو إدراج ملف JS في قائمة الانتظار واستدعاء الوظيفة التالية لإضافة خطوط مضمنة من خلال وظيفة wp_add_inline_script (). الوظيفة الثالثة هي الرجوع إلى أي شيء أقدم من الإصدار 4.5. هذا بلا شك سيعمل على ووردبريس 4.5 وأي إصدار مميز. هذا هو المكان الذي يحدث فيه السحر الحقيقي. يمكنك المتابعة مع الطريقة الاحتياطية التي ستنجز مهمتك على متغير WordPress من اختيارك بالعودة إلى 2.1 أو أي شيء آخر.

الايجابيات:

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

سلبيات:

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

ملخص عن إضافة برنامج نصي مضمّن في WordPress

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

• يسمح لك wp_add_inline_script () بإضافة أي كود JS إلى أي نص برمجي مسجل ؛
• يسمح لك wp_print_scripts أو admin_print_scripts بتثبيت أي كود في الواجهة الأمامية أو قسم الرأس ؛

• يتيح لك wp_localize_script () أيضًا إضافة متغيرات JS إلى أي نص برمجي مسجل ؛
• يسمح لك Fallback بتصميم تقنية كاملة تعمل بدقة مع أي إصدار من WordPress.

ملاحظة: إذا كنت ترغب في إضافة نمط مضمّن / CSS بدلاً من JavaScript ، فإن WordPress يوفر لك مجموعة من وظائف "إضافة النمط" التي تشبه تلك المستخدمة في إضافة البرامج النصية. على سبيل المثال ، تحقق من wp_print_styles و wp_add_inline_styles.

استنتاج

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

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

السيرة الذاتية للمؤلف:

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