Come aggiungere codice JavaScript all'interno di un post di WordPress?

Gli esperti SEO che hanno studiato sistematicamente le tecniche di creazione di siti web sanno tutti come utilizzare i programmi JavaScript in modo semplice.

Ci sono molti codici JavaScript facili da usare condivisi da altri su Internet.

L'aggiunta di codice JavaScript ai post di WordPress può migliorarne significativamente la qualità.

Come aggiungere codice JS agli articoli di WordPress

Aggiungere codice JavaScript a un post di WordPress è molto semplice.

Successivamente, Chen Weiliang condividerà con voi: Come aggiungere codice JavaScript a un articolo di WordPress?

Di solito ci sono 2 modi per aggiungere il codice JS:

  1. Aggiungi il codice JS direttamente ai post di WordPress
  2. Chiama il codice JS nell'articolo di WordPress dopo aver scritto il file JS

1) Aggiungi il codice JS direttamente al post di WordPress

Il primo metodo, scrivere JavaScript direttamente nel post di WordPress.

Ecco un esempio di stampa del testo "Hello World!" ▼

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

Questo è in un post di WordPress che mostra "Hello World!" dopo aver eseguito JavaScript ▼

Il risultato dell'esecuzione di JavaScript in un post di WordPress

2) Dopo aver scritto il file JS, chiama il codice JS nell'articolo di WordPress

Il secondo modo, scrivi il codice JavaScript in un file separato.

Quindi nel post di WordPress in cui è necessario inserire JavaScript, chiama il file JavaScript tramite l'editor di testo di WordPress.

L'esempio seguente è in un post di WordPress, che stampa il testo "Hello World" ▼

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

Contenuto del file JavaScript hello.js ▼

document.write("Hello World");

L'aggiunta di codice JavaScript a un post di WordPress mostra i risultati ▼

Il risultato dell'aggiunta di codice JavaScript a un post di WordPress

WordPress chiama il codice JS per la data odierna

C'è molto codice JavaScript divertente e utile su Internet.

Ora fai un esempio di come usarli?

Stampa la data odierna nei post di WordPress.

Inserisci il seguente file JavaScript date.js nel tuo post 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>

Di seguito è riportato il contenuto JavaScript del file 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()

Ecco il risultato dell'esecuzione di JavaScript nella data odierna in un post di WordPress ▼

Il codice JavaScript presente in un post di WordPress esegue la data odierna.

Di seguito è riportato il risultato del file JavaScript date.js eseguito in questo articolo ▼

注意 事项

Per inserire il codice JS in un post, devi impostare l'editor di WordPress in modalità testo.

attenzione speciale和之间不能有换行。

Se c'è un'interruzione di riga, WordPress lo elaborerà automaticamente come paragrafo e aggiungerà automaticamente un tag p che causa il fallimento del codice dello script JS.

Ci sono altri articoli sul codice JavaScript di WordPress qui ▼

发表 评论

您的邮箱地址不会被公开.必填项已用*标注

Scorrere fino a Top