WordPress पोष्ट भित्र जाभास्क्रिप्ट कोड कसरी थप्ने?

व्यवस्थित रूपमा सिकेकोस्टेशन बनाउनुहोस्प्राविधिकएसईओविशेषज्ञहरूलाई जाभास्क्रिप्ट प्रोग्रामहरू सजिलै प्रयोग गर्ने तरिका थाहा छ।

त्यहाँ धेरै प्रयोग गर्न-गर्न-सजिलो JavaScript कोडहरू इन्टरनेटमा अरूले साझेदारी गरेका छन्।

तिमी सक्छौ भनेWordPressलेखमा JS कोड थप्दा लेख निश्चित रूपमा रंगीन हुनेछ।

WordPress लेखहरूमा JS कोड कसरी थप्ने

वर्डप्रेस पोष्टमा जाभास्क्रिप्ट कोड थप्नु धेरै सरल छ।

अर्को,चेन वेइलाङतपाईं संग साझा गर्नेछ:WordPress पोष्टहरूमा JavaScript कोड कसरी थप्ने?

JS कोड थप्न सामान्यतया 2 तरिकाहरू छन्:

1. वर्डप्रेस पोष्टहरूमा सीधा JS कोड थप्नुहोस्
2. JS फाइल लेखे पछि WordPress लेखमा JS कोड कल गर्नुहोस्

१) जेएस कोड सिधै WordPress पोस्टमा थप्नुहोस्

पहिलो विधि, वर्डप्रेस पोष्टमा सीधा जाभास्क्रिप्ट लेख्ने।

यहाँ "नमस्ते संसार!" ▼ पाठ छाप्ने एउटा उदाहरण छ

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

यो वर्डप्रेस पोष्टमा छ जसले जाभास्क्रिप्ट कार्यान्वयन गरेपछि "हेलो वर्ल्ड!" प्रदर्शन गर्दछ ▼

2) JS फाइल लेखे पछि, WordPress लेखमा JS कोड कल गर्नुहोस्

दोस्रो विधिको लागि, जाभास्क्रिप्ट कोडलाई छुट्टै फाइलमा लेख्नुहोस्।

त्यसपछि वर्डप्रेस पोष्टमा जहाँ जाभास्क्रिप्ट सम्मिलित गर्न आवश्यक छ, वर्डप्रेस पाठ सम्पादक मार्फत जाभास्क्रिप्ट फाइल कल गर्नुहोस्।

निम्न उदाहरण WordPress पोष्टमा छ, "हेलो वर्ल्ड" पाठ ▼ छाप्दै

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

JavaScript फाइल hello.js को सामग्री ▼

document.write("Hello World");

वर्डप्रेस पोष्टमा JavaScript कोड थप्दा परिणामहरू देखाउँछ ▼

WordPress ले आजको मितिको लागि JS कोड कल गर्दछ

इन्टरनेटमा धेरै रमाइलो र उपयोगी JavaScript कोड छ।

अब तिनीहरूलाई कसरी प्रयोग गर्ने उदाहरण दिनुहोस्?

WordPress पोष्टहरूमा आजको मिति छाप्नुहोस्।

निम्न JavaScript date.js फाइल आफ्नो WordPress पोस्टमा घुसाउनुहोस् ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

तल date.js फाइलको JavaScript सामग्री छ ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

यहाँ एक WordPress पोस्ट ▼ मा आजको मिति कार्यान्वयन JavaScript को परिणाम छ

तल यस लेखमा कार्यान्वयन गरिएको JavaScript फाइल date.js को नतिजा छ ▼

सावधानी

पोस्टमा JS कोड घुसाउनको लागि, तपाईंले WordPress सम्पादकलाई पाठ मोडमा स्विच गर्न आवश्यक छ।

विशेष ध्यान和之间不能有换行。

यदि त्यहाँ लाइन ब्रेक छ भने, WordPress ले यसलाई स्वचालित रूपमा अनुच्छेदको रूपमा प्रशोधन गर्नेछ, र स्वचालित रूपमा एक p ट्याग थप्नेछ जसले JS स्क्रिप्ट कोडलाई असफल बनाउँछ।

यहाँ WordPress JavaScript कोडमा थप लेखहरू छन् ▼

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

WordPress विषयवस्तु बनाउँदा, यदि त्यहाँ एक विशिष्ट JavaScript वा CSS कोड छ जुन WordPress मा एक विशिष्ट पृष्ठमा देखा पर्दछ, यो एक पटक मात्र प्रयोग हुनेछ।कोड कहाँ राख्नु पर्छ? Style.css वा base.js?तर त्यसो गर्दा लागत अलि बढी हुन्छ। ...

पृष्ठ रेन्डरिङको गति बढाउनको लागि WordPress लेजी लोड जाभास्क्रिप्ट कसरी बनाउने?

वर्डप्रेस लेजी-लोड गर्दछ जाभास्क्रिप्ट पृष्ठ रेन्डरिङ विधिहरूको गति बढाउन।JavaScript को Defer गुण के हो?सबैजनाले सायद यो अवस्थाको सामना गरेका छन्: त्यहाँ टाउकोमा N स्क्रिप्टहरू छन्, र जब स्क्रिप्टहरू लोड हुन्छन्, पृष्ठ रेन्डरिङ अवरुद्ध हुन्छ, जुन सामान्यतया खाली हुन्छ। ...

WordPress ले जाभास्क्रिप्टलाई कसरी राम्रोसँग परिचय गराउँछ?JS र CSS फाइलहरूको अनुकूलन लोडिङ

WordPress को साथ वेबसाइटहरू बनाउने प्रोग्रामरहरूले WordPress प्लगइनहरू विकास गर्दा वा WordPress विषयवस्तुहरू अनुकूलन गर्दा केही JavaScript र CSS स्क्रिप्ट स्रोतहरू सन्दर्भ गर्छन्।सामान्यतया, मानिसहरूले HTML को लागि सीधा लिङ्क, स्क्रिप्ट ट्यागहरू प्रयोग गर्छन्।वास्तवमा, WordPress भित्र ...