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

په سیستماتیک ډول زده کړلیوه ویب پاڼه جوړه کړئتخنیکي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 سکریپټ کوډ د ناکامۍ سبب ګرځي.

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

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

کله چې د ورڈپریس تھیم جوړ کړئ، که چیرې یو ځانګړی جاواسکریپټ یا CSS کوډ وي چې په ورڈپریس کې په یوه ځانګړي پاڼه کې ښکاري، دا به یوازې یو ځل وکارول شي.کوډ باید چیرته کیښودل شي؟ Style.css یا base.js؟مګر د دې کولو لګښت یو څه لوړ دی. ...

څنګه د ورڈپریس سست بار جاوا سکریپټ رامینځته کړئ ترڅو د پاڼې رینډینګ ګړندی کړئ؟

ورڈپریس سست-لوډ کوي جاواسکریپټ د پاڼې رینډر کولو میتودونو ګړندی کولو لپاره.د JavaScript Defer ملکیت څه شی دی؟هرڅوک شاید د دې حالت سره مخ شوي وي: په سر کې N سکریپټونه شتون لري، او کله چې سکریپټونه پورته شي، د پاڼې رینډر کول بند شوي، کوم چې معمولا خالي وي. ...

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

هغه پروګرام کونکي چې د ورڈپریس سره ویب پاڼې جوړوي ځینې جاوا سکریپټ او CSS سکریپټ سرچینو ته مراجعه کوي کله چې د ورڈپریس پلگ انونه رامینځته کوي یا د ورڈپریس موضوعات دودیز کوي.عموما، خلک د HTML لپاره مستقیم لینک، سکریپټ ټګونه کاروي.په حقیقت کې ، په WordPress کې…