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

wp_enqueue_script()

这个函数用于注册并排队一个JavaScript脚本，以便在WordPress页面中加载。

1. 注册脚本（可选）：如果你想在将脚本添加到队列之前先注册它，可以使用 wp_register_script() 函数。

2. 排队脚本：使用 wp_enqueue_script() 函数将脚本添加到WordPress的队列中。

以下是一个示例：

function my_theme_enqueue_scripts() {
    // 注册一个脚本
    wp_register_script(
        'my-custom-script', // 脚本ID
        get_template_directory_uri() . '/js/my-script.js', // 脚本URL
        array('jquery'), // 依赖关系，这里假设我们的脚本依赖于jQuery
        '1.0.0', // 脚本版本号
        true // 是否在页脚加载
    );

    // 排队脚本
    wp_enqueue_script('my-custom-script');
}

add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

wp_enqueue_style()

这个函数用于注册并排队一个CSS样式表，以便在WordPress页面中加载。

1. 注册样式表（可选）：如果你想在将样式表添加到队列之前先注册它，可以使用 wp_register_style() 函数。

2. 排队样式表：使用 wp_enqueue_style() 函数将样式表添加到WordPress的队列中。

以下是一个示例：

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

    // 排队样式表
    wp_enqueue_style('my-custom-style');
}

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

注意事项：

• 确保 wp_enqueue_script() 和 wp_enqueue_style() 函数是在 wp_enqueue_scripts 动作钩子中被调用的。
• 使用 get_template_directory_uri() 或 get_stylesheet_directory_uri() 来获取主题目录的URL。
• 如果你的脚本或样式表依赖于其他脚本或样式表，请在注册或排队时指定依赖关系。
• 版本号用于缓存管理，每次更新脚本或样式表时，应该更新版本号。
• 在 wp_enqueue_script() 中，如果 in_footer 参数设置为 true，脚本将在页脚加载，这有助于页面加载速度。

使用这些函数可以帮助你更好地管理主题中的脚本和样式表，并确保它们在正确的位置和时间加载。