Sut i ychwanegu cod JavaScript y tu mewn i bost WordPress?

dysgu'n systematigadeiladu gwefanTechnegolSEOMae arbenigwyr yn gwybod sut i ddefnyddio rhaglenni JavaScript yn hawdd.

Mae yna lawer o godau JavaScript hawdd eu defnyddio a rennir gan eraill ar y Rhyngrwyd.

os gallwch chiWordPressBydd ychwanegu cod JS at yr erthygl yn bendant yn gwneud yr erthygl yn lliwgar.

Sut i ychwanegu cod JS at erthyglau WordPress

Mae ychwanegu cod JavaScript at bost WordPress yn syml iawn.

Nesaf,Chen WeiliangBydd yn rhannu gyda chi:Sut i ychwanegu cod JavaScript at bostiadau WordPress?

Fel arfer mae dwy ffordd i ychwanegu cod JS:

1. Ychwanegu cod JS yn uniongyrchol at bostiadau WordPress
2. Ffoniwch god JS yn erthygl WordPress ar ôl ysgrifennu ffeil JS

1) Ychwanegu cod JS yn uniongyrchol i'r post WordPress

Y dull cyntaf, ysgrifennu JavaScript yn uniongyrchol yn y post WordPress.

Dyma enghraifft o argraffu'r testun "Helo Fyd!" ▼

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

Mae hyn mewn post WordPress sy'n dangos "Helo World!" ar ôl gweithredu JavaScript ▼

2) Ar ôl ysgrifennu'r ffeil JS, ffoniwch y cod JS yn yr erthygl WordPress

Yr ail ffordd, ysgrifennwch y cod JavaScript i ffeil ar wahân.

Yna yn y post WordPress lle mae angen mewnosod JavaScript, ffoniwch y ffeil JavaScript trwy olygydd testun WordPress.

Mae'r enghraifft ganlynol mewn post WordPress, yn argraffu testun "Helo World" ▼

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

Cynnwys ffeil JavaScript hello.js ▼

document.write("Hello World");

Mae ychwanegu cod JavaScript at bost WordPress yn dangos y canlyniadau ▼

Mae WordPress yn galw cod JS ar gyfer dyddiad heddiw

Mae yna lawer o god JavaScript hwyliog a defnyddiol ar y Rhyngrwyd.

Nawr rhowch enghraifft o sut i'w defnyddio?

Argraffwch y dyddiad heddiw mewn postiadau WordPress.

Mewnosodwch y ffeil JavaScript date.js ganlynol yn eich post WordPress ▼

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

Isod mae cynnwys JavaScript y ffeil 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()

Dyma ganlyniad JavaScript yn gweithredu dyddiad heddiw mewn post WordPress ▼

Isod mae canlyniad y ffeil JavaScript date.js a weithredwyd yn yr erthygl hon ▼

注意 事项

I fewnosod cod JS mewn post, mae angen i chi newid y golygydd WordPress i'r modd testun.

sylw arbennig和之间不能有换行。

Os oes toriad llinell, bydd WordPress yn ei brosesu'n awtomatig fel paragraff, ac yn ychwanegu tag p yn awtomatig sy'n achosi i'r cod sgript JS fethu.

Mae mwy o erthyglau ar god WordPress JavaScript yma ▼

🔗Sut i nodi tudalennau erthygl i lwytho cod JavaScript/CSS yn WordPress?

🔗Sut i wneud i WordPress ohirio llwytho JavaScript i gyflymu'r broses o rendro tudalennau?

🔗Sut i gyflwyno JavaScript yn WordPress yn iawn? Llwytho ffeiliau JS a CSS yn bersonol