js파일이 제대로 로드되지 않는경우

js파일이 제대로 로드되지 않는경우
from : https://jbh1024.tistory.com/3

워드프레스에서 테마를 개발하다보면 js나 css파일이 제대로 로드되지 않는 문제를 많이 만난다. 그래서 대표적인 경우의 수를 추려보았다.

hook설정

add_action( 'wp_enqueue_scripts', 'my_enqueue_function ); 이 적혀져있는지 체크한다.

호출 확인

my_enqueue_function 함수가 제대로 호출되었는지 체크해본다.

function my_enqueue_function()
{
        echo "my_enqueue_function is called !";
        exit;
	wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', '/style.css', '1.0.0');
	wp_enqueue_script( 'child-js', get_stylesheet_directory_uri() . '/main.js', array(), '1.0.0', true );

}
add_action('wp_enqueue_scripts', 'my_enqueue_function');

간혹 홈페이지 구조나 css에 따라서 echo한게 안보일 때가 있으니까, exit으로 확실하게 저 문구가 출력되는지 확인해본다.

wp_enqueue_script() 인자값 확인

wp_enqueue_script()함수에 들어가는 인자값 위치에 제대로 값을 넣었는지 체크해본다.

wp_enqueue_script( $handle:string, $src:string, $deps:array, $ver:string|boolean|null, $in_footer:boolean )

간혹 get_stylesheet_directory_uri() , '/main.js' 이렇게 . 대신에 ,를 쓰는 실수를 할 수 있으니 이것도 체크해본다.

handle 중복 확인

wp_enqueue_scirpt()함수의 맨 첫번째로 들어가는 handle인자값이 다른 handle과 중복되면 안된다. 그렇기 때문에 handle은 특별하게 만드는게 좋다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

Up Next:

could not communicate with wpa_supplicant

could not communicate with wpa_supplicant