وردپرس مشخص می کند که هدر و پاورقی مقاله کد PHP/JavaScript/CSS بارگیری می شود.

در صورت استفاده ازوب سایت وردپرس، برای بارگذاری کدهای PHP/JavaScript/CSS در سربرگ و پاورقی باید مقاله یا صفحه خاصی را در وردپرس مشخص کنید.

ما می‌توانیم از فیلدهای سفارشی قدرتمند وردپرس برای پیاده‌سازی صفحات جاوا اسکریپت مختلف برای بارگذاری پست یا صفحه استفاده کنیم.

این مقاله به شما نشان می دهد: چگونه از فیلدهای سفارشی در فایل های وردپرس، جاوا اسکریپت سفارشی یا CSS استفاده کنیم؟

اگر می توانید درک کنید، مقادیر فیلدهای سفارشی به سادگی فایل های جاوا اسکریپت و CSS نیستند.

چگونه فیلدهای سفارشی را در وردپرس اضافه کنیم؟

معمولاً فایل header.php قالب وردپرس خود را باز کنید و مطمئن شوید که کد زیر اضافه شده است: ▼

<?php wp_head(); ?>

نحوه سفارشی سازی هدر در وردپرسیک رویکرد توصیه‌شده‌تر: از طریق functions.php یا پیاده‌سازی افزونه کد

تغییر مستقیم قالب header.php یا footer.php کد به راحتی پس از به‌روزرسانی قالب از بین می‌رود.

شیوه‌های ایمن‌تر و استانداردترکد زیر را به قالب فعلی اضافه کنید. functions.php در فایل، یا با استفاده از قطعه کد این نوع افزونه‌ها برای مدیریت کدهای سفارشی استفاده می‌شوند.

برای جلوگیری از تغییر فایل‌های اصلی قالب، از ... استفاده می‌کنیم. functions.php کد نصب.

مرحله ۱: اضافه کردن کد کاربردی

لطفا کد 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. کلیک کنید افزودن فیلد سفارشی و مقالات را به‌روزرسانی/منتشر کنید.

• به روز رسانی مقاله به شما این امکان را می دهد که موضوع را کدنویسی کنید و مقادیری را برای این فیلدهای سفارشی وارد کنید.

از آنجایی که شما فقط کدی را که باید در "value" بارگذاری شود، خروجی می دهید، باید کد مشابه زیر را در "value" وارد کنید ▼

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

یا ▼

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

برای خروجی کد بالا

مزایای این اصلاح:

1. امن تر: مستقیماً تغییر ندهید header.php 和 footer.phpاین کار از بازنویسی کد هنگام به‌روزرسانی قالب جلوگیری می‌کند.
2. استانداردتراستفاده از وردپرس توصیه می‌شود add_action کد نصب مبتنی بر قلاب.
3. منطق واضحکپسوله‌سازی عملکرد درون توابع، نگهداری بعدی را آسان‌تر می‌کند.