ਇੱਕ ਵਰਡਪਰੈਸ ਪੋਸਟ ਦੇ ਅੰਦਰ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ?

ਯੋਜਨਾਬੱਧ ਢੰਗ ਨਾਲ ਸਿੱਖਿਆਇੱਕ ਵੈਬਸਾਈਟ ਬਣਾਓਤਕਨੀਕੀSEOਮਾਹਿਰ ਜਾਣਦੇ ਹਨ ਕਿ JavaScript ਪ੍ਰੋਗਰਾਮਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ।

ਇੰਟਰਨੈੱਟ 'ਤੇ ਦੂਜਿਆਂ ਦੁਆਰਾ ਸਾਂਝੇ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਬਹੁਤ ਸਾਰੇ ਆਸਾਨ-ਵਰਤਣ ਵਾਲੇ JavaScript ਕੋਡ ਹਨ।

ਜੇ ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ ਤਾਂਵਰਡਪਰੈਸਲੇਖ ਵਿੱਚ JS ਕੋਡ ਜੋੜਨ ਨਾਲ ਲੇਖ ਨੂੰ ਯਕੀਨੀ ਤੌਰ 'ਤੇ ਰੰਗੀਨ ਬਣਾ ਦਿੱਤਾ ਜਾਵੇਗਾ।

ਵਰਡਪਰੈਸ ਲੇਖਾਂ ਵਿੱਚ ਜੇਐਸ ਕੋਡ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ

ਇੱਕ ਵਰਡਪਰੈਸ ਪੋਸਟ ਵਿੱਚ JavaScript ਕੋਡ ਜੋੜਨਾ ਬਹੁਤ ਸਧਾਰਨ ਹੈ.

ਅਗਲਾ,ਚੇਨ ਵੇਲਿਯਾਂਗਤੁਹਾਡੇ ਨਾਲ ਸਾਂਝਾ ਕਰਾਂਗੇ:ਵਰਡਪਰੈਸ ਪੋਸਟਾਂ ਵਿੱਚ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ?

JS ਕੋਡ ਜੋੜਨ ਦੇ ਆਮ ਤੌਰ 'ਤੇ 2 ਤਰੀਕੇ ਹਨ:

1. JS ਕੋਡ ਨੂੰ ਸਿੱਧਾ ਵਰਡਪਰੈਸ ਪੋਸਟਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ
2. JS ਫਾਈਲ ਲਿਖਣ ਤੋਂ ਬਾਅਦ ਵਰਡਪਰੈਸ ਲੇਖ ਵਿੱਚ JS ਕੋਡ ਨੂੰ ਕਾਲ ਕਰੋ

1) JS ਕੋਡ ਨੂੰ ਸਿੱਧਾ ਵਰਡਪਰੈਸ ਪੋਸਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ

ਪਹਿਲਾ ਤਰੀਕਾ, ਵਰਡਪਰੈਸ ਪੋਸਟ ਵਿੱਚ ਸਿੱਧਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲਿਖਣਾ।

ਇੱਥੇ "ਹੈਲੋ ਵਰਲਡ!" ਟੈਕਸਟ ਨੂੰ ਛਾਪਣ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ▼

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

ਇਹ ਇੱਕ ਵਰਡਪਰੈਸ ਪੋਸਟ ਵਿੱਚ ਹੈ ਜੋ JavaScript ਨੂੰ ਚਲਾਉਣ ਤੋਂ ਬਾਅਦ "ਹੈਲੋ ਵਰਲਡ!" ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ ▼

2) ਜੇਐਸ ਫਾਈਲ ਲਿਖਣ ਤੋਂ ਬਾਅਦ, ਵਰਡਪਰੈਸ ਲੇਖ ਵਿੱਚ ਜੇਐਸ ਕੋਡ ਨੂੰ ਕਾਲ ਕਰੋ

ਦੂਜੀ ਵਿਧੀ ਲਈ, ਇੱਕ ਵੱਖਰੀ ਫਾਈਲ ਵਿੱਚ 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 ਕੋਡ ਹੈ।

ਹੁਣ ਇੱਕ ਉਦਾਹਰਣ ਦਿਓ ਕਿ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?

ਵਰਡਪਰੈਸ ਪੋਸਟਾਂ ਵਿੱਚ ਅੱਜ ਦੀ ਮਿਤੀ ਨੂੰ ਛਾਪੋ।

ਆਪਣੀ ਵਰਡਪਰੈਸ ਪੋਸਟ ▼ ਵਿੱਚ ਹੇਠਾਂ ਦਿੱਤੀ 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 ਕੋਡ 'ਤੇ ਹੋਰ ਲੇਖ ਹਨ ▼

🔗ਵਰਡਪ੍ਰੈਸ ਵਿੱਚ JavaScript/CSS ਕੋਡ ਲੋਡ ਕਰਨ ਲਈ ਲੇਖ ਪੰਨਿਆਂ ਨੂੰ ਕਿਵੇਂ ਨਿਰਧਾਰਤ ਕਰਨਾ ਹੈ?

🔗ਪੰਨਾ ਰੈਂਡਰਿੰਗ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਲਈ ਵਰਡਪ੍ਰੈਸ ਨੂੰ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲੋਡ ਕਰਨ ਵਿੱਚ ਦੇਰੀ ਕਿਵੇਂ ਕਰੀਏ?

🔗ਵਰਡਪ੍ਰੈਸ ਵਿੱਚ JavaScript ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਪੇਸ਼ ਕਰੀਏ? JS ਅਤੇ CSS ਫਾਈਲਾਂ ਦੀ ਕਸਟਮ ਲੋਡਿੰਗ