Hvordan tilføjer man JavaScript-kode i et WordPress-indlæg?

SEO- eksperter, der systematisk har studeret teknikker til hjemmesideopbygning, ved alle, hvordan man bruger JavaScript-programmer på en enkel måde.

Der er mange brugervenlige JavaScript-koder, som deles af andre på internettet.

Tilføjelse af JavaScript-kode til dine WordPress- indlæg kan forbedre deres kvalitet betydeligt.

Sådan tilføjer du JS-kode til WordPress-artikler

Tilføjelse af JavaScript-kode til et WordPress-indlæg er meget enkelt.

Dernæst vil Chen Weiliang dele med dig: Hvordan tilføjer man JavaScript-kode til et WordPress-indlæg?

Der er normalt 2 måder at tilføje JS-kode på:

1. Tilføj JS-kode direkte til WordPress-indlæg
2. Kald JS-kode i WordPress-artikel efter at have skrevet JS-fil

1) Tilføj JS-kode direkte til WordPress-indlægget

Den første metode, at skrive JavaScript direkte i WordPress-indlægget.

Her er et eksempel på udskrivning af teksten "Hello World!" ▼

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

Dette er i et WordPress-indlæg, der viser "Hello World!" efter at have udført JavaScript ▼

2) Efter at have skrevet JS-filen, kald JS-koden i WordPress-artiklen

Den anden måde, skriv JavaScript-koden til en separat fil.

I WordPress-indlægget, hvor JavaScript skal indsættes, skal du kalde JavaScript-filen gennem WordPress-teksteditoren.

Følgende eksempel er i et WordPress-indlæg, der udskriver "Hello World"-tekst ▼

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

Indholdet af JavaScript-filen hello.js ▼

document.write("Hello World");

Tilføjelse af JavaScript-kode til et WordPress-indlæg viser resultaterne ▼

WordPress kalder JS-kode for dagens dato

Der er en masse sjov og nyttig JavaScript-kode på internettet.

Giv nu et eksempel på, hvordan man bruger dem?

Udskriv dagens dato i WordPress-indlæg.

Indsæt følgende JavaScript date.js-fil i dit WordPress-indlæg ▼

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

Nedenfor er JavaScript-indholdet i date.js-filen ▼

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

Her er resultatet af JavaScript, der udfører dagens dato i et WordPress-indlæg ▼

Nedenfor er resultatet af JavaScript-filen date.js udført i denne artikel ▼

注意 事项

For at indsætte JS-kode i et indlæg skal du skifte WordPress-editoren til teksttilstand.

særlig opmærksomhed和之间不能有换行。

Hvis der er et linjeskift, vil WordPress automatisk behandle det som et afsnit og automatisk tilføje et p-tag, der får JS-scriptkoden til at fejle.

Der er flere artikler om WordPress JavaScript-kode her ▼

🔗Hvordan angiver man artikelsider for at indlæse JavaScript/CSS-kode i WordPress?

🔗Hvordan får WordPress til at forsinke indlæsningen af ​​JavaScript for at fremskynde sidegengivelsen?

🔗Hvordan introduceres JavaScript korrekt i WordPress? Brugerdefineret indlæsning af JS- og CSS-filer