在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。如果留空，脚本将不会被注册。
• $deps: （可选）一个包含依赖脚本的数组。当前脚本将在这个数组中的所有脚本之后加载。
• $ver: （可选）脚本的版本号。默认为WordPress的当前版本。
• $in_footer: （可选）如果设置为true，脚本将被添加到页面的底部，而不是头部。默认为false。

示例：

function my_theme_enqueue_scripts() {
    wp_enqueue_script( 'my-custom-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。如果留空，样式表将不会被注册。
• $deps: （可选）一个包含依赖样式表的数组。当前样式表将在这个数组中的所有样式表之后加载。
• $ver: （可选）样式表的版本号。默认为WordPress的当前版本。
• $media: （可选）样式表适用的媒体类型。默认为all。

示例：

function my_theme_enqueue_styles() {
    wp_enqueue_style( 'my-custom-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() 之前，通常不需要使用 wp_register_script() 或 wp_register_style() 来注册脚本或样式表，除非你需要在注册和排队之间执行其他操作。

2. 动作钩子: 上述示例中，my_theme_enqueue_scripts() 和 my_theme_enqueue_styles() 函数是通过 wp_enqueue_scripts 动作钩子添加的，这是WordPress在页面的头部和底部输出脚本和样式表的地方。

3. 条件加载: 有时你可能需要根据页面或上下文条件性地加载脚本或样式表。你可以使用WordPress的条件标签来实现这一点。

4. 优先级: 如果你需要控制脚本的加载顺序，可以使用 add_action() 函数的第三个参数来设置优先级。

5. 本地化脚本: 如果你需要在JavaScript中使用WordPress的变量或数据，可以使用 wp_localize_script() 函数来传递这些数据。

通过以上方法，你可以有效地管理WordPress前端资源的加载，确保页面加载效率并保持代码的组织性。