ورڈپریس وضاحت ڪري ٿو ته آرٽيڪل جو هيڊر ۽ فوٽر لوڊ PHP/JavaScript/CSS ڪوڊ

جيڪڏهن توهان ويب سائيٽ ٺاهڻ لاءِ ورڈپریس استعمال ڪري رهيا آهيو ، ته پوءِ توهان ڪنهن مخصوص پوسٽ يا صفحي جي هيڊر ۽ فوٽر ۾ PHP/JavaScript/CSS ڪوڊ ڪيئن لوڊ ڪري سگهو ٿا؟

اسان استعمال ڪري سگھون ٿا WordPress جي طاقتور ڪسٽم فيلڊز کي لاڳو ڪرڻ لاءِ مختلف JavaScript صفحن کي ڏنل پوسٽ يا پيج لوڊ لاءِ.

هي آرٽيڪل توهان کي ڏيکاريندو: ورڈپریس، ڪسٽم جاوا اسڪرپٽ يا سي ايس ايس فائلن تي ڪسٽم فيلڊ ڪيئن استعمال ڪجي؟

جيڪڏهن توهان سمجهي سگهو ٿا، ڪسٽم فيلڊ ويلز جاوا اسڪرپٽ ۽ سي ايس ايس فائلن وانگر آسان نه آهن.

ورڈپریس ۾ ڪسٽم فيلڊز ڪيئن شامل ڪجي؟

عام طور تي، پنهنجي ورڈپریس ٿيم ۾ 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 فائل جي آخر ۾ اڳ ۾ ئي هڪ فائل آهي. ?>مھرباني ڪري ان کي بار بار نه شامل ڪريو؛ بس مٿي ڏنل ڪوڊ سڌو داخل ڪريو. ?> (اڳوڻي)

قدم 2: مضمون جي ايڊيٽنگ واري صفحي ۾ استعمال ڪريو

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. صاف منطقڪمن جي اندر ڪمن کي شامل ڪرڻ بعد جي سار سنڀال کي آسان بڻائي ٿو.