Nola gehitu JavaScript kodea WordPress mezu baten barruan?

Webguneak eraikitzeko teknikak sistematikoki aztertu dituzten SEO adituek badakite JavaScript programak modu errazean nola erabili.

Interneten beste batzuek partekatzen dituzten JavaScript kode erabilerraz asko daude.

JavaScript kodea gehitzeak zure WordPress argitalpenei nabarmen hobetu dezake haien kalitatea.

Nola gehitu JS kodea WordPress artikuluetan

WordPress-eko mezu bati JavaScript kodea gehitzea oso erraza da.

Ondoren, Chen Weiliang-ek hau partekatuko du zurekin: Nola gehitu JavaScript kodea WordPress-eko argitalpen bati?

Normalean 2 modu daude JS kodea gehitzeko:

1. Gehitu JS kodea zuzenean WordPress-eko argitalpenetan
2. Deitu JS kodea WordPress-eko artikuluan JS fitxategia idatzi ondoren

1) Gehitu JS kodea zuzenean WordPress-eko argitalpenean

Lehenengo metodoa, JavaScript zuzenean idaztea WordPress-eko mezuan.

Hona hemen "Kaixo Mundua!" testua inprimatzeko adibide bat ▼

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

JavaScript ▼ exekutatu ondoren "Hello World!" bistaratzen duen WordPress-eko argitalpen batean dago hau

2) JS fitxategia idatzi ondoren, deitu JS kodea WordPress artikuluan

Bigarren modua, idatzi JavaScript kodea aparteko fitxategi batean.

Ondoren, JavaScript txertatu behar den WordPress-eko argitalpenean, deitu JavaScript fitxategiari WordPress testu-editorearen bidez.

Hurrengo adibidea WordPress-eko argitalpen batean dago, "Kaixo Mundua" testua ▼ inprimatzen

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

Hello.js JavaScript fitxategiaren edukia ▼

document.write("Hello World");

WordPress-eko mezu bati JavaScript kodea gehitzeak emaitzak erakusten ditu ▼

WordPress-ek JS kodea deitzen du gaurko datarako

Interneten JavaScript kode dibertigarri eta erabilgarria dago.

Orain nola erabili adibide bat eman?

Inprimatu gaurko data WordPress-eko argitalpenetan.

Sartu hurrengo JavaScript date.js fitxategia zure WordPress-eko argitalpenean ▼

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

Jarraian date.js fitxategiaren JavaScript edukia dago ▼

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

Hona hemen JavaScript exekutatzeko gaurko data WordPress-eko argitalpen batean ▼

Jarraian artikulu honetan exekutatutako date.js JavaScript fitxategiaren emaitza da ▼

注意 事项

JS kodea argitalpen batean sartzeko, WordPress editorea testu modura aldatu behar duzu.

arreta berezia和之间不能有换行。

Lerro-jauzi bat badago, WordPress-ek automatikoki prozesatuko du paragrafo gisa, eta automatikoki gehituko du JS script kodea huts egiten duen p etiketa bat.

WordPress JavaScript kodeari buruzko artikulu gehiago daude hemen ▼

🔗Nola zehazten du WordPress-ek artikulu-orriek JavaScript/CSS kodea kargatzen dutela?

🔗Nola egin WordPress alferrak kargatu JavaScript orrien errendatzea azkartzeko?

🔗Nola sartu behar bezala JavaScript WordPress-en? JS eta CSS fitxategien karga pertsonalizatua