在WordPress中，wp_enqueue_script() 和 wp_enqueue_style() 是两个非常重要的函数，它们用于管理和加载前端资源，如JavaScript脚本和CSS样式表。以下是这两个函数的基本使用方法：

wp_enqueue_script()

wp_enqueue_script() 函数用于将JavaScript文件添加到WordPress页面的头部或底部。

基本语法：

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

参数说明：

• $handle: （必需）脚本的唯一标识符。
• $src: （可选）脚本文件的URL。如果省略，则必须通过wp_script_is()注册脚本。
• $deps: （可选）脚本依赖的其他脚本列表。默认为空数组。
• $ver: （可选）脚本的版本号。默认为WordPress的当前版本。
• $in_footer: （可选）是否在页面的底部加载脚本。默认为false，脚本将在头部加载。

示例：

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

wp_enqueue_style()

wp_enqueue_style() 函数用于将CSS样式表添加到WordPress页面的头部。

基本语法：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

参数说明：

• $handle: （必需）样式表的唯一标识符。
• $src: （可选）样式表的URL。如果省略，则必须通过wp_style_is()注册样式表。
• $deps: （可选）样式表依赖的其他样式表列表。默认为空数组。
• $ver: （可选）样式表的版本号。默认为WordPress的当前版本。
• $media: （可选）样式表应用的媒体类型。默认为all。

示例：

function my_theme_enqueue_styles() {
    wp_enqueue_style( 'my-theme-style', get_template_directory_uri() . '/css/my-style.css', array(), '1.0.0', 'all' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

注意事项：

1. 注册与排队：确保在调用 wp_enqueue_script() 或 wp_enqueue_style() 之前，没有其他函数已经注册了相同的 $handle。

2. 钩子：使用 wp_enqueue_scripts 钩子来添加你的函数，这样WordPress会在正确的时间加载你的脚本和样式。

3. 条件加载：在某些情况下，你可能只希望在特定页面或特定条件下加载脚本或样式。你可以使用条件语句来控制这一点。

4. 版本号：通过提供版本号，你可以确保当脚本或样式更新时，浏览器会加载最新的版本，而不是缓存的老版本。

5. 依赖关系：如果您的脚本依赖于其他脚本（如jQuery），请确保在 $deps 参数中列出它们。

通过正确使用这些函数，你可以有效地管理WordPress前端资源的加载，从而提高网站的性能和用户体验。