WordPress 添加 jQuery 脚本 - PHP

在 WordPress 中添加 jQuery 脚本非常简单，只需要在 functions.php 文件中加入如下代码即可：

function custom_scripts() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );

这段代码做了以下几件事情：

1. 使用 wp_enqueue_script() 函数来加载 jQuery 脚本。WordPress 已经将 jQuery 包含在内置脚本库中了，因此只需要指定 $handle 参数为 'jquery' 名称即可。
2. 加载我们自己的脚本，我们可以将它放在主题文件夹的 js 目录下。在这个例子中，我们命名为 custom-script.js。在 wp_enqueue_script() 函数中指定 $handle 参数即可。
3. 如果您的脚本依赖于其他脚本，则可以使用 array() 函数来在第三个参数中指定。例如，如果您的脚本依赖于 jQuery，则可以按照此格式提供依赖项：array( 'jquery' )。
4. 可以指定版本号，这对于缓存控制非常有用。在上面的例子中，版本号为 '1.0.0'。
5. 最后一个参数 true 是指在页面的底部加载脚本，以避免阻塞页面的加载速度。

除了在 functions.php 文件中添加代码之外，我们还可以直接在页面模板中添加脚本：

function custom_scripts() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );

// 在页面模板中添加 jQuery 脚本
function add_custom_script() {
    ?>
    <script>
        jQuery(document).ready(function($) {
            // 在此处添加 jQuery 代码
        });
    </script>
    <?php
}
add_action( 'wp_footer', 'add_custom_script' );

在这个例子中，我们在 functions.php 中添加了加载 jQuery 的代码，然后在页面模板底部添加了我们自己的 jQuery 代码。我们使用了 wp_footer 钩子来确保代码在 </body> 标记之前加载。

在 WordPress 中添加 jQuery 脚本非常简单，无论您选择在 functions.php 文件中添加还是在页面模板中添加。通过这种方式，您可以使用 jQuery 为您的 WordPress 站点添加丰富的交互体验。