WordPress 게시물에 JavaScript 코드를 추가하는 방법은 무엇입니까? -첸 웨이량 블로그

업데이트 날짜: 2018년 12월 24일

기사 디렉토리

1 WordPress 기사에 JS 코드를 추가하는 방법
2 1) WordPress 게시물에 직접 JS 코드 추가
3 2) JS 파일 작성 후 워드프레스 기사에서 JS 코드 호출
4 WordPress는 오늘 날짜에 대해 JS 코드를 호출합니다.
5 주의 사항

체계적으로 배운웹사이트를 구축전문인SEO전문가들은 JavaScript 프로그램을 쉽게 사용하는 방법을 알고 있습니다.

인터넷에는 다른 사람들이 공유하는 사용하기 쉬운 JavaScript 코드가 많이 있습니다.

당신이 할 수 있다면워드프레스(WordPress)기사에 JS 코드를 추가하면 확실히 기사가 다채로워질 것입니다.

WordPress 기사에 JS 코드를 추가하는 방법

WordPress 게시물에 JavaScript 코드를 추가하는 것은 매우 간단합니다.

다음,천 웨이량당신과 공유할 것입니다:WordPress 게시물에 JavaScript 코드를 추가하는 방법은 무엇입니까?

일반적으로 JS 코드를 추가하는 두 가지 방법이 있습니다.

WordPress 게시물에 직접 JS 코드 추가
JS 파일 작성 후 WordPress 기사에서 JS 코드 호출

1) WordPress 게시물에 직접 JS 코드 추가

첫 번째 방법은 WordPress 게시물에 직접 JavaScript를 작성하는 것입니다.

다음은 "Hello World!"라는 텍스트를 인쇄하는 예입니다. ▼

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

JavaScript 실행 후 "Hello World!"가 표시되는 WordPress 게시물에 있습니다 ▼

2) JS 파일 작성 후 워드프레스 기사에서 JS 코드 호출

두 번째 방법은 JavaScript 코드를 별도의 파일에 작성하는 것입니다.

그런 다음 JavaScript를 삽입해야 하는 WordPress 게시물에서 WordPress 텍스트 편집기를 통해 JavaScript 파일을 호출합니다.

다음 예는 "Hello World" 텍스트를 인쇄하는 WordPress 게시물에 있습니다 ▼

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

JavaScript 파일 hello.js의 내용 ▼

document.write("Hello World");

WordPress 게시물에 JavaScript 코드를 추가하면 결과가 표시됩니다 ▼

WordPress는 오늘 날짜에 대해 JS 코드를 호출합니다.

인터넷에는 재미있고 유용한 JavaScript 코드가 많이 있습니다.

이제 어떻게 사용하는지 예를 들어볼까요?

WordPress 게시물에 오늘 날짜를 인쇄하십시오.

다음 JavaScript date.js 파일을 WordPress 게시물에 삽입 ▼

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

아래는 date.js 파일의 JavaScript 내용입니다 ▼

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

워드프레스 포스트에서 자바스크립트가 오늘 날짜를 실행한 결과입니다 ▼