2014-10-07 2 views
0

WordPress 테마에 사용자 정의 javascript/jquery를 어떻게 추가합니까? 나는이 사이트에서 단계를 시도했다 http://codex.wordpress.org/Function_Reference/wp_enqueue_script 행운을 함께합니다. codex 설명WP 테마 jquery

function theme_scripts() { 
    wp_enqueue_script('sample', get_template_directory_uri() . '/js/sample.js', array('jquery')); 
} 

add_action('wp_enqueue_scripts', 'theme_scripts'); 
+1

시도한 코드를 Google에 보여주십시오. –

+0

'function theme_scripts() { \t wp_enqueue_script ('샘플', get_template_directory_uri(). '/js/sample.js', array ('jquery')); } add_action ('wp_enqueue_scripts', 'theme_scripts'); ' – sanosuke

+0

코드를 어디에 넣었습니까? 그것은 당신의'프론트 엔드'를위한 것인가? –

답변

2

으로, 당신은 wp_enqueue_script를 통해 jQuery를 정의 할 필요가있다.

그래서 테마는이 같은 것입니다 : 내가 jQuery를로 wp_enqueue_script을 정의 여기에서

add_action('wp_enqueue_scripts', 'fwds_scripts'); 

    function fwds_scripts() { 
     wp_enqueue_script('jquery'); 

     wp_register_script('slidesjs_core', get_template_directory_uri('js/jquery.slides.min.js', __FILE__), array("jquery")); 
     wp_enqueue_script('slidesjs_core'); 


     wp_register_script('slidesjs_init', get_template_directory_uri('js/slidesjs.initialize.js', __FILE__)); 
     wp_enqueue_script('slidesjs_init'); 

    } 

. 이 단계도 건너 뛸 수 있습니다.

두 번째 단계, 나는 slidejs_core이 script.Second이 URL이라고 정의하는 고유 한 핸들 것을 내 jQuery를/JavaScript.In을 등록 할 수 있습니다. 먼저 get_template_directory_uri (주제에 대한 URL)을 작성하고 다른 경로에 JS을 저장해야합니다. JS 폴더를 만들었고 그 폴더에 JS 파일을 저장했습니다. 따라서 내 경로는 js/jquery.slides.min.js입니다. 그런 다음 배열을 정의했습니다.이 스크립트는 스크립트 이전에 특정 스크립트를로드하는 데 유용합니다.이 배열은 (선택 사항)입니다.

핸들을 통해 wp_enqueue_script을 추가해야하는 경우 wp_register_script에 정의했습니다.

+1

다음 enqueue가 필요한 모든 의존성을 자동으로 enqueue 할 것이므로 (예 :'jquery'가 어딘가에 등록되어 있다면'slidesjs_core'가 자동으로'jquery'를 귀하의 예제에서 자동 enqueue 할 것입니다) * jQuery를 등록 만하면됩니다. 각 페이지마다 대기열에 넣는 것은 필요하지 않습니다. – ojrask

+0

예 맞습니다. 그러나 이렇게하면 아무런 문제가 발생하지 않습니다. –

+0

사실 좀 더 최적화하고 싶은 사람들을위한 것입니다. :) – ojrask