كيف يحدد WordPress أن تقوم صفحات المقالات بتحميل كود JavaScript / CSS؟

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

أين يجب وضع الكود؟ Style.css أو base.js؟

لكن تكلفة القيام بذلك مرتفعة بعض الشيء.

مثال 1:

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

مثال 2:

• في مقال وضع طريقة التوافق القياسية للاستخدامتقوم العلامة بإدراجها ، ولكن يتم إدراجهاالصفحة التي تم إنشاؤها بواسطة العلامة لا يمكن اجتياز التحقق W3C.
• هناك طريقة جيدة تتمثل في استخدام SWFObject ، وهو JavaScript لإنشاء تعليمات برمجية تم التحقق من صحتها بواسطة W3C.
• لكن المشكلة تكمن في تبذير تحميل SWFObject في كل صفحة في WordPress ، ولا تستخدم جميع الصفحات ملف JavaScript هذا.

في الواقع ، يمكننا استخدام الحقول المخصصة القوية في WordPress لتنفيذ صفحات JavaScript مختلفة للمنشورات المخصصة أو تحميل الصفحات.

ستوضح لك هذه المقالة: كيفية استخدام الحقول المخصصة في WordPress أو ملفات JavaScript أو CSS المخصصة؟

إذا كنت تستطيع أن تفهم ، فإن قيم الحقول المخصصة ليست بسيطة مثل ملفات JavaScript و CSS.

كيفية إضافة حقول مخصصة في قوالب ووردبريس؟

افتح ملف header.php الخاص بموضوع WordPress وابحث عن الكود ▼

<?php wp_head(); ?>

أضف ▼ بعدها

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

العنوان في الكود هو اسم الحقل المخصص ، والذي يمكن تخصيصه.

أضف حقولًا مخصصة إلى منشورات أو صفحات WordPress

ووردبريس الخلفيةفي محرر صفحة تحرير المقالة ، توجد نافذة صغيرة لـ "الحقول المخصصة".

1. بالنسبة إلى "الاسم" ، أدخل:head
2. ثم في "القيمة" ، أدخل الرمز الذي تريد إضافته إلى الشاشة ▼

• انقر فوق إضافة حقل مخصص.
• سيسمح لك تحديث المقالة بترميز السمة وإدخال قيم لهذه الحقول المخصصة.

نظرًا لأنك تخرج فقط الرمز الذي يجب تحميله في "القيمة" ، فأنت بحاجة إلى إدخال الرمز المشابه التالي في "القيمة" ▼

<script type="text/javascript">...</script>

أو ▼

<style type="text/css">...</style>

لإخراج الكود أعلاه.

استخدامات أخرى لحقول ووردبريس المخصصة

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

بالنسبة لكيفية تنفيذها ، حاول استخدام الحقول المخصصة.

كيفية تحديد علامات المقالة ورؤوس وتذييلات الفئات لتحميل كود JavaScript / CSS في WordPress؟

كيفية تخصيص الرأس في ووردبريس؟يمكننا تثبيته من خلال إرشادات المقالة التاليةالبرنامج المساعد ووردبريسأدرك إضافة رمز الرأس ▼

كيف يضيف WordPress الكود الرئيسي إلى المقالات؟

كما في هذا المقال كيفية تخصيص Header في WordPress؟المكوّن الإضافي Header Footer Code Manager الموصوف في "تثبيت البرنامج المساعد WordPress Footer Header Plugin" لا يمكنه إضافة كود PHP في الوقت الحالي ... لذلك ، بحثت في الموقع الرسمي لمكوِّن WordPress الإضافي ووجدت أنه يمكن العثور عليه في صفحة الرأس .. .

كيفية تخصيص Header في WordPress؟قم بتثبيت البرنامج الإضافي WordPress Footer Header Plugin

يجب عرض بعض أكواد WordPress HTML / Javascript / CSS فقط في مقالة أو صفحة معينة.يمكننا إضافة رمز رأس وتذييل إلى المقالة / الصفحة المحددة في WordPress من خلال البرنامج المساعد Header Footer Code Manager. تذييل الرأس…

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