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

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

기사 디렉토리

체계적으로 웹사이트 구축 기술을 연구한 SEO 전문가들은 모두 자바스크립트 프로그램을 간단하게 사용하는 방법을 알고 있습니다.

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

워드프레스 게시물 에 자바스크립트 코드를 추가하면 게시물의 품질을 크게 향상시킬 수 있습니다.

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

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

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