إدراج أوراق الأنماط وجافا سكريبت في ثيمات WordPress Child

يعتبر تضمين CSS و JS في قالب WordPress Child إضافة CSS و JS إلى قالب WordPress الفرعي عملية بسيطة. يمكنك القيام بذلك عن طريق إضافة بضعة أسطر من التعليمات البرمجية إلى ملف function.php الخاص بالقالب الخاص بك. أولاً ، تحتاج إلى إدراج ورقة الأنماط وملف JavaScript في ملف jobs.php الخاص بالقالب الفرعي. بعد ذلك ، تحتاج إلى إدراج ورقة الأنماط وملف JavaScript في ملف jobs.php الخاص بالقالب الفرعي. يمكنك القيام بذلك عن طريق إضافة الكود التالي إلى ملف function.php الخاص بالقالب الفرعي الخاص بك: function my_theme_scripts () {wp_enqueue_style ('parent-style'، get_template_directory_uri (). '/style.css')؛ wp_enqueue_script ('script'، get_template_directory_uri (). '/js/script.js'، array ()، '1.0.0'، true) ؛ } add_action ('wp_enqueue_scripts'، 'my_theme_scripts') ؛ سيضمن ذلك تحميل ورقة أنماط القالب الأصلي وملف JavaScript أولاً ، متبوعًا بالقالب الفرعي. يمكنك أيضًا إدراج ورقة الأنماط وملف JavaScript في قائمة التذييل. للقيام بذلك ، تحتاج إلى إضافة الكود التالي إلى ملف function.php الخاص بالقالب الفرعي الخاص بك: function my_theme_scripts () {wp_enqueue_style ('parent-style'، get_template_directory_uri (). '/js/script.js'، array ()، "1.0.0" ، صحيح) ؛ } add_action ('wp_enqueue_scripts'، 'my_theme_scripts'، 100) ؛ يجب إضافة هذا الرمز بعد ربط الإجراء wp_enqueue_scripts. لا يُنصح بوضع ورقة الأنماط وملف JavaScript في التذييل في قائمة الانتظار لأنه قد يتسبب في حدوث مشكلات مع مكونات WordPress الإضافية.

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

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

كيف يمكنني إضافة Css مخصص إلى موضوع My WordPress Child؟

لإضافة ملف CSS مخصص إلى قالب WordPress الفرعي الخاص بك ، ستحتاج إلى تحميله على الخادم الخاص بك ثم تضمينه في ملف function.php الخاص بالقالب الفرعي الخاص بك. فيما يلي مثال على كيفية القيام بذلك: 1. قم بتحميل ملف CSS المخصص الخاص بك إلى الخادم الخاص بك. 2. قم بتحرير ملف function.php الخاص بقالب طفلك وأضف السطر التالي من التعليمات البرمجية: wp_enqueue_style ('custom-css'، get_stylesheet_directory_uri (). '/custom.css')؛ سيؤدي هذا إلى إخبار WordPress بتحميل ملف CSS المخصص الخاص بك عندما يكون موضوع طفلك نشطًا.

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

> استخدام Custom Css في WordPress

br> هو برنامج نصي PHP. WP_enqueue_script (CSS مخصص) ؛ (.htaccess).
WP_enqueue_style ('css مخصص'، 'cssstyle.') ؛ *** ر>

كيفية إضافة Css مخصص في ثيم WordPress Child

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

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

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

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