Wordpress：如果插件不支持，如何将脚本移至页脚

许多 Wordpress 插件为你提供配置脚本是在页面头部还是页脚加载的选项。

如果你想出于性能原因将脚本移至页脚，而插件不支持，一种选择是直接编辑插件源代码中的 wp_enqueue_script() 调用并设置 $in_footer = true。

但是，这些更改不会在插件更新后保留，因此出于安全原因不建议这样做。

更好的选择是编写一个自定义插件，从头部移除 <script> 标签并将其移至页脚。以下文件是我的自定义插件的 functions.php，它将 cookie-law-info 插件的 <script> 标签移至页面底部。

<?php
/*
Plugin Name: TechOverflow Cookie Law 移至页脚
*/

function postpone_script($name) {
    global $wp_scripts;
    // 从原始脚本获取属性
    $thesrc = $wp_scripts->registered[$name]->src;
    $theversion = $wp_scripts->registered[$name]->ver;
    // 从头部移除脚本
    wp_dequeue_script($name);
    wp_deregister_script($name);
    // 将脚本添加到底部
    wp_enqueue_script($name, $thesrc, false /* 无依赖 */, $theversion, true /* 底部 */);
}

/**
 * 将 cookie law javascript 移至底部
 */
function postpone_cookie_law() {
    postpone_script('cookie-law-info');
}

add_action( 'wp_print_scripts', 'postpone_cookie_law' );

只需在你的 wp-content/plugins 目录中创建一个名为 techoverflow-cookie-law-footer 的新文件夹，并将上面列出的源代码保存为 wp-content/plugins/techoverflow-cookie-law-footer/functions.php。之后，你可以修改代码以适合你的特定需求。

记住检查将 javascript 移至页脚时出现的页面问题（javascript 错误、某些元素延迟渲染），因为某些插件可能与脚本放在页脚不兼容。此外，你可能需要用不同的 $name 参数对多个脚本调用 postpone_script()。检查原始插件的 wp_enqueue_script() 调用以获取正确的 $name（第一个参数）。如果不明显哪个 wp_enqueue_script() 调用与特定脚本相关，你还可以检查原始 <script> 标签 src 中的版本（例如 ...?ver=1.8.2 中的 1.8.2），并在插件文件夹中搜索该版本以找到匹配的 wp_enqueue_script() 调用。