ວິທີການເພີ່ມລະຫັດ JavaScript ພາຍໃນຕອບ WordPress?

ຮຽນຮູ້ຢ່າງເປັນລະບົບສ້າງເວັບໄຊທ໌ດ້ານວິຊາການSEOຜູ້ຊ່ຽວຊານຮູ້ວິທີການນໍາໃຊ້ໂປແກຼມ JavaScript ໄດ້ງ່າຍ.

ມີລະຫັດ JavaScript ທີ່ງ່າຍຕໍ່ການໃຊ້ຫຼາຍທີ່ແບ່ງປັນໂດຍຜູ້ອື່ນໃນອິນເຕີເນັດ.

ຖ້າເຈົ້າສາມາດWordPressການເພີ່ມລະຫັດ JS ເຂົ້າໃນບົດຄວາມແນ່ນອນຈະເຮັດໃຫ້ບົດຄວາມມີສີສັນ.

ວິທີການເພີ່ມລະຫັດ JS ກັບບົດຄວາມ WordPress

ການເພີ່ມລະຫັດ JavaScript ເຂົ້າໃນການຕອບ WordPress ແມ່ນງ່າຍດາຍຫຼາຍ.

ຕໍ່ໄປ,Chen Weiliangຈະ​ແບ່ງ​ປັນ​ກັບ​ທ່ານ​:ວິທີການເພີ່ມລະຫັດ JavaScript ກັບຂໍ້ຄວາມ WordPress?

ປົກກະຕິແລ້ວມີ 2 ວິທີທີ່ຈະເພີ່ມລະຫັດ JS:

1. ເພີ່ມລະຫັດ JS ໂດຍກົງໃສ່ຂໍ້ຄວາມ WordPress
2. ໂທຫາລະຫັດ JS ໃນບົດຄວາມ WordPress ຫຼັງຈາກຂຽນໄຟລ໌ JS

1) ເພີ່ມລະຫັດ JS ໂດຍກົງໃສ່ຂໍ້ຄວາມ WordPress

ວິທີການທໍາອິດ, ການຂຽນ JavaScript ໂດຍກົງໃນຕອບ WordPress.

ນີ້ແມ່ນຕົວຢ່າງຂອງການພິມຂໍ້ຄວາມ "ສະບາຍດີໂລກ!" ▼

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

ນີ້ແມ່ນຢູ່ໃນຂໍ້ຄວາມ WordPress ທີ່ສະແດງ "ສະບາຍດີໂລກ!" ຫຼັງຈາກປະຕິບັດ JavaScript ▼

2) ຫຼັງຈາກຂຽນໄຟລ໌ JS, ໂທຫາລະຫັດ JS ໃນບົດຄວາມ WordPress

ວິທີທີສອງ, ຂຽນລະຫັດ JavaScript ໃສ່ໄຟລ໌ແຍກຕ່າງຫາກ.

ຫຼັງຈາກນັ້ນ, ໃນການຕອບ WordPress ທີ່ຕ້ອງໃສ່ JavaScript, ໂທຫາໄຟລ໌ JavaScript ຜ່ານຕົວແກ້ໄຂຂໍ້ຄວາມ WordPress.

ຕົວຢ່າງຕໍ່ໄປນີ້ແມ່ນຢູ່ໃນຂໍ້ຄວາມ WordPress, ພິມຂໍ້ຄວາມ "ສະບາຍດີໂລກ" ▼

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

ເນື້ອໃນຂອງໄຟລ໌ JavaScript hello.js ▼

document.write("Hello World");

ການເພີ່ມລະຫັດ JavaScript ໃສ່ຂໍ້ຄວາມ WordPress ສະແດງຜົນໄດ້ຮັບ ▼

WordPress ໂທຫາລະຫັດ JS ສໍາລັບວັນທີຂອງມື້ນີ້

ມີຫຼາຍລະຫັດ JavaScript ທີ່ມ່ວນແລະເປັນປະໂຫຍດໃນອິນເຕີເນັດ.

ຕອນນີ້ໃຫ້ຕົວຢ່າງຂອງວິທີການນໍາໃຊ້ພວກມັນບໍ?

ພິມວັນທີຂອງມື້ນີ້ໃນຂໍ້ຄວາມ WordPress.

ໃສ່ໄຟລ໌ 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>

ຂ້າງລຸ່ມນີ້ແມ່ນເນື້ອໃນ JavaScript ຂອງໄຟລ໌ 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 ປະຕິບັດວັນທີຂອງມື້ນີ້ໃນການຕອບ WordPress ▼

ຂ້າງລຸ່ມນີ້ແມ່ນຜົນຂອງໄຟລ໌ JavaScript date.js ທີ່ຖືກປະຕິບັດໃນບົດຄວາມນີ້ ▼

ຂໍ້ຄວນລະວັງ

ເພື່ອໃສ່ລະຫັດ JS ເຂົ້າໄປໃນຂໍ້ຄວາມ, ທ່ານຈໍາເປັນຕ້ອງປ່ຽນຕົວແກ້ໄຂ WordPress ເປັນຮູບແບບຂໍ້ຄວາມ.

ເອົາ​ໃຈ​ໃສ່​ເປັນ​ພິ​ເສດ​和之间不能有换行。

ຖ້າມີການຢຸດແຖວ, WordPress ຈະດໍາເນີນການອັດຕະໂນມັດເປັນວັກ, ແລະອັດຕະໂນມັດເພີ່ມ p tag ທີ່ເຮັດໃຫ້ລະຫັດສະຄິບ JS ລົ້ມເຫລວ.

ມີບົດຄວາມເພີ່ມເຕີມກ່ຽວກັບລະຫັດ JavaScript ຂອງ WordPress ຢູ່ທີ່ນີ້ ▼

🔗ວິທີການກໍານົດຫນ້າບົດຄວາມທີ່ຈະໂຫລດລະຫັດ JavaScript / CSS ໃນ WordPress?

🔗ເຮັດແນວໃດເພື່ອເຮັດໃຫ້ WordPress ຊັກຊ້າການໂຫຼດ JavaScript ເພື່ອເລັ່ງການສະແດງຫນ້າ?

🔗ວິທີການແນະນໍາ JavaScript ໃນ WordPress ຢ່າງຖືກຕ້ອງ? ການໂຫຼດໄຟລ໌ JS ແລະ CSS ແບບກຳນົດເອງ