Cumu aghjunghje u codice JavaScript in un postu di WordPress?

amparate sistematicamentecustruisce un situ webTecnicuSEOL'esperti sanu cumu utilizà i prugrammi JavaScript facilmente.

Ci sò parechji codici JavaScript faciuli d'utilizà spartuti da altri in Internet.

se pudeteWordPressL'aghjustà u codice JS à l'articulu farà sicuramente l'articulu culurita.

Cumu aghjunghje u codice JS à l'articuli di WordPress

Adding code JavaScript à un postu di WordPress hè assai simplice.

In seguitu,Chen Weiliangsparterà cun voi:Cumu aghjunghje u codice JavaScript à i posti di WordPress?

Ci sò generalmente 2 modi per aghjunghje u codice JS:

1. Aghjunghjite u codice JS direttamente à i posti di WordPress
2. Chjamate u codice JS in l'articulu di WordPress dopu avè scrittu u schedariu JS

1) Aghjunghjite u codice JS direttamente à u post di WordPress

U primu mètudu, scrive JavaScript direttamente in u postu di WordPress.

Eccu un esempiu di stampa di u testu "Hello World!" ▼

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

Questu hè in un postu di WordPress chì mostra "Hello World!" dopu avè eseguitu JavaScript ▼

2) Dopu avè scrittu u schedariu JS, chjamate u codice JS in l'articulu di WordPress

A seconda manera, scrivite u codice JavaScript in un schedariu separatu.

Allora in u postu di WordPress induve u JavaScript deve esse inseritu, chjamate u schedariu JavaScript attraversu l'editore di testu di WordPress.

L'esempiu seguitu hè in un postu di WordPress, stampendu u testu "Hello World" ▼

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

Cuntenutu di u schedariu JavaScript hello.js ▼

document.write("Hello World");

Aghjunghjendu codice JavaScript à un postu di WordPress mostra i risultati ▼

WordPress chjama u codice JS per a data d'oghje

Ci hè assai codice JavaScript divertenti è utili in Internet.

Avà dà un esempiu di cumu aduprà?

Stampa a data d'oghje in i posti di WordPress.

Inserite u seguente file JavaScript date.js in u vostru postu di WordPress ▼

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

Quì sottu hè u cuntenutu JavaScript di u schedariu date.js ▼

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

Eccu u risultatu di JavaScript chì eseguisce a data d'oghje in un post WordPress ▼

Quì sottu hè u risultatu di u schedariu JavaScript date.js eseguitu in questu articulu ▼

Precauzioni

Per inserisce u codice JS in un postu, avete bisognu di cambià l'editore di WordPress in modu testu.

attenzione particulare和之间不能有换行。

Se ci hè una rottura di linea, WordPress prucederà automaticamente cum'è un paràgrafu, è aghjunghje automaticamente una tag p chì provoca u codice di script JS per fallu.

Ci hè più articuli nantu à u codice JavaScript di WordPress quì ▼

🔗Cumu specificà e pagine di l'articulu per carricà u codice JavaScript / CSS in WordPress?

🔗Cumu fà chì WordPress ritarda a carica di JavaScript per accelerà u rendering di a pagina?

🔗Cumu introduce bè JavaScript in WordPress? Caricamentu persunalizatu di i fugliali JS è CSS