Kiel aldoni JavaScript-kodon en WordPress-afiŝo?

sisteme lerniskonstrui retejonteknikaSEOFakuloj scias kiel uzi JavaScript-programojn facile.

Estas multaj facile uzeblaj JavaScript-kodoj kundividitaj de aliaj en la Interreto.

se vi povasWordPressAldono de JS-kodo al la artikolo certe faros la artikolon bunta.

Kiel aldoni JS-kodon al WordPress-artikoloj

Aldoni JavaScript-kodon al WordPress-afiŝo estas tre simpla.

Tuj poste,Chen WeiliangDividos kun vi:Kiel aldoni JavaScript-kodon al WordPress-afiŝoj?

Estas kutime 2 manieroj aldoni JS-kodon:

1. Aldonu JS-kodon rekte al WordPress-afiŝoj
2. Voku JS-kodon en WordPress-artikolo post skribado de JS-dosiero

1) Aldonu JS-kodon rekte al la WordPress-afiŝo

La unua metodo, skribante JavaScript rekte en la WordPress-afiŝo.

Jen ekzemplo de presado de la teksto "Saluton Mondo!" ▼

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

Ĉi tio estas en WordPress-afiŝo, kiu montras "Saluton Mondo!" post ekzekuti JavaScript ▼

2) Post skribado de la JS-dosiero, voku la JS-kodon en la WordPress-artikolo

La dua maniero, skribu la JavaScript-kodon al aparta dosiero.

Tiam en la WordPress-afiŝo, kie la JavaScript devas esti enmetita, voku la JavaScript-dosieron per la WordPress tekstredaktilo.

La sekva ekzemplo estas en WordPress-afiŝo, presanta tekston "Saluton Mondo" ▼

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

Enhavo de JavaScript-dosiero hello.js ▼

document.write("Hello World");

Aldonante JavaScript-kodon al WordPress-afiŝo montras la rezultojn ▼

WordPress vokas JS-kodon por hodiaŭa dato

Estas multe da amuza kaj utila JavaScript-kodo en la Interreto.

Nun donu ekzemplon pri kiel uzi ilin?

Presu la hodiaŭan daton en WordPress-afiŝoj.

Enmetu la sekvan JavaScript date.js-dosieron en vian WordPress-afiŝon ▼

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

Malsupre estas la JavaScript enhavo de la date.js dosiero ▼

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

Jen la rezulto de JavaScript efektiviganta la hodiaŭan daton en WordPress-afiŝo ▼

Malsupre estas la rezulto de la JavaScript-dosiero date.js efektivigita en ĉi tiu artikolo ▼

Antaŭzorgoj

Por enmeti JS-kodon en afiŝon, vi devas ŝanĝi la WordPress-redaktilon al teksta reĝimo.

specialan atenton和之间不能有换行。

Se estas linio-rompo, WordPress aŭtomate prilaboros ĝin kiel alineon, kaj aŭtomate aldonos p-etikedon, kiu igas la JS-skriptokodon malsukcesi.

Estas pliaj artikoloj pri WordPress JavaScript-kodo ĉi tie ▼

🔗Kiel specifi artikolajn paĝojn por ŝargi JavaScript/CSS-kodon en WordPress?

🔗Kiel prokrasti WordPress ŝarĝi JavaScript por akceli paĝan bildigon?

🔗Kiel ĝuste enkonduki JavaScript en WordPress? Propra ŝarĝo de JS kaj CSS-dosieroj