在WordPress子主题中添加自定义脚本

时间:2014-04-02 19:14:31

标签: jquery wordpress wordpress-theming

我想在WordPress中包含一个用于子主题的自定义jQuery脚本。我在我的WP Child Theme文件夹/目录中的function.php文件中使用下面的脚本。

问题是脚本是否将其附加到url中的父主题。例如,它正在输出

本地主机:8888 / WordPress的/可湿性粉剂内容/主题/响应/的Custom_JS / footer.js

什么时候应该

本地主机:8888 / WordPress的/可湿性粉剂内容/主题/响应-childtheme主/的Custom_JS / footer.js

<?
function jerrell_adds_to_the_footer(){

    wp_register_script('add-footer-js', get_template_directory_uri() . '/custom_js/jquery_test.js', array('jquery'),'', true );

    wp_enqueue_script('add-footer-js');

}

    add_action('wp_enqueue_scripts', 'jerrell_adds_to_the_footer'); //Hooks my custom function into WP's wp_enqueue_scripts function
    ?>

2 个答案:

答案 0 :(得分:1)

由于您使用的是儿童主题,因此应使用get_stylesheet_directory_uri()代替get_template_directory_uri()

<?
function jerrell_adds_to_the_footer(){

wp_register_script('add-footer-js', get_stylesheet_directory_uri() . '/custom_js/jquery_test.js', array('jquery'),'', true );

wp_enqueue_script('add-footer-js');

}

add_action('wp_enqueue_scripts', 'jerrell_adds_to_the_footer'); //Hooks my custom     function into WP's wp_enqueue_scripts function
?>

答案 1 :(得分:1)

get_stylesheet_directory_uri()应返回子主题目录,而get_template_directory_uri()则返回父级主页。