ഒരു വേർഡ്പ്രസ്സ് പോസ്റ്റിനുള്ളിൽ JavaScript കോഡ് എങ്ങനെ ചേർക്കാം?

വ്യവസ്ഥാപിതമായി പഠിച്ചുഒരു വെബ്സൈറ്റ് നിർമ്മിക്കുകസാങ്കേതികമായഎസ്.ഇ.ഒ.JavaScript പ്രോഗ്രാമുകൾ എങ്ങനെ എളുപ്പത്തിൽ ഉപയോഗിക്കാമെന്ന് വിദഗ്ധർക്ക് അറിയാം.

ഇന്റർനെറ്റിൽ മറ്റുള്ളവർ പങ്കിട്ട, ഉപയോഗിക്കാൻ എളുപ്പമുള്ള നിരവധി JavaScript കോഡുകൾ ഉണ്ട്.

നിങ്ങൾക്ക് കഴിയുമെങ്കിൽവേർഡ്പ്രൈസ്ലേഖനത്തിൽ JS കോഡ് ചേർക്കുന്നത് തീർച്ചയായും ലേഖനത്തെ വർണ്ണാഭമാക്കും.

വേർഡ്പ്രസ്സ് ലേഖനങ്ങളിൽ JS കോഡ് എങ്ങനെ ചേർക്കാം

ഒരു വേർഡ്പ്രസ്സ് പോസ്റ്റിലേക്ക് JavaScript കോഡ് ചേർക്കുന്നത് വളരെ ലളിതമാണ്.

അടുത്തത്,ചെൻ വെയ്‌ലിയാങ്നിങ്ങളുമായി പങ്കിടും:വേർഡ്പ്രസ്സ് പോസ്റ്റുകളിലേക്ക് JavaScript കോഡ് ചേർക്കുന്നത് എങ്ങനെ?

JS കോഡ് ചേർക്കുന്നതിന് സാധാരണയായി 2 വഴികളുണ്ട്:

1. WordPress പോസ്റ്റുകളിലേക്ക് നേരിട്ട് JS കോഡ് ചേർക്കുക
2. JS ഫയൽ എഴുതിയതിന് ശേഷം WordPress ലേഖനത്തിൽ JS കോഡ് വിളിക്കുക

1) വേർഡ്പ്രസ്സ് പോസ്റ്റിലേക്ക് നേരിട്ട് JS കോഡ് ചേർക്കുക

വേർഡ്പ്രസ്സ് പോസ്റ്റിൽ നേരിട്ട് JavaScript എഴുതുന്ന ആദ്യ രീതി.

"ഹലോ വേൾഡ്!" ▼ എന്ന വാചകം അച്ചടിക്കുന്നതിനുള്ള ഒരു ഉദാഹരണം ഇതാ

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

ജാവാസ്ക്രിപ്റ്റ് എക്സിക്യൂട്ട് ചെയ്ത ശേഷം "ഹലോ വേൾഡ്!" പ്രദർശിപ്പിക്കുന്ന ഒരു വേർഡ്പ്രസ്സ് പോസ്റ്റിലാണ് ഇത് ▼

2) JS ഫയൽ എഴുതിയ ശേഷം, WordPress ലേഖനത്തിലെ JS കോഡ് വിളിക്കുക

രണ്ടാമത്തെ വഴി, ഒരു പ്രത്യേക ഫയലിലേക്ക് JavaScript കോഡ് എഴുതുക.

തുടർന്ന് ജാവാസ്ക്രിപ്റ്റ് ചേർക്കേണ്ട വേർഡ്പ്രസ്സ് പോസ്റ്റിൽ, വേർഡ്പ്രസ്സ് ടെക്സ്റ്റ് എഡിറ്റർ വഴി ജാവാസ്ക്രിപ്റ്റ് ഫയലിലേക്ക് വിളിക്കുക.

ഇനിപ്പറയുന്ന ഉദാഹരണം ഒരു വേർഡ്പ്രസ്സ് പോസ്റ്റിലാണ്, "ഹലോ വേൾഡ്" ടെക്സ്റ്റ് ▼ അച്ചടിക്കുന്നു

<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 ഫയൽ ചേർക്കുക ▼

<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 കോഡ് ചേർക്കുന്നതിന്, നിങ്ങൾ വേർഡ്പ്രസ്സ് എഡിറ്റർ ടെക്സ്റ്റ് മോഡിലേക്ക് മാറ്റേണ്ടതുണ്ട്.

പ്രത്യേക ശ്രദ്ധ和之间不能有换行。

ഒരു ലൈൻ ബ്രേക്ക് ഉണ്ടെങ്കിൽ, WordPress അത് ഒരു ഖണ്ഡികയായി സ്വയമേവ പ്രോസസ്സ് ചെയ്യും, കൂടാതെ JS സ്ക്രിപ്റ്റ് കോഡ് പരാജയപ്പെടുന്നതിന് കാരണമാകുന്ന ഒരു p ടാഗ് സ്വയമേവ ചേർക്കും.

WordPress JavaScript കോഡിൽ കൂടുതൽ ലേഖനങ്ങൾ ഇവിടെയുണ്ട് ▼

🔗WordPress-ൽ JavaScript/CSS കോഡ് ലോഡ് ചെയ്യുന്നതിന് ലേഖന പേജുകൾ എങ്ങനെ വ്യക്തമാക്കാം?

🔗പേജ് റെൻഡറിംഗ് വേഗത്തിലാക്കാൻ വേർഡ്പ്രസ്സ് ജാവാസ്ക്രിപ്റ്റ് ലോഡുചെയ്യുന്നത് എങ്ങനെ വൈകിപ്പിക്കാം?

🔗വേർഡ്പ്രസ്സിൽ ജാവാസ്ക്രിപ്റ്റ് എങ്ങനെ ശരിയായി അവതരിപ്പിക്കാം? JS, CSS ഫയലുകളുടെ ഇഷ്ടാനുസൃത ലോഡിംഗ്