在WordPress中，使用wp_enqueue_script()和wp_enqueue_style()函数是推荐的方式来加载脚本和样式。以下是如何正确使用这些函数的步骤：

1. 在主题的functions.php文件中添加钩子

首先，你需要确保你的脚本和样式是在正确的位置加载的。通常，这应该在WordPress的wp_enqueue_scripts钩子中完成。

function my_theme_enqueue_scripts() {
    // 在这里调用 wp_enqueue_script() 和 wp_enqueue_style()
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );

2. 使用wp_enqueue_style()加载样式表

在my_theme_enqueue_scripts函数中，你可以使用wp_enqueue_style()来加载CSS文件。

function my_theme_enqueue_scripts() {
    // 加载一个样式表
    wp_enqueue_style( 'my-theme-style', get_stylesheet_uri() );

    // 加载额外的样式表
    wp_enqueue_style( 'additional-style', get_template_directory_uri() . '/css/additional-style.css', array(), '1.0.0', 'all' );
}

参数说明：

• $handle: 样式的唯一标识符。
• $src: 样式表的URL。
• $deps: (可选) 此样式依赖的其他样式表的 $handle 数组。
• $ver: (可选) 样式表的版本号，用于缓存目的。
• $media: (可选) 样式表适用的媒体类型。

3. 使用wp_enqueue_script()加载脚本

同样在my_theme_enqueue_scripts函数中，你可以使用wp_enqueue_script()来加载JavaScript文件。

function my_theme_enqueue_scripts() {
    // 加载一个脚本
    wp_enqueue_script( 'my-theme-script', get_template_directory_uri() . '/js/my-theme.js', array( 'jquery' ), '1.0.0', true );

    // 加载额外的脚本
    wp_enqueue_script( 'additional-script', get_template_directory_uri() . '/js/additional-script.js', array(), '1.0.1', true );
}

参数说明：

• $handle: 脚本的唯一标识符。
• $src: 脚本的URL。
• $deps: (可选) 此脚本依赖的其他脚本的 $handle 数组。
• $ver: (可选) 脚本的版本号，用于缓存目的。
• $in_footer: (可选) 是否在页面的底部加载脚本，而不是在头部。设置为true可以在页面内容加载后加载脚本。

注意事项

• 确保$handle是唯一的，以避免与WordPress核心或其他插件/主题的脚本或样式冲突。
• 如果你的脚本依赖于jQuery或其他脚本，确保在$deps参数中声明这些依赖。
• 使用版本号可以帮助浏览器缓存脚本和样式，直到它们被更新。

通过以上步骤，你可以确保在WordPress主题中正确地加载脚本和样式。