如何在WordPress中正确将Slick Slider脚本添加至页脚？

我来帮你搞定这个问题，之前我也碰到过类似的情况，咱们一步步拆解原因和解决方案：

问题根源 #

你已经成功把jQuery移到了页脚，但Slick脚本还是跑到<head>里，核心原因是你的slider_scripts函数执行优先级比my_scripts_method高。WordPress默认的wp_enqueue_scripts钩子优先级是10，两个函数都用默认优先级的话，slider_scripts可能在jQuery重新注册完成前就执行了，这时候WordPress判断jQuery还是默认的head加载状态，自然也把依赖它的Slick脚本放到了head里。

解决方案：调整钩子优先级+确保依赖链正确 #

只需要给加载Slick脚本的钩子设置更高的优先级，让它在jQuery重新注册完成后再执行，同时保持正确的依赖关系即可。

修改后的完整代码如下：

// 重新注册并加载jQuery到页脚
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
function my_scripts_method() {
    wp_deregister_script('jquery-core');
    wp_deregister_script('jquery');
    wp_register_script( 'jquery-core', 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', false, null, true );
    wp_register_script( 'jquery', false, array('jquery-core'), null, true );
    wp_enqueue_script( 'jquery' );
}

// 设置优先级为20，确保在jQuery重新注册后执行
add_action( 'wp_enqueue_scripts', 'slider_scripts', 20 );
function slider_scripts() {
    // 明确依赖jquery，指定页脚加载
    wp_enqueue_script( 'slider_js', get_stylesheet_directory_uri() . '/assets/js/slick.min.js', array('jquery'), null, true );
    // 依赖slider_js，确保在slick.min.js之后加载
    wp_enqueue_script( 'slider_ini', get_stylesheet_directory_uri() . '/assets/js/slick-start.js', array('slider_js'), null, true );
}

关键说明 #

1. 钩子优先级：把slider_scripts的钩子优先级设为20（比默认的10高），确保它在my_scripts_method之后运行，此时jQuery已经被正确标记为页脚加载的脚本。
2. 依赖链：slider_js依赖jquery，slider_ini依赖slider_js，WordPress会严格按照这个顺序加载脚本，并且因为依赖的脚本是页脚加载，这些关联脚本也会自动跟着放到页脚。

额外检查点 #

• 如果你用了缓存插件，记得清空缓存再测试，避免旧代码缓存干扰结果。
• 检查主题或其他插件有没有强制修改脚本加载位置的代码，比如用wp_script_add_data强制把脚本移到head的情况。

内容的提问来源于stack exchange，提问作者Стас