在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');

注意事项：

1. 注册与排队的区别：注册脚本或样式时，你只是告诉WordPress这个资源存在，并提供了它的详细信息。排队脚本或样式时，你实际上是在告诉WordPress在页面上包含这个资源。

2. 依赖关系：如果你的脚本或样式依赖于其他脚本或样式（例如，一个JavaScript脚本依赖于jQuery），你需要在注册函数中指定这些依赖关系。

3. 版本号：提供一个版本号可以确保当你的脚本或样式更新时，浏览器能够加载最新版本，而不是从缓存中加载旧版本。

4. 在页脚加载脚本：对于JavaScript脚本，通常建议在页脚加载它们，以避免阻塞页面的渲染。这可以通过在 wp_register_script() 中设置最后一个参数为 true 来实现。

5. 媒体类型：对于样式表，你可以指定它们应该应用于哪种媒体类型（例如，屏幕、打印等）。

通过遵循这些步骤，你可以确保你的脚本和样式在WordPress中正确地注册和排队。