enqueue를 사용하여 Wordpress 자식 테마에 jQuery 함수 사용

Question

내 wordpress 지식이 상당히 낮으며 WordPress의 자식 테마에 일부 jQuery 함수를 추가하는 데 도움이 절실히 필요합니다.

나는 기본적으로 내가 어느 정도 내 스크립트를 대기열하기 위해 functions.php을 사용하는 방법을 이해 내 front-page.php

에 this effect을 추가 할 수 있습니다. 여기 내 functions.php 파일이 지금 당장 물론 작동하지 않습니다의로

<?php 
function enqueue_scripts() { 
    wp_register_script('js name', get_template_directory_uri() . '/myfile.js', array('jquery'), '1.0', true); 
    wp_register_script('js name', get_template_directory_uri() . '/myfile.js', array('jquery'), '1.0', true); 
    wp_register_script('js name', get_template_directory_uri() . '/myfile.js', array('jquery'), '1.0', true); 


    wp_enqueue_script('global'); 

    if (is_page('front-page')) { // example page 
     wp_enqueue_script('js name', 'js name', 'js name'); 
    } 
} 

add_action('wp_enqueue_scripts', 'enqueue_scripts'); 
?> 

모습입니다.

도움을 주시면 감사하겠습니다. 감사.

Answer 1

이 시도 : 당신의 테마 루트 폴더에서

function yourtheme_enqueue_scripts() { 
    wp_register_script('js_name', get_template_directory_uri() . '/myfile.js', array('jquery'), '1.0', true); 
    wp_register_script('js_name_2', get_template_directory_uri() . '/myfile2.js', array('jquery'), '1.0', true); 
    wp_register_script('js_name_3', get_template_directory_uri() . '/myfile3.js', array('jquery'), '1.0', true); 


    if (is_front_page()) { 
     wp_enqueue_script('js_name'); 
     wp_enqueue_script('js_name_2'); 
     wp_enqueue_script('js_name_3'); 
    } 
} 

add_action('wp_enqueue_scripts', 'yourtheme_enqueue_scripts'); 

을 (functions.php 같은 폴더), myfile.js라는 새로운 파일을 만듭니다. 위의 함수에서 참조하는 파일입니다.

테마가 커지면 파일을 정리하는 것이 좋습니다. 다음과 같이 하위 폴더를 만들어이 작업을 수행 할 수 있습니다.

• assets이라는 이름의 폴더를 만듭니다 (이름은 아무거나 될 수 있음).
• 내부 자산은 js, css 및 images라는 세 개의 새 폴더를 만듭니다.
• 파일을 올바른 폴더에 저장하십시오.
• 폴더의 올바른 경로를 따라 함수를 업데이트하십시오.

wp_register_script('js_name', get_template_directory_uri() . '/assets/js/myfile.js', array('jquery'), '1.0', true); 

참고 : functions.php에서 ?>을 닫을 필요는 없습니다.