在WordPress中，使用 wp_enqueue_script() 和 wp_enqueue_style() 函数来注册和加载脚本和样式表是管理前端资源的一种标准方式。以下是如何正确使用这些函数的步骤：

注册脚本和样式表

首先，你需要使用 wp_register_script() 和 wp_register_style() 函数来注册你的脚本和样式表。这并不是必须的，但推荐这样做，因为它提供了更多的灵活性。

注册脚本

function my_theme_enqueue_scripts() {
    // 注册一个JavaScript脚本
    wp_register_script(
        'my-custom-script', // 脚本标识符
        get_template_directory_uri() . '/js/my-script.js', // 脚本URL
        array('jquery'), // 依赖关系，例如jQuery
        '1.0.0', // 脚本版本号
        true // 是否在页脚加载脚本
    );
}

add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

注册样式表

function my_theme_enqueue_styles() {
    // 注册一个样式表
    wp_register_style(
        'my-custom-style', // 样式表标识符
        get_template_directory_uri() . '/css/my-style.css', // 样式表URL
        array(), // 依赖关系
        '1.0.0', // 样式表版本号
        'all' // 媒体类型
    );
}

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

加载脚本和样式表

一旦注册了脚本和样式表，你可以在同一函数中或在不同的函数中使用 wp_enqueue_script() 和 wp_enqueue_style() 来加载它们。

加载脚本

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

    // 加载脚本
    wp_enqueue_script('my-custom-script');
}

add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

加载样式表

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

    // 加载样式表
    wp_enqueue_style('my-custom-style');
}

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

注意事项

1. wp_enqueue_script() 和 wp_enqueue_style() 应该在 wp_enqueue_scripts 动作钩子中调用。
2. 当注册脚本或样式表时，确保使用唯一的标识符。
3. 如果脚本依赖于其他脚本（例如jQuery），请在注册时列出它们作为依赖。
4. 对于脚本，如果需要在页脚加载，请将最后一个参数设置为 true。
5. 使用版本号可以帮助避免缓存问题，当资源更新时，你应该更新版本号。
6. 在加载脚本和样式表之前，请确保它们是必需的，以避免不必要的HTTP请求，从而提高网站性能。

通过遵循这些步骤，你可以确保在WordPress中正确地加载和管理前端资源。