يحدد WordPress أن رأس وتذييل المقالة يحمّلان كود PHP / JavaScript / CSS

إذا كنت تستخدم ووردبريس لإنشاء موقع ويب، فكيف يمكنك تحميل كود PHP/JavaScript/CSS في رأس وتذييل منشور أو صفحة معينة؟

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

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

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

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

عادةً، افتح ملف header.php الخاص بقالب ووردبريس الخاص بك وتأكد من إضافة الكود التالي: ▼

<?php wp_head(); ?>

كيفية تخصيص الرأس في ووردبريسالنهج الأكثر توصية: عبر functions.php أو تنفيذ مكون إضافي للبرمجة

قم بتعديل القالب مباشرةً header.php 或 footer.php من السهل فقدان الكود بعد تحديث القالب.

ممارسات أكثر أمانًا ومعياريةأضف الكود التالي إلى القالب الحالي. functions.php في الملف، أو باستخدام كود القصاصات تُستخدم هذه الأنواع من الإضافات لإدارة التعليمات البرمجية المخصصة.

لتجنب تعديل ملفات القالب الأساسية، نستخدم... functions.php رمز التركيب.

الخطوة 1: أضف الكود الوظيفي

يرجى إضافة كود PHP التالي إلى قالب موقعك. functions.php في نهاية المستند، أو عبر كود القصاصات أنشئ جزءًا جديدًا من التعليمات البرمجية في الملحق والصقه:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(ملاحظة: إذا) functions.php يحتوي الملف بالفعل على ملف في نهايته. ?>يرجى عدم إضافته بشكل متكرر؛ فقط أدخل الكود أعلاه مباشرة. ?> (سابقًا)

الخطوة الثانية: استخدمها في صفحة تحرير المقالة

1. يمكنك الوصول إلى لوحة تحكم ووردبريس لتعديل منشور أو صفحة.
2. يمكنك العثور عليه في صفحة المحرر "الحقول المخصصة" (إذا لم يظهر مربع البيانات الوصفية، يرجى النقر فوق "خيارات العرض" في الزاوية العلوية اليمنى أو "التفضيلات" في محرر غوتنبرغر والتأكد من تحديد "الحقول المخصصة").
3. انقر أدخل جديد:
   • اسم الاسم:head (لرمز الترويسة) أو foot (للاستخدام في الكود السفلي).
   • قيمة مربع الإدخال: الصق كود HTML أو CSS أو JS الذي تحتاج إلى إضافته.
4. انقر أضف حقلاً مخصصاً وتحديث/نشر المقالات.

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

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

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

أو ▼

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

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

مزايا هذا التعديل:

1. أكثر أمانًالا تقم بالتعديل مباشرة header.php و footer.phpهذا يمنع استبدال الكود عند تحديث القالب.
2. أكثر توحيدًايُنصح باستخدام ووردبريس add_action رمز التثبيت باستخدام الخطاف.
3. منطق واضحإن تغليف الوظائف داخل الدوال يجعل الصيانة اللاحقة أسهل.