वर्डप्रेस पोस्टमध्ये JavaScript कोड कसा जोडायचा?

पद्धतशीरपणे शिकलेस्टेशन तयार करातांत्रिकएसइओजावास्क्रिप्ट प्रोग्राम्स कसे वापरायचे हे तज्ञांना माहित आहे.

इंटरनेटवर इतरांद्वारे शेअर केलेले अनेक वापरण्यास सोपे JavaScript कोड आहेत.

जर तुम्ही करू शकतावर्डप्रेसलेखात JS कोड टाकल्यास लेख नक्कीच रंगतदार होईल.

वर्डप्रेस लेखांमध्ये JS कोड कसा जोडायचा

वर्डप्रेस पोस्टमध्ये JavaScript कोड जोडणे खूप सोपे आहे.

पुढे,चेन वेइलांगतुमच्यासोबत शेअर करेल:वर्डप्रेस पोस्टमध्ये JavaScript कोड कसा जोडायचा?

JS कोड जोडण्याचे 2 मार्ग आहेत:

1. जेएस कोड थेट वर्डप्रेस पोस्टमध्ये जोडा
2. JS फाईल लिहिल्यानंतर वर्डप्रेस लेखात JS कोड कॉल करा

1) जेएस कोड थेट वर्डप्रेस पोस्टमध्ये जोडा

पहिली पद्धत, थेट वर्डप्रेस पोस्टमध्ये JavaScript लिहिणे.

येथे "हॅलो वर्ल्ड!" मजकूर मुद्रित करण्याचे उदाहरण आहे ▼

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

हे वर्डप्रेस पोस्टमध्ये आहे जे JavaScript कार्यान्वित केल्यानंतर "Hello World!" प्रदर्शित करते ▼

2) JS फाईल लिहिल्यानंतर, वर्डप्रेस लेखातील JS कोडवर कॉल करा

दुसरा मार्ग, JavaScript कोड वेगळ्या फाईलमध्ये लिहा.

नंतर वर्डप्रेस पोस्टमध्ये जिथे JavaScript घालण्याची आवश्यकता आहे, वर्डप्रेस टेक्स्ट एडिटरद्वारे JavaScript फाइल कॉल करा.

खालील उदाहरण वर्डप्रेस पोस्टमध्ये आहे, "हॅलो वर्ल्ड" मजकूर ▼ प्रिंट करत आहे

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

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

document.write("Hello World");

वर्डप्रेस पोस्टमध्ये JavaScript कोड जोडल्याने परिणाम दिसून येतात ▼

वर्डप्रेस आजच्या तारखेसाठी JS कोड कॉल करतो

इंटरनेटवर खूप मजेदार आणि उपयुक्त JavaScript कोड आहे.

आता ते कसे वापरायचे याचे उदाहरण द्या?

आजची तारीख वर्डप्रेस पोस्टमध्ये प्रिंट करा.

तुमच्या 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 फाइलची 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()

वर्डप्रेस पोस्ट ▼ मध्ये आजच्या तारखेला JavaScript कार्यान्वित करण्याचा परिणाम येथे आहे

खाली या लेखात निष्पादित केलेल्या JavaScript फाइल date.js चा निकाल आहे ▼

खबरदारी

पोस्टमध्ये JS कोड घालण्यासाठी, तुम्हाला वर्डप्रेस एडिटरला टेक्स्ट मोडमध्ये स्विच करण्याची आवश्यकता आहे.

विशेष लक्ष和之间不能有换行。

लाइन ब्रेक असल्यास, वर्डप्रेस स्वयंचलितपणे परिच्छेद म्हणून त्यावर प्रक्रिया करेल आणि स्वयंचलितपणे एक p टॅग जोडेल ज्यामुळे JS स्क्रिप्ट कोड अयशस्वी होईल.

वर्डप्रेस JavaScript कोडवर अधिक लेख येथे आहेत ▼

🔗वर्डप्रेसमध्ये जावास्क्रिप्ट/सीएसएस कोड लोड करण्यासाठी लेख पृष्ठे कशी निर्दिष्ट करावी?

🔗पेज रेंडरिंग जलद करण्यासाठी वर्डप्रेसला जावास्क्रिप्ट लोड होण्यास विलंब कसा करावा?

🔗वर्डप्रेसमध्ये जावास्क्रिप्ट योग्यरित्या कसे सादर करावे? JS आणि CSS फायलींचे कस्टम लोडिंग