वर्डप्रेस पोस्ट के अंदर जावास्क्रिप्ट कोड कैसे जोड़ें? -चेन वेइलियांग ब्लॉग

अपडेट किया गया: मई 2018, 12

लेख निर्देशिका

व्यवस्थित रूप से सीखाएक वेबसाइट बनाएंतकनीकीएसईओविशेषज्ञ आसानी से जावास्क्रिप्ट प्रोग्राम का उपयोग करना जानते हैं।

इंटरनेट पर अन्य लोगों द्वारा साझा किए जाने वाले कई उपयोग में आसान जावास्क्रिप्ट कोड हैं।

यदि आपWordPressलेख में JS कोड जोड़ने से निश्चित रूप से लेख रंगीन हो जाएगा।

वर्डप्रेस लेखों में JS कोड कैसे जोड़ें

वर्डप्रेस पोस्ट में जावास्क्रिप्ट कोड जोड़ना बहुत आसान है।

आगे,चेन वेइलियांगआपके साथ साझा करेंगे:वर्डप्रेस पोस्ट में जावास्क्रिप्ट कोड कैसे जोड़ें?

JS कोड जोड़ने के आमतौर पर 2 तरीके हैं:

सीधे WordPress पोस्ट में JS कोड जोड़ें
JS फ़ाइल लिखने के बाद WordPress लेख में JS कोड को कॉल करें

1) जेएस कोड को सीधे वर्डप्रेस पोस्ट में जोड़ें

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

यहां "हैलो वर्ल्ड!" टेक्स्ट प्रिंट करने का एक उदाहरण दिया गया है

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

यह एक वर्डप्रेस पोस्ट में है जो जावास्क्रिप्ट को निष्पादित करने के बाद "हैलो वर्ल्ड!" प्रदर्शित करता है

2) जेएस फाइल लिखने के बाद वर्डप्रेस आर्टिकल में जेएस कोड को कॉल करें

दूसरा तरीका, जावास्क्रिप्ट कोड को एक अलग फाइल में लिखें।

फिर वर्डप्रेस पोस्ट में जहां जावास्क्रिप्ट डालने की जरूरत है, वर्डप्रेस टेक्स्ट एडिटर के माध्यम से जावास्क्रिप्ट फाइल को कॉल करें।

निम्नलिखित उदाहरण एक वर्डप्रेस पोस्ट में है, "हैलो वर्ल्ड" टेक्स्ट प्रिंट करना

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

जावास्क्रिप्ट फ़ाइल की सामग्री hello.js

document.write("Hello World");

वर्डप्रेस पोस्ट में जावास्क्रिप्ट कोड जोड़ने से परिणाम दिखाई देते हैं

वर्डप्रेस आज की तारीख के लिए जेएस कोड कहता है

इंटरनेट पर बहुत सारे मजेदार और उपयोगी जावास्क्रिप्ट कोड मौजूद हैं।

अब एक उदाहरण दें कि उनका उपयोग कैसे किया जाता है?

वर्डप्रेस पोस्ट में आज की तारीख प्रिंट करें।

अपने WordPress पोस्ट में निम्न JavaScript date.js फ़ाइल डालें

<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 फ़ाइल की जावास्क्रिप्ट सामग्री है

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()

वर्डप्रेस पोस्ट में आज की तारीख को निष्पादित करने वाले जावास्क्रिप्ट का परिणाम यहां दिया गया है

नीचे इस लेख में निष्पादित जावास्क्रिप्ट फ़ाइल date.js का परिणाम है

注意事项

किसी पोस्ट में JS कोड डालने के लिए, आपको वर्डप्रेस एडिटर को टेक्स्ट मोड में बदलना होगा।

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

यदि कोई लाइन ब्रेक है, तो वर्डप्रेस स्वचालित रूप से इसे एक पैराग्राफ के रूप में संसाधित करेगा, और स्वचालित रूप से एक p टैग जोड़ देगा जिससे JS स्क्रिप्ट कोड विफल हो जाएगा।

यहां वर्डप्रेस जावास्क्रिप्ट कोड के बारे में और लेख हैं