लेख पृष्ठे JavaScript/CSS कोड लोड करतात हे WordPress कसे निर्दिष्ट करते?

तयार करणेवर्डप्रेसथीमिंग करताना, वर्डप्रेसमध्ये विशिष्ट पृष्ठावर दिसणारा विशिष्ट JavaScript किंवा CSS कोड असल्यास, तो फक्त एकदाच वापरला जाईल.

कोड कुठे ठेवावा? Style.css किंवा base.js?

पण असे करण्याची किंमत थोडी जास्त आहे.

उदाहरण १:

• तुमच्या WordPress साइटवर Highslide JavaScript इफेक्ट मिळवण्याचा प्रयत्न करा.
• परंतु सामान्यत: हे केवळ प्रतिमा किंवा इच्छित पृष्ठे असलेल्या भागांसाठी वापरले जाते आणि हायस्लाइड विभाग जोडण्यासाठी न वापरलेल्या पृष्ठांवर पृष्ठे लोड करणे, त्यामुळे JavaScript चे 50 KB पेक्षा जास्त मोठे आहे.

उदाहरण १:

• लेखात एक मानक अनुकूलता पद्धत वापरायची आहेटॅग टाकतो, पण घातलेलाटॅगद्वारे व्युत्पन्न केलेले पृष्ठ W3C सत्यापन पास करू शकत नाही.
• SWFObject वापरणे हा एक चांगला मार्ग आहे, W3C-प्रमाणित कोड व्युत्पन्न करण्यासाठी JavaScript.
• परंतु समस्या अशी आहे की वर्डप्रेसमधील प्रत्येक पृष्ठावर SWFObject लोड करणे व्यर्थ आहे आणि सर्व पृष्ठे ही JavaScript फाइल वापरत नाहीत.

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

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

तुम्ही समजू शकत असल्यास, सानुकूल फील्ड मूल्ये JavaScript आणि CSS फायलींइतकी सोपी नाहीत.

वर्डप्रेस थीममध्ये सानुकूल फील्ड कसे जोडायचे?

WordPress थीमची header.php फाइल उघडा आणि कोड शोधा ▼

<?php wp_head(); ?>

नंतर ▼ जोडा

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

कोडमधील हेड हे सानुकूल फील्डचे नाव आहे, जे सानुकूलित केले जाऊ शकते.

वर्डप्रेस पोस्ट किंवा पृष्ठांवर सानुकूल फील्ड जोडा

वर्डप्रेस बॅकएंडसंपादन लेख पृष्ठाच्या संपादकामध्ये, "सानुकूल फील्ड" साठी एक लहान विंडो आहे.

1. "नाव" साठी प्रविष्ट करा:head
2. नंतर "व्हॅल्यू" मध्ये तुम्हाला डिस्प्लेमध्ये जोडायचा असलेला कोड टाका ▼

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

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

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

किंवा ▼

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

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

वर्डप्रेस सानुकूल फील्डसाठी इतर उपयोग

वरील तत्त्वे समजून घेतल्यानंतर, तुम्हाला आढळेल की वर्डप्रेस सानुकूल फील्ड केवळ सानुकूल पृष्ठांसाठी सानुकूल JavaScript किंवा CSS लागू करू शकत नाहीत, तर सानुकूल फील्डद्वारे अनेक कार्ये देखील लागू करू शकतात, जसे की: लेख लघुप्रतिमा, लेख टिपा इ.

त्यांची अंमलबजावणी कशी करायची यासाठी, सानुकूल फील्ड वापरून पहा.

वर्डप्रेसमध्ये JavaScript/CSS कोड लोड करण्यासाठी लेख टॅग आणि श्रेणी शीर्षलेख आणि तळटीप कसे निर्दिष्ट करावे?

वर्डप्रेसमध्ये हेडर कसे सानुकूलित करावे?आम्ही खालील लेख सूचनांद्वारे ते स्थापित करू शकतोवर्डप्रेस प्लगइनहेड कोड जोडताना जाणवा▼

🔗वर्डप्रेस लेखांमध्ये हेड कोड कसा जोडायचा? WP प्लगइन हेड कोड ऑप्टिमाइझ करते

🔗वर्डप्रेसमध्ये हेडर कसे कस्टमाइझ करायचे? वर्डप्रेस फूटर आणि हेडर प्लगइन स्थापित करणे

• अशा प्रकारे, वर्डप्रेस थीम बदलल्यानंतर सानुकूल कोड गमावण्याची किंवा व्यक्तिचलितपणे सानुकूल कोड हस्तांतरित करण्याबद्दल काळजी करण्याची गरज नाही.