د ورڈپریس پوسټ کې د جاواسکریپټ کوډ اضافه کولو څرنګوالی؟

په سیستماتیک ډول زده کړلیوه ویب پاڼه جوړه کړئتخنیکيSEOماهرین پوهیږي چې څنګه د جاواسکریپټ پروګرامونه په اسانۍ سره کارول کیږي.

په انټرنیټ کې د نورو لخوا شریک شوي ډیری اسانه جاواسکریپټ کوډونه شتون لري.

که چیری کولاي شیWordPressمقالې ته د JS کوډ اضافه کول به یقینا مقاله رنګین کړي.

د ورڈپریس مقالو کې د JS کوډ اضافه کولو څرنګوالی

د ورڈپریس پوسټ ته د جاواسکریپټ کوډ اضافه کول خورا ساده دي.

بل،چن ویلینګدرسره شریکوم:د ورڈپریس پوسټونو ته د جاواسکریپټ کوډ اضافه کولو څرنګوالی؟

د JS کوډ اضافه کولو لپاره معمولا 2 لارې شتون لري:

1. د JS کوډ په مستقیم ډول د ورڈپریس پوسټونو ته اضافه کړئ
2. د JS فایل لیکلو وروسته په WordPress مقاله کې د JS کوډ ته زنګ ووهئ

1) د JS کوډ مستقیم د ورڈپریس پوسټ ته اضافه کړئ

لومړی طریقه، په مستقیم ډول د ورڈپریس پوسټ کې جاواسکریپټ لیکل.

دلته د متن چاپ کولو یوه بیلګه ده "سلام نړۍ!" ▼

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

دا په ورڈپریس پوسټ کې دی چې د جاواسکریپټ اجرا کولو وروسته "هیلو ورلډ!" ښکاره کوي ▼

2) د JS فایل لیکلو وروسته، د ورڈپریس مقاله کې د JS کوډ ته زنګ ووهئ

دویمه لاره، د جاواسکریپټ کوډ جلا فایل ته ولیکئ.

بیا د ورڈپریس پوسټ کې چیرې چې جاواسکریپټ داخلولو ته اړتیا لري ، د ورڈپریس متن ایډیټر له لارې د جاواسکریپټ فایل ته زنګ ووهئ.

لاندې مثال د ورڈپریس پوسټ کې دی، د "هیلو ورلډ" متن چاپ کول ▼

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

د JavaScript فایل منځپانګه hello.js ▼

document.write("Hello World");

د ورڈپریس پوسټ ته د جاواسکریپټ کوډ اضافه کول پایلې ښیې ▼

ورڈپریس د نن نیټې لپاره JS کوډ غږوي

په انټرنیټ کې ډیر ساتیري او ګټور جاواسکریپټ کوډ شتون لري.

اوس یو مثال ورکړئ چې څنګه یې وکاروئ؟

د نن ورځې نیټه په ورڈپریس پوسټونو کې چاپ کړئ.

لاندې JavaScript date.js فایل په خپل WordPress پوسټ کې دننه کړئ ▼

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

دلته د جاواسکریپټ پایله ده چې د نن ورځې نیټه په ورڈپریس پوسټ کې اجرا کوي ▼

لاندې د JavaScript دوتنې پایله ده date.js په دې مقاله کې اجرا شوي ▼

احتیاطونه

په پوسټ کې د JS کوډ داخلولو لپاره ، تاسو اړتیا لرئ د ورڈپریس مدیر د متن حالت ته واړوئ.

ځانګړې پاملرنه和之间不能有换行。

که چیرې د لیکې وقفه شتون ولري، ورڈپریس به په اتوماتيک ډول دا د پراګراف په توګه پروسس کړي، او په اتوماتيک ډول د پی ټاګ اضافه کړي چې د JS سکریپټ کوډ د ناکامۍ سبب ګرځي.

دلته د ورڈپریس جاواسکریپټ کوډ په اړه نورې مقالې شتون لري ▼

🔗څنګه په ورڈپریس کې د جاواسکریپټ/سي ایس ایس کوډ پورته کولو لپاره د مقالې پاڼې مشخص کړئ؟

🔗څنګه د ورڈپریس لخوا د جاواسکریپټ بارول وځنډول شي ترڅو د پاڼې رینډرینګ ګړندی شي؟

🔗څنګه په ورڈپریس کې جاواسکریپټ په سمه توګه معرفي کړو؟ د JS او CSS فایلونو دودیز بار کول