WordPress postiga JavaScript kodini qanday qo'shish mumkin?

tizimli ravishda o'rganiladiStansiya qurishtexnikSEOMutaxassislar JavaScript dasturlarini qanday oson ishlatishni bilishadi.

Internetda boshqalar tomonidan baham ko'rilgan foydalanish uchun qulay JavaScript kodlari ko'p.

Agar imkoningiz bo'lsaWordPressMaqolaga JS kodini qo'shish, albatta, maqolani rang-barang qiladi.

WordPress maqolalariga JS kodini qanday qo'shish mumkin

WordPress postiga JavaScript kodini qo'shish juda oddiy.

Keyingi,Chen VeyliangSiz bilan baham ko'ramiz:WordPress postlariga JavaScript kodini qanday qo'shish mumkin?

JS kodini qo'shishning odatda 2 yo'li mavjud:

1. JS kodini to'g'ridan-to'g'ri WordPress postlariga qo'shing
2. JS faylini yozgandan so'ng WordPress maqolasida JS kodiga qo'ng'iroq qiling

1) JS kodini to'g'ridan-to'g'ri WordPress postiga qo'shing

Birinchi usul, JavaScript-ni to'g'ridan-to'g'ri WordPress postida yozish.

Bu erda "Salom dunyo!" matnini chop etish misoli ▼

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

Bu JavaScript-ni ishga tushirgandan so'ng "Salom Dunyo!" Ko'rsatilgan WordPress postida ▼

2) JS faylini yozgandan so'ng, WordPress maqolasidagi JS kodini chaqiring

Ikkinchi usul uchun JavaScript kodini alohida faylga yozing.

Keyin JavaScript-ni kiritish kerak bo'lgan WordPress postida WordPress matn muharriri orqali JavaScript fayliga qo'ng'iroq qiling.

Quyidagi misol WordPress postida "Salom dunyo" matnini chop etishda ▼

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

hello.js JavaScript faylining mazmuni ▼

document.write("Hello World");

WordPress postiga JavaScript kodini qo'shish natijalarni ko'rsatadi ▼

WordPress bugungi sana uchun JS kodini chaqiradi

Internetda juda ko'p qiziqarli va foydali JavaScript kodi mavjud.

Endi ulardan qanday foydalanishga misol keltiring?

WordPress postlarida bugungi sanani chop eting.

Quyidagi JavaScript date.js faylini WordPress postingizga joylashtiring ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

Quyida date.js faylining JavaScript mazmuni ▼

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

Mana, WordPress postida JavaScript-ning bugungi sanasini bajarish natijasi ▼

Quyida ushbu maqolada bajarilgan date.js JavaScript faylining natijasi keltirilgan ▼

注意 事项

Postga JS kodini kiritish uchun WordPress muharririni matn rejimiga o'tkazishingiz kerak.

alohida e'tibor和之间不能有换行。

Agar chiziq uzilishi bo'lsa, WordPress uni avtomatik ravishda paragraf sifatida qayta ishlaydi va avtomatik ravishda JS skript kodining ishlamay qolishiga olib keladigan p tegini qo'shadi.

Bu yerda WordPress JavaScript kodi haqida koʻproq maqolalar mavjud ▼

🔗 WordPress-da JavaScript/CSS kodini yuklash uchun maqola sahifalarini qanday belgilash mumkin?

🔗Sahifani ko'rsatishni tezlashtirish uchun WordPress JavaScript-ni yuklashni qanday kechiktirish kerak?

🔗 WordPress-da JavaScript-ni qanday to'g'ri joriy etish kerak? JS va CSS fayllarini maxsus yuklash