Hvernig á að bæta JavaScript kóða inn í WordPress færslu?

kerfisbundið lærtByggja stöðTæknilegtSEOSérfræðingar vita hvernig á að nota JavaScript forrit auðveldlega.

Það eru margir auðveldir JavaScript kóðar sem aðrir deila á netinu.

ef þú geturWordPressAð bæta JS kóða við greinina mun örugglega gera greinina litríka.

Hvernig á að bæta JS kóða við WordPress greinar

Það er mjög einfalt að bæta JavaScript kóða við WordPress færslu.

Næst,Chen WeiliangMun deila með þér:Hvernig á að bæta JavaScript kóða við WordPress færslur?

Það eru venjulega 2 leiðir til að bæta við JS kóða:

1. Bættu JS kóða beint við WordPress færslur
2. Hringdu í JS kóða í WordPress grein eftir að hafa skrifað JS skrá

1) Bættu JS kóða beint við WordPress færsluna

Fyrsta aðferðin, skrifa JavaScript beint í WordPress færsluna.

Hér er dæmi um að prenta textann „Halló heimur!“ ▼

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

Þetta er í WordPress færslu sem sýnir „Halló heimur!“ eftir að hafa keyrt JavaScript ▼

2) Eftir að hafa skrifað JS skrána skaltu hringja í JS kóðann í WordPress greininni

Hin leiðin, skrifaðu JavaScript kóðann í sérstaka skrá.

Síðan í WordPress færslunni þar sem JavaScript þarf að setja inn, hringdu í JavaScript skrána í gegnum WordPress textaritlina.

Eftirfarandi dæmi er í WordPress færslu sem prentar "Hello World" texta ▼

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

Innihald JavaScript skráar hello.js ▼

document.write("Hello World");

Að bæta JavaScript kóða við WordPress færslu sýnir niðurstöðurnar ▼

WordPress kallar JS kóða fyrir dagsetninguna í dag

Það er mikið af skemmtilegum og gagnlegum JavaScript kóða á netinu.

Gefðu nú dæmi um hvernig á að nota þá?

Prentaðu dagsetningu dagsins í WordPress færslum.

Settu eftirfarandi JavaScript date.js skrá inn í WordPress færsluna þína ▼

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

Hér að neðan er JavaScript innihald date.js skráarinnar ▼

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

Hér er niðurstaðan af JavaScript sem keyrir dagsetningu dagsins í WordPress færslu ▼

Hér að neðan er útkoman af JavaScript skránni date.js sem framkvæmd var í þessari grein ▼

注意 事项

Til að setja JS kóða inn í færslu þarftu að skipta WordPress ritlinum yfir í textaham.

sérstaka athygli和之间不能有换行。

Ef það er línuskil mun WordPress vinna það sjálfkrafa sem málsgrein og bæta sjálfkrafa við p tag sem veldur því að JS skriftarkóðinn bilar.

Það eru fleiri greinar um WordPress JavaScript kóða hér ▼

🔗Hvernig tilgreinir WordPress að greinasíður hleði JavaScript/CSS kóða?

🔗Hvernig á að láta WordPress lata hlaða JavaScript til að flýta fyrir birtingu síðu?

🔗Hvernig á að kynna JavaScript almennilega í WordPress? Sérsniðin hleðsla á JS og CSS skrám