Kako dodati JavaScript kod unutar WordPress objave?

sustavno učioizraditi web stranicutehničkiSEOStručnjaci znaju kako jednostavno koristiti JavaScript programe.

Postoje mnogi JavaScript kodovi jednostavni za korištenje koje dijele drugi na Internetu.

ako možešWordPressDodavanje JS koda u članak će definitivno učiniti članak šarenim.

Kako dodati JS kod u WordPress članke

Dodavanje JavaScript koda u WordPress post vrlo je jednostavno.

Sljedeći,Chen WeiliangPodijelit će s vama:Kako dodati JavaScript kod u WordPress postove?

Obično postoje 2 načina za dodavanje JS koda:

1. Dodajte JS kod izravno u WordPress postove
2. Pozovite JS kod u WordPress članku nakon pisanja JS datoteke

1) Dodajte JS kod izravno u WordPress post

Prva metoda, pisanje JavaScripta izravno u WordPress objavu.

Evo primjera ispisa teksta "Hello World!" ▼

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

Ovo je u WordPress postu koji prikazuje "Hello World!" nakon izvršavanja JavaScripta ▼

2) Nakon što napišete JS datoteku, pozovite JS kod u WordPress članku

Drugi način, zapišite JavaScript kod u zasebnu datoteku.

Zatim u WordPress postu gdje treba umetnuti JavaScript, pozovite JavaScript datoteku kroz WordPress uređivač teksta.

Sljedeći primjer je u WordPress postu, ispisuje tekst "Hello World" ▼

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

Sadržaj JavaScript datoteke hello.js ▼

document.write("Hello World");

Dodavanje JavaScript koda u WordPress post prikazuje rezultate ▼

WordPress poziva JS kod za današnji datum

Na internetu ima puno zabavnog i korisnog JavaScript koda.

Sada dajte primjer kako ih koristiti?

Ispiši današnji datum u WordPress postovima.

Umetnite sljedeću datoteku JavaScript date.js u svoj WordPress post ▼

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

Ispod je JavaScript sadržaj datoteke 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()

Ovo je rezultat JavaScripta koji je izvršio današnji datum u WordPress postu ▼

Ispod je rezultat JavaScript datoteke date.js izvršene u ovom članku ▼

注意 事项

Za umetanje JS koda u objavu morate prebaciti WordPress uređivač u tekstualni mod.

posebna pažnja和之间不能有换行。

Ako postoji prijelom retka, WordPress će ga automatski obraditi kao odlomak i automatski dodati oznaku p koja uzrokuje kvar koda JS skripte.

Ovdje ima više članaka o WordPress JavaScript kodu ▼

🔗Kako odrediti stranice članaka za učitavanje JavaScript/CSS koda u WordPress?

🔗Kako natjerati WordPress da odgodi učitavanje JavaScripta kako bi se ubrzao prikaz stranice?

🔗Kako pravilno uvesti JavaScript u WordPress? Prilagođeno učitavanje JS i CSS datoteka