在WordPress中，使用 wp_enqueue_script() 和 wp_enqueue_style() 函数来注册和加载脚本和样式是一个标准的做法。以下是如何正确使用这些函数的步骤：

注册脚本和样式

首先，你需要注册你的脚本和样式，这通常在主题的 functions.php 文件中完成。

注册一个JavaScript脚本

function my_theme_enqueue_scripts() {
    // 注册一个JavaScript脚本
    wp_register_script(
        'my-theme-script', // 脚本的唯一标识符
        get_template_directory_uri() . '/js/my-theme-script.js', // 脚本的URL
        array('jquery'), // 依赖关系，这里假设脚本依赖于jQuery
        '1.0.0', // 脚本的版本号
        true // 是否在页脚加载脚本
    );
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

注册一个CSS样式表

function my_theme_enqueue_styles() {
    // 注册一个CSS样式表
    wp_register_style(
        'my-theme-style', // 样式的唯一标识符
        get_template_directory_uri() . '/css/my-theme-style.css', // 样式的URL
        array(), // 依赖关系，这里没有依赖
        '1.0.0', // 样式的版本号
        'all' // 样式的媒体类型
    );
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

加载脚本和样式

注册脚本和样式之后，你可以使用 wp_enqueue_script() 和 wp_enqueue_style() 来加载它们。

加载JavaScript脚本

function my_theme_enqueue_scripts() {
    // 注册脚本（如上所示）

    // 加载脚本
    wp_enqueue_script('my-theme-script');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

加载CSS样式表

function my_theme_enqueue_styles() {
    // 注册样式（如上所示）

    // 加载样式
    wp_enqueue_style('my-theme-style');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

注意事项

• 确保 wp_enqueue_script() 和 wp_enqueue_style() 函数在 wp_enqueue_scripts 动作钩子中被调用。
• 如果你的脚本或样式依赖于其他脚本或样式（例如jQuery），你需要在注册函数中指定依赖关系。
• 使用 true 作为 wp_register_script() 的第五个参数，如果你的脚本需要在页脚加载（即在 </body> 标签之前）。
• 版本号用于缓存管理，当脚本或样式更新时，你应该增加版本号以避免缓存问题。
• 在加载第三方库或框架时，确保它们不是WordPress核心已经提供的，以避免重复加载。

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