वर्डप्रेस निर्दिष्ट करते की लेखाचे शीर्षलेख आणि तळटीप PHP/JavaScript/CSS कोड लोड करतात

वापरत असल्यासवर्डप्रेस वेबसाइट, हेडर आणि फूटरमध्ये PHP/JavaScript/CSS कोड लोड करण्यासाठी तुम्हाला वर्डप्रेसमध्ये विशिष्ट लेख किंवा पृष्ठ निर्दिष्ट करणे आवश्यक आहे. हे कसे मिळवायचे?

दिलेल्या पोस्ट किंवा पृष्ठ लोडसाठी भिन्न JavaScript पृष्ठे लागू करण्यासाठी आम्ही वर्डप्रेसची शक्तिशाली कस्टम फील्ड वापरू शकतो.

हा लेख तुम्हाला दर्शवेल: वर्डप्रेस, सानुकूल JavaScript किंवा CSS फायलींवर सानुकूल फील्ड कसे वापरावे?

तुम्ही समजू शकत असल्यास, सानुकूल फील्ड मूल्ये JavaScript आणि 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. क्लिक करा सानुकूल फील्ड जोडा आणि लेख अद्ययावत/प्रकाशित करा.

• लेख अद्यतनित केल्याने तुम्हाला थीम कोड करण्याची आणि या सानुकूल फील्डसाठी मूल्ये प्रविष्ट करण्याची अनुमती मिळेल.

तुम्ही फक्त "मूल्य" मध्ये लोड करणे आवश्यक असलेला कोड आउटपुट करत असल्याने, तुम्हाला खालील समान कोड "मूल्य" मध्ये प्रविष्ट करणे आवश्यक आहे ▼

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

किंवा ▼

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

वरील कोड आउटपुट करण्यासाठी.

या बदलाचे फायदे:

1. 更安全थेट बदल करू नका header.php 和 footer.phpयामुळे थीम अपडेट केल्यावर कोड ओव्हरराइट होण्यापासून बचाव होतो.
2. अधिक प्रमाणितवर्डप्रेस वापरण्याची शिफारस केली जाते add_action हुक-आधारित माउंटिंग कोड.
3. स्पष्ट तर्ककार्यक्षमता फंक्शन्समध्ये समाविष्ट केल्याने त्यानंतरची देखभाल सोपी होते.