Kumaha cara nambihan kode JavaScript dina pos WordPress?

diajar sacara sistematisngawangun ramatloka aTéknisSEOPara ahli terang kumaha ngagunakeun program JavaScript kalayan gampang.

Aya seueur kode JavaScript anu gampang dianggo anu dibagikeun ku batur dina Internét.

upami Anjeun tiasaWordPressNambahkeun kode JS kana artikel pasti bakal nyieun artikel warni.

Kumaha cara nambihan kode JS kana tulisan WordPress

Nambahkeun kode JavaScript ka pos WordPress basajan pisan.

Teras,Chen WeiliangBakal babagi sareng anjeun:Kumaha cara nambihan kode JavaScript kana tulisan WordPress?

Biasana aya 2 cara pikeun nambahkeun kode JS:

1. Tambahkeun kode JS langsung kana tulisan WordPress
2. Telepon kode JS dina artikel WordPress saatos nyerat file JS

1) Tambahkeun kode JS langsung ka pos WordPress

Metodeu kahiji, nulis JavaScript langsung dina pos WordPress.

Ieu conto nyitak téks "Halo Dunya!" ▼

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

Ieu aya dina tulisan WordPress anu ningalikeun "Halo Dunya!" saatos ngaéksekusi JavaScript ▼

2) Sanggeus nulis file JS, nelepon kodeu JS dina artikel WordPress

Cara kadua, nulis kode JavaScript kana file misah.

Lajeng dina pos WordPress dimana JavaScript perlu diselapkeun, nelepon file JavaScript ngaliwatan pangropéa téksu WordPress.

Conto di handap ieu aya dina tulisan WordPress, nyitak "Halo Dunya" téks ▼

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

Eusi file JavaScript hello.js ▼

document.write("Hello World");

Nambahkeun kode JavaScript kana pos WordPress nembongkeun hasil ▼

WordPress nelepon kode JS pikeun titimangsa kiwari

Aya loba senang jeung mangpaat kode JavaScript dina Internét.

Ayeuna masihan conto kumaha ngagunakeun éta?

Nyitak tanggal ayeuna dina tulisan WordPress.

Selapkeun file JavaScript date.js di handap ieu kana pos WordPress anjeun ▼

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

Di handap ieu eusi JavaScript tina 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()

Ieu mangrupikeun hasil tina JavaScript ngalaksanakeun tanggal ayeuna dina postingan WordPress ▼

Di handap ieu hasil tina file JavaScript date.js dieksekusi dina artikel ieu ▼

Waspada

Pikeun nyelapkeun kode JS kana tulisan, anjeun kedah ngalihkeun pangropéa WordPress kana modeu téks.

perhatian husus和之间不能有换行。

Lamun aya garis putus, WordPress bakal otomatis ngolah salaku paragraf, sarta otomatis nambahkeun tag p anu ngabalukarkeun kodeu Aksara JS gagal.

Aya deui artikel ngeunaan kode JavaScript WordPress di dieu ▼

🔗Kumaha cara nangtukeun halaman artikel pikeun ngamuat kode JavaScript/CSS dina WordPress?

🔗Kumaha carana ngalambatkeun WordPress ngamuat JavaScript pikeun nyepetkeun rendering halaman?

🔗Kumaha cara ngenalkeun JavaScript dina WordPress? Loading custom tina file JS jeung CSS