PHP/JavaScript/CSS कोड लोड करने के लिए वर्डप्रेस लेख के शीर्षलेख और पाद लेख को निर्दिष्ट करता है

अगर उपयोग कर रहे हैंवर्डप्रेस वेबसाइट, आपको शीर्षलेख और पाद लेख में PHP/JavaScript/CSS कोड लोड करने के लिए वर्डप्रेस में एक निश्चित लेख या पृष्ठ निर्दिष्ट करने की आवश्यकता है। इसे कैसे प्राप्त करें?

हम किसी दिए गए पोस्ट या पेज लोड के लिए विभिन्न जावास्क्रिप्ट पेजों को लागू करने के लिए वर्डप्रेस के शक्तिशाली कस्टम फ़ील्ड का उपयोग कर सकते हैं।

यह लेख आपको दिखाएगा: वर्डप्रेस, कस्टम जावास्क्रिप्ट या सीएसएस फाइलों पर कस्टम फ़ील्ड का उपयोग कैसे करें?

यदि आप समझ सकते हैं, कस्टम फ़ील्ड मान JavaScript और CSS फ़ाइलों की तरह सरल नहीं हैं।

वर्डप्रेस में कस्टम फ़ील्ड कैसे जोड़ें?

आमतौर पर, अपने वर्डप्रेस थीम की header.php फ़ाइल खोलें और सुनिश्चित करें कि उसमें निम्नलिखित कोड जोड़ा गया है: ▼

<?php wp_head(); ?>

WordPress में Header को Customize कैसे करेंएक अधिक अनुशंसित तरीका: 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. स्पष्ट तर्कफंक्शन के भीतर कार्यक्षमता को समाहित करने से बाद में रखरखाव आसान हो जाता है।