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 постуна кошуңуз

Биринчи ыкма, түздөн-түз WordPress постуна JavaScript жазуу.

Бул жерде «Салам дүйнө!» текстин басып чыгаруунун мисалы ▼

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

Бул WordPress постунда, анда JavaScript ▼ аткарылгандан кийин "Hello World!"

2) JS файлын жазгандан кийин, WordPress макаласындагы JS кодун чакырыңыз

Экинчи жол, JavaScript кодун өзүнчө файлга жазыңыз.

Андан кийин JavaScript киргизүү керек болгон WordPress постунда WordPress текст редактору аркылуу JavaScript файлын чакырыңыз.

Төмөнкү мисал WordPress постунда, "Hello World" текстин басып чыгарууда ▼

<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 файлдарын жекече жүктөө