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 ▼ орындағаннан кейін «Hello World!» көрсетілетін 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 тақырыбын жасау кезінде WordPress-тегі белгілі бір бетте пайда болатын нақты JavaScript немесе CSS коды болса, ол тек бір рет пайдаланылады.Кодты қайда қою керек? Style.css немесе base.js?Бірақ мұны істеудің құны біршама жоғары. ...

Бетті көрсетуді жылдамдату үшін WordPress-ті JavaScript-ті жалқау жүктеуге қалай жасауға болады?

WordPress бетті көрсету әдістерін жылдамдату үшін JavaScript-ті жалқау жүктейді.JavaScript-тің кейінге қалдыру қасиеті дегеніміз не?Әрбір адам мұндай жағдайға тап болған шығар: басында N сценарий бар, ал сценарийлер жүктелген кезде бетті көрсету блокталады, ол әдетте бос болады. ...

WordPress JavaScript қалай дұрыс енгізеді?JS және CSS файлдарының реттелетін жүктелуі

WordPress көмегімен веб-сайттарды жасайтын бағдарламашылар WordPress плагиндерін әзірлеу немесе WordPress тақырыптарын теңшеу кезінде кейбір JavaScript және CSS сценарий ресурстарына сілтеме жасайды.Әдетте адамдар HTML үшін сілтеме, сценарий тегтерін пайдаланады.Шын мәнінде, WordPress ішінде…