워드프레스 특정 페이지에만 자바스크립트 코드 적용하는 법

자식테마를 사용하는 경우 적용할 수 있는 방법이다.

1. 자식테마의 root위치에 custom.js 파일을 추가한다.
2. 자식테마의 functions.php파일에 아래의 코드를 추가한다.

<?php
function my_scripts() {
    if( is_page( array( 'page-name' ) ) ){
        wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() . '/custom.js', array( 'jquery' ),'',true );
    }
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );
?>

‘page-name’의 위치에 페이지 이름(경로)를 적는다. 예를들어, mysite.com/login이 경로인 페이지라면 ‘login’을 적으면 된다. 이 외에도 page-id를 사용하여 페이지를 지정해주는 방법도 있다.