लेख पृष्ठहरूले JavaScript/CSS कोड लोड गर्ने WordPress ले कसरी निर्दिष्ट गर्छ?

बनाउनेWordPressथिमिङ गर्दा, यदि त्यहाँ एक विशिष्ट JavaScript वा CSS कोड छ जुन WordPress मा एक विशिष्ट पृष्ठमा देखा पर्दछ, यो एक पटक मात्र प्रयोग गरिनेछ।

कोड कहाँ राख्नु पर्छ? Style.css वा base.js?

तर त्यसो गर्दा लागत अलि बढी हुन्छ।

उदाहरण १:

  • तपाईंको WordPress साइटमा Highslide JavaScript प्रभाव प्राप्त गर्ने प्रयास गर्नुहोस्।
  • तर सामान्यतया यो तस्बिरहरू वा आवश्यक पृष्ठहरू भएका भागहरूका लागि मात्र प्रयोग गरिन्छ, र प्रयोग नगरिएका पृष्ठहरूमा हाईस्लाइड खण्डहरू थप्नका लागि पृष्ठहरू लोड गर्न सकिन्छ, त्यसैले जाभास्क्रिप्टको ५० KB भन्दा धेरै ठूलो छ।

उदाहरण १:

  • एक लेख मा एक मानक अनुकूलता विधि प्रयोग गर्न को लागी छट्यागले यसलाई सम्मिलित गर्दछ, तर सम्मिलितट्याग द्वारा उत्पन्न पृष्ठ W3C प्रमाणीकरण पास गर्न सक्दैन।
  • एक राम्रो तरिका SWFObject को उपयोग गर्न को लागी, एक जाभास्क्रिप्ट W3C- मान्य कोड उत्पन्न गर्न को लागी हो।
  • तर समस्या यो हो कि WordPress मा प्रत्येक पृष्ठमा SWFObject लोड गर्न बेकार छ, र सबै पृष्ठहरूले यो JavaScript फाइल प्रयोग गर्दैनन्।

वास्तवमा, हामी अनुकूलन पोष्टहरू वा पृष्ठ लोडहरूको लागि विभिन्न जाभास्क्रिप्ट पृष्ठहरू लागू गर्न WordPress' शक्तिशाली अनुकूलन क्षेत्रहरू प्रयोग गर्न सक्छौं।

यस लेखले तपाइँलाई देखाउनेछ: WordPress, अनुकूलन JavaScript वा CSS फाइलहरूमा अनुकूलन क्षेत्रहरू कसरी प्रयोग गर्ने?

यदि तपाइँ बुझ्न सक्नुहुन्छ भने, अनुकूलन क्षेत्र मानहरू JavaScript र CSS फाइलहरू जस्तै सरल छैनन्।

WordPress विषयवस्तुहरूमा अनुकूलन क्षेत्रहरू कसरी थप्ने?

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代码 结束 -->

कोडको टाउको अनुकूलन क्षेत्रको नाम हो, जुन अनुकूलित गर्न सकिन्छ।

WordPress पोष्ट वा पृष्ठहरूमा अनुकूलन क्षेत्रहरू थप्नुहोस्

WordPress ब्याकइन्डसम्पादन लेख पृष्ठको सम्पादकमा, "अनुकूल क्षेत्रहरू" को लागी एउटा सानो विन्डो छ।

  1. "नाम" को लागी प्रविष्ट गर्नुहोस्:head
  2. त्यसपछि "मान" मा तपाईंले प्रदर्शनमा थप्न चाहनुभएको कोड प्रविष्ट गर्नुहोस् 

WordPress ले JavaScript/CSS कोड लोड गर्न लेख पृष्ठ निर्दिष्ट गर्दछ

  • कस्टम फिल्ड थप्नुहोस् क्लिक गर्नुहोस्।
  • लेख अद्यावधिक गर्नाले तपाईंलाई विषयवस्तु कोड गर्न र यी अनुकूलन क्षेत्रहरूको लागि मानहरू प्रविष्ट गर्न अनुमति दिनेछ।

तपाईंले "value" मा लोड गर्न आवश्यक भएको कोड मात्र आउटपुट गरेको हुनाले, तपाईंले "value" मा निम्न समान कोड प्रविष्ट गर्न आवश्यक छ ▼

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

वा ▼

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

माथिको कोड आउटपुट गर्न।

WordPress अनुकूलन क्षेत्रहरूको लागि अन्य प्रयोगहरू

माथिका सिद्धान्तहरू बुझेपछि, तपाईंले भेट्टाउनुहुनेछ कि WordPress अनुकूलन क्षेत्रहरूले अनुकूलन पृष्ठहरूको लागि अनुकूलन JavaScript वा CSS मात्र लागू गर्न सक्दैन, तर अनुकूलन क्षेत्रहरू मार्फत धेरै प्रकार्यहरू पनि लागू गर्न सक्छ, जस्तै: लेख थम्बनेलहरूमा थप्नुहोस्, लेख सुझावहरू, आदि।

तिनीहरूलाई कसरी लागू गर्ने भनेर, अनुकूलन क्षेत्रहरू प्रयोग गर्ने प्रयास गर्नुहोस्।

WordPress मा JavaScript/CSS कोड लोड गर्न लेख ट्याग र कोटी हेडर र फुटरहरू कसरी निर्दिष्ट गर्ने?

WordPress मा हेडर कसरी अनुकूलित गर्ने?हामी यसलाई निम्न लेख निर्देशनहरू मार्फत स्थापना गर्न सक्छौंWordPress प्लगइनहेड कोड थप्दै महसुस गर्नुहोस्▼

  • यस तरीकाले, WordPress विषयवस्तु परिवर्तन गरेपछि अनुकूलन कोड गुमाउने वा म्यानुअल रूपमा अनुकूलन कोड स्थानान्तरण गर्ने बारे चिन्ता लिनु पर्दैन।

आशा चेन वेइलियाङ ब्लग ( https://www.chenweiliang.com/ ) साझा गरियो "वर्डप्रेसले लेख पृष्ठले JavaScript/CSS कोड लोड गर्छ भनेर कसरी निर्दिष्ट गर्दछ? , तपाईंलाई मद्दत गर्न।

यस लेखको लिङ्क साझा गर्न स्वागत छ:https://www.chenweiliang.com/cwl-1740.html

थप लुकेका चालहरू अनलक गर्न🔑, हाम्रो टेलिग्राम च्यानलमा सामेल हुन स्वागत छ!

मन परे लाइक र सेयर गर्नुहोस ! तपाईको सेयर र लाइक हाम्रो निरन्तर प्रेरणा हो!

 

评论 评论

तपाईंको इमेल ठेगाना प्रकाशित गरिने छैन। आवाश्यक फिल्डहरू प्रयोग भएको छ * लेबल

लेख निर्देशिका
माथि स्क्रोल गर्नुहोस्