WordPress 웹사이트에 Javascript 코드를 추가하는 방법

다음 WordPress Tutorial 칼럼에서는 WordPress 웹사이트에 Javascript 코드를 추가하는 방법을 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

만든 템플릿 테마를 직접 수정하고 업그레이드, 업데이트하시면 자바스크립트 코드를 자유롭게 추가하실 수 있으며 실제 비즈니스 로직에 맞춰 도입하실 수 있습니다. 하지만 방문자 통계, 성능 모니터링, 기타 독립된 유형의 코드 등 테마와 관련이 없는 JavaScript 코드를 추가하려는 경우 테마 파일과 관련이 없으므로 가장 좋은 방법은 다음을 추가하는 것입니다. 플러그인의 코드.

WordPress는 wp_enqueue_script 함수와 wp_enqueue_scripts

후크를 제공하여 개발자가 사용자 정의 코드를 삽입할 수 있는 기능을 제공합니다.

추가 단계에 대한 간략한 설명은 다음과 같습니다.

플러그인 디렉터리 아래에 새 디렉터리를 생성한 후 새 플러그인 파일 index.php를 만들고 다음 샘플 코드를 삽입합니다.

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( &#39;jquery-ui&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js&#39;, array(), &#39;1.12.1&#39;, false);
}
add_action( &#39;wp_enqueue_scripts&#39;, &#39;add_custom_scripts&#39; );

wp_enqueue_script 함수의 5개 매개변수에 대한 설명

1. string $handle #현재 가져온 자바스크립트 파일의 고유 이름

2. string $src = '' #javascript 문서 리소스 url

3. = array() #종속성 코드 핸들

4.string|bool |null $ver = false #버전 번호를 지정하지 않으면 WordPress 시스템 버전 번호

5와 일치합니다. bool $in_footer = false 는 문서 하단에 있으며, false일 경우 기본적으로 문서의 선두에 자바스크립트가 로딩됩니다

마지막으로 파일을 저장한 뒤, 플러그인 센터에 가서 플러그인을 활성화하고, 페이지 소스를 확인하세요 코드를 브라우저 페이지에서 보면 가져온 자바스크립트 파일을 볼 수 있습니다.

wp_enqueue_script 함수를 사용하면 다음과 같은 이점이 있습니다.

a. 다른 종속 코드로 로드 순서를 설정할 수 있습니다.

b 캐시 관리를 용이하게 하기 위해 버전 번호를 지정할 수 있습니다.

c. 문서에 포함된 코드

위 내용은 WordPress 웹사이트에 Javascript 코드를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!