Jinsi ya kuongeza msimbo wa JavaScript ndani ya chapisho la WordPress?

kujifunza kwa utaratibutengeneza tovutikiufundiSEOWataalamu wanajua jinsi ya kutumia programu za JavaScript kwa urahisi.

Kuna misimbo mingi ya JavaScript iliyo rahisi kutumia iliyoshirikiwa na wengine kwenye Mtandao.

kama unawezaWordPressKuongeza msimbo wa JS kwenye kifungu hakika kutafanya kifungu kiwe cha kupendeza.

Jinsi ya kuongeza nambari ya JS kwa vifungu vya WordPress

Kuongeza msimbo wa JavaScript kwenye chapisho la WordPress ni rahisi sana.

Ifuatayo,Chen WeiliangNitashiriki nawe:Jinsi ya kuongeza nambari ya JavaScript kwenye machapisho ya WordPress?

Kawaida kuna njia 2 za kuongeza nambari ya JS:

1. Ongeza nambari ya JS moja kwa moja kwenye machapisho ya WordPress
2. Piga nambari ya JS katika nakala ya WordPress baada ya kuandika faili ya JS

1) Ongeza nambari ya JS moja kwa moja kwenye chapisho la WordPress

Njia ya kwanza, kuandika JavaScript moja kwa moja kwenye chapisho la WordPress.

Huu hapa ni mfano wa kuchapisha maandishi "Hujambo Ulimwengu!" ▼

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

Hii ni katika chapisho la WordPress ambalo linaonyesha "Hujambo Ulimwengu!" baada ya kutekeleza JavaScript ▼

2) Baada ya kuandika faili ya JS, piga nambari ya JS kwenye kifungu cha WordPress

Kwa njia ya pili, andika msimbo wa JavaScript kwa faili tofauti.

Kisha katika chapisho la WordPress ambapo JavaScript inahitaji kuingizwa, piga faili ya JavaScript kupitia mhariri wa maandishi ya WordPress.

Mfano ufuatao uko kwenye chapisho la WordPress, linalochapisha maandishi ya "Hello World" ▼

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

Maudhui ya faili ya JavaScript hello.js ▼

document.write("Hello World");

Kuongeza msimbo wa JavaScript kwenye chapisho la WordPress huonyesha matokeo ▼

WordPress huita nambari ya JS kwa tarehe ya leo

Kuna msimbo mwingi wa kufurahisha na muhimu wa JavaScript kwenye Mtandao.

Sasa toa mfano wa jinsi ya kuzitumia?

Chapisha tarehe ya leo katika machapisho ya WordPress.

Ingiza faili ifuatayo ya JavaScript date.js kwenye chapisho lako la WordPress ▼

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

Hapo chini kuna JavaScript ya faili 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()

Haya hapa ni matokeo ya JavaScript kutekeleza tarehe ya leo katika chapisho la WordPress ▼

Yafuatayo ni matokeo ya tarehe.js ya faili ya JavaScript iliyotekelezwa katika makala haya ▼

注意 事项

Ili kuingiza msimbo wa JS kwenye chapisho, unahitaji kubadilisha kihariri cha WordPress hadi hali ya maandishi.

umakini maalum和之间不能有换行。

Ikiwa kuna mapumziko ya mstari, WordPress itaichakata kiotomatiki kama aya, na kuongeza kiotomatiki lebo ya p inayosababisha msimbo wa hati ya JS kushindwa.

Kuna vifungu zaidi kwenye msimbo wa JavaScript wa WordPress hapa ▼

🔗Jinsi ya kubainisha kurasa za makala ili kupakia msimbo wa JavaScript/CSS katika WordPress?

🔗Jinsi ya kufanya WordPress ichelewe kupakia JavaScript ili kuharakisha uwasilishaji wa ukurasa?

🔗Jinsi ya kutambulisha JavaScript ipasavyo katika WordPress? Upakiaji maalum wa faili za JS na CSS