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?

Þegar búið er til WordPress þema, ef það er ákveðinn JavaScript eða CSS kóða sem birtist á tiltekinni síðu í WordPress, verður hann aðeins notaður einu sinni.Hvar á að setja kóðann? Style.css eða base.js?En kostnaðurinn við að gera það er svolítið hár. ...

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

WordPress hleður JavaScript leti til að flýta fyrir flutningsaðferðum síðu.Hvað er Defer eign JavaScript?Allir hafa sennilega lent í þessu: það eru N forskriftir í hausnum og þegar forskriftirnar eru hlaðnar er lokað fyrir flutning síðunnar, sem er venjulega auð. ...

Hvernig kynnir WordPress JavaScript almennilega?Sérsniðin hleðsla JS og CSS skrár

Forritarar sem byggja vefsíður með WordPress vísa til nokkurra JavaScript og CSS forskriftaauðlinda þegar þeir þróa WordPress viðbætur eða sérsníða WordPress þemu.Venjulega notar fólk hlekki, script tags beint fyrir HTML.Reyndar, innan WordPress…