在WordPress中，使用 wp_enqueue_script() 和 wp_enqueue_style() 函数是管理前端脚本和样式表的推荐方式。以下是如何使用这些函数的步骤：

加载样式表（CSS）

1. 注册样式表：首先，你需要注册你的样式表，这样WordPress就知道它存在。
2. 排队加载样式表：然后，你可以将样式表加入到队列中，以便在页面上加载。

function my_theme_enqueue_styles() {
    // 注册样式表
    wp_register_style('my-theme-style', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');

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

在这个例子中，my-theme-style 是样式表的唯一标识符，get_template_directory_uri() . '/style.css' 是样式表的URL，array() 是依赖项（例如，如果你的样式表依赖于另一个样式表，你可以在这里列出它），1.0 是版本号，all 是媒体类型。

加载脚本（JavaScript）

1. 注册脚本：与样式表类似，首先注册脚本。
2. 排队加载脚本：然后，将脚本加入到队列中。

function my_theme_enqueue_scripts() {
    // 注册脚本
    wp_register_script('my-theme-script', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0', true);

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

在这个例子中，my-theme-script 是脚本的唯一标识符，get_template_directory_uri() . '/js/script.js' 是脚本的URL，array('jquery') 表示这个脚本依赖于jQuery（如果WordPress核心已经加载了jQuery，则不需要再次加载），1.0 是版本号，true 表示脚本应该被放在页面的底部加载。

注意事项

• 确保 wp_enqueue_script() 和 wp_enqueue_style() 被添加到 wp_enqueue_scripts 动作钩子上。
• 使用 wp_register_script() 和 wp_register_style() 可以在 wp_enqueue_script() 和 wp_enqueue_style() 之前注册脚本和样式表，但这不是必须的，因为 wp_enqueue_script() 和 wp_enqueue_style() 本身也可以注册并排队。
• 如果你有一个脚本或样式表依赖于另一个脚本或样式表，确保在依赖数组中列出它们。
• 版本号应该在你更新脚本或样式表时递增，以避免缓存问题。
• wp_enqueue_script() 和 wp_enqueue_style() 应该在主题的 functions.php 文件中使用，或者在一个专门的插件中。

通过遵循这些步骤，你可以确保你的脚本和样式表在WordPress网站上正确地加载。