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

ਯੋਜਨਾਬੱਧ ਢੰਗ ਨਾਲ ਸਿੱਖਿਆਇੱਕ ਵੈਬਸਾਈਟ ਬਣਾਓਤਕਨੀਕੀ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 ਜਾਂ CSS ਕੋਡ ਹੈ ਜੋ ਵਰਡਪਰੈਸ ਵਿੱਚ ਇੱਕ ਖਾਸ ਪੰਨੇ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਇਹ ਕੇਵਲ ਇੱਕ ਵਾਰ ਵਰਤਿਆ ਜਾਵੇਗਾ।ਕੋਡ ਕਿੱਥੇ ਰੱਖਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ? Style.css ਜਾਂ base.js?ਪਰ ਅਜਿਹਾ ਕਰਨ ਦੀ ਕੀਮਤ ਥੋੜੀ ਜ਼ਿਆਦਾ ਹੈ। ...

ਪੇਜ ਰੈਂਡਰਿੰਗ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਲਈ ਵਰਡਪਰੈਸ ਆਲਸੀ ਲੋਡ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ?

ਵਰਡਪਰੈਸ ਪੇਜ ਰੈਂਡਰਿੰਗ ਵਿਧੀਆਂ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਲਈ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਆਲਸੀ-ਲੋਡ ਕਰਦਾ ਹੈ।JavaScript ਦੀ Defer ਵਿਸ਼ੇਸ਼ਤਾ ਕੀ ਹੈ?ਹਰ ਕਿਸੇ ਨੇ ਸ਼ਾਇਦ ਇਸ ਸਥਿਤੀ ਦਾ ਸਾਹਮਣਾ ਕੀਤਾ ਹੈ: ਸਿਰ ਵਿੱਚ N ਸਕ੍ਰਿਪਟਾਂ ਹਨ, ਅਤੇ ਜਦੋਂ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਲੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਪੰਨਾ ਰੈਂਡਰਿੰਗ ਬਲੌਕ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜੋ ਕਿ ਆਮ ਤੌਰ 'ਤੇ ਖਾਲੀ ਹੁੰਦੀ ਹੈ। ...

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

ਵਰਡਪਰੈਸ ਨਾਲ ਵੈੱਬਸਾਈਟਾਂ ਬਣਾਉਣ ਵਾਲੇ ਪ੍ਰੋਗਰਾਮਰ ਵਰਡਪਰੈਸ ਪਲੱਗਇਨ ਵਿਕਸਿਤ ਕਰਨ ਜਾਂ ਵਰਡਪਰੈਸ ਥੀਮ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਵੇਲੇ ਕੁਝ JavaScript ਅਤੇ CSS ਸਕ੍ਰਿਪਟ ਸਰੋਤਾਂ ਦਾ ਹਵਾਲਾ ਦਿੰਦੇ ਹਨ।ਆਮ ਤੌਰ 'ਤੇ, ਲੋਕ ਸਿੱਧੇ HTML ਲਈ ਲਿੰਕ, ਸਕ੍ਰਿਪਟ ਟੈਗਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ।ਦਰਅਸਲ, ਵਰਡਪਰੈਸ ਦੇ ਅੰਦਰ…