[jquery] WordPress에 간단한 jQuery 스크립트를 어떻게 추가합니까?

나는 당신이 튜토리얼에 대해 무엇을 의미하는지 압니다. 방법은 다음과 같습니다.

먼저 스크립트를 작성해야합니다. 테마 폴더에서 ‘js’와 같은 폴더를 만듭니다. 해당 폴더에 자바 스크립트 용 파일을 만듭니다. 예 : your-script.js. 해당 파일에 jQuery 스크립트를 추가합니다 ( <script>.js 파일에는 태그가 필요하지 않음 ).

다음은 jQuery 스크립트 (wp-content / themes / your-theme / js / your-scrript.js에서)가 어떻게 보이는지에 대한 예입니다.

jQuery(document).ready(function($) {
  $('#nav a').last().addClass('last');
})

함수 시작 부분에 $가 아닌 jQuery를 사용합니다.

이제 테마의 functions.php 파일을 엽니 다. 이 wp_enqueue_script()함수 를 사용 하여 스크립트를 추가하는 동시에 WordPress에 jQuery에 의존한다고 알려줄 수 있습니다. 방법은 다음과 같습니다.

add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_enqueue_script(
        'your-script', // name your script so that you can attach other scripts and de-register, etc.
        get_template_directory_uri() . '/js/your-script.js', // this is the location of your script file
        array('jquery') // this array lists the scripts upon which your script depends
    );
}

테마에 wp_head 및 wp_footer가 올바른 위치에 있다고 가정하면 작동합니다. 도움이 더 필요하면 알려주세요.

WordPress에 대한 질문은 WordPress Answers 에서 할 수 있습니다 .

답변

add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_register_script(
        'parent-theme-script',
        get_template_directory_uri() . '/js/your-script.js',
        array('jquery')
    );

    wp_enqueue_script('parent-theme-script');
}

add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_register_script(
       'child-theme-script',
       get_stylesheet_directory_uri() . '/js/your-script.js',
       array('jquery')
    );

    wp_enqueue_script('child-theme-script');
}

add_action( 'wp_enqueue_scripts', 'add_my_script' );

function add_my_script() {
wp_enqueue_script(
    'your_script_name', // your script unique name 
    get_template_directory_uri().'/js/your-script.js', //script file location
    array('jquery') //lists the scripts upon which your script depends
);
}

<script type="javascript" href="<?php echo get_template_directory_uri();?>/your-file.js"></script>

<script type="javascript"><?php include('your-file.js');?></script>

function add_my_script() {
    wp_enqueue_script(
      'custom-script', get_template_directory_uri() . '/js/your-script-name.js',
        array('jquery')
    );
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );