WordPress에 js 코드를 넣을 위치

워드프레스에서 js 코드를 어디에 넣을 수 있나요?

워드프레스에서는 일반적으로 js 코드가 header.php나 footer.php 파일에 직접 배치되고 js 파일 호출 코드가 추가됩니다.

사실 워드프레스 테마에서 js 파일을 참조하는 가장 좋은 방법은 워드프레스에 내장된 wp_enqueue_script() 함수를 사용하는 것입니다. 이 기능을 통해 워드프레스에서 생성한 페이지에 JavaScript 코드를 안전하게 추가할 수 있습니다. 이는 호환성을 극대화할 수 있을 뿐만 아니라. , 워드프레스 성능 효율성을 위한 방법도 개선합니다.

함수 코드:

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

매개변수 설명:

$handle - 호출되는 스크립트의 이름으로 다른 js를 구별하는 데 사용되므로 다른 js 파일과 동일하게 이름을 지정할 수 없습니다.

$src – js 파일의 경로(예: url)입니다. 도메인 이름 url을 직접 사용하지 마세요. 상위 테마의 경우 get_template_directory_uri, 하위 테마의 경우 get_stylesheet_directory_uri와 같은 경로 기능을 사용하세요. (WP 템플릿 경로와 관련된 함수 중 템플릿이 있는 함수는 일반적으로 상위 테마를 참조하고, 스타일시트가 있는 함수는 하위 테마를 가리킵니다.)

$deps – 종속성, 다른 js의 식별 문자열 배열 로드된 js 파일은 ( 배열: 문자열), 즉 이 코드 이전에 로드해야 하는 코드의 이름에 따라 다릅니다(js 스크립트가 jquery 라이브러리에 의존하는 경우 jquery는 여기에 배열 형식으로 작성되어야 합니다). ) 이는 필수가 아닙니다.

$ver – 로드된 js 파일의 버전 번호는 경로 끝에 쿼리 ​​문자열로 추가됩니다. 해당 기능은 캐시의 영향을 받지 않도록 올바른 버전 정보가 클라이언트에 전달되도록 하는 것입니다. js 스크립트가 변경될 때와 마찬가지로 버전 번호를 변경하면 고객의 브라우저가 캐시를 강제로 업데이트할 수 있습니다. 기본값은 false이며, 현재 WordPress 프로그램의 버전 번호를 호출하여 표시하지 않으려면 설정합니다. NULL로 설정합니다(권장하지 않음).

$in_footer - 불리언형, js 파일 호출 코드를 html 하단에 배치할지 여부를 설정합니다. true로 설정하면 하단에 배치됩니다. 머리 부분에. 팁: 템플릿은 wp_footer() 함수를 올바르게 배치해야 합니다.

사용 방법:

wp_enqueue_script 함수를 통해 js 파일을 로드할 때 포그라운드에서만 호출되는 경우 후크에 할당해야 하며, 백그라운드에서만 호출되는 경우 wp_enqueue_script 후크를 사용합니다. , admin_enqueue_scripts를 사용하세요.

예:

포그라운드에서만 호출됨

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;wp_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

백그라운드에서만 호출됨

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;admin_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

첨부: 함수 위치 wp-includes/functions.wp-scripts.php 파일

더 많은 WordPress 기술 기사를 보려면 WordPress를 방문하세요. 튜토리얼 칼럼!

위 내용은 WordPress에 js 코드를 넣을 위치의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!