WordPress нийтлэлд JavaScript кодыг хэрхэн нэмэх вэ?

системтэйгээр сурсанвэб сайт байгуулахтехникийнSEOМэргэжилтнүүд JavaScript програмуудыг хэрхэн хялбархан ашиглахаа мэддэг.

Интернет дээр бусад хүмүүсийн хуваалцдаг хэрэглэхэд хялбар олон JavaScript кодууд байдаг.

Хэрэв чи чадвалWordPressНийтлэлд JS код нэмснээр нийтлэл өнгөлөг болох нь гарцаагүй.

WordPress нийтлэлд JS кодыг хэрхэн нэмэх вэ

WordPress нийтлэлд JavaScript код нэмэх нь маш энгийн.

Дараачийн,Чен ВэйлянТа бүхэнтэй хуваалцах болно:WordPress нийтлэлд JavaScript кодыг хэрхэн нэмэх вэ?

JS код нэмэх 2 арга байдаг:

1. JS кодыг WordPress нийтлэлүүдэд шууд нэмнэ үү
2. JS файлыг бичсэний дараа WordPress нийтлэл дэх JS код руу залгана уу

1) JS кодыг WordPress нийтлэлд шууд нэмнэ үү

Эхний арга бол JavaScript-ийг WordPress нийтлэлд шууд бичих.

"Сайн уу Дэлхий!" Текстийг хэвлэх жишээ энд байна ▼

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

Энэ нь JavaScript ▼-г ажиллуулсны дараа "Сайн уу Дэлхий!" гэж харуулсан WordPress нийтлэлд байна

2) JS файлыг бичсэний дараа WordPress нийтлэл дэх JS код руу залгана уу

Хоёрдахь арга бол JavaScript кодыг тусдаа файлд бичих.

Дараа нь JavaScript оруулах шаардлагатай WordPress нийтлэлд WordPress текст засварлагчаар дамжуулан JavaScript файл руу залгана уу.

Дараах жишээ нь WordPress нийтлэлд "Сайн уу Дэлхий" текстийг хэвлэж байна ▼

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

hello.js JavaScript файлын агуулга ▼

document.write("Hello World");

WordPress нийтлэлд JavaScript код нэмэх нь үр дүнг харуулж байна ▼

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>

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

WordPress нийтлэл дэх өнөөдрийн огноог JavaScript ажиллуулсны үр дүн энд байна ▼

Энэ нийтлэлд гүйцэтгэсэн date.js JavaScript файлын үр дүнг доор харуулав ▼

Урьдчилан сэргийлэх арга хэмжээ

Нийтлэлд JS код оруулахын тулд WordPress засварлагчийг текст горимд шилжүүлэх шаардлагатай.

онцгой анхаарал和之间不能有换行。

Хэрэв мөр тасарсан бол WordPress үүнийг автоматаар догол мөр болгон боловсруулж, JS скрипт кодыг амжилтгүй болгоход хүргэдэг p тагийг автоматаар нэмнэ.

Энд WordPress JavaScript кодын талаар илүү олон нийтлэл байна ▼

🔗 WordPress дээр JavaScript/CSS кодыг ачаалах нийтлэлийн хуудсыг хэрхэн зааж өгөх вэ?

🔗Хуудасны дүрслэлийг хурдасгахын тулд WordPress JavaScript ачааллыг хэрхэн хойшлуулах вэ?

🔗 WordPress дээр JavaScript-г хэрхэн зөв нэвтрүүлэх вэ? JS болон CSS файлуудыг захиалгаар ачаалах