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

加载样式表（CSS）

要使用wp_enqueue_style()加载样式表，您需要在主题的functions.php文件中添加以下代码：

function my_theme_enqueue_styles() {
    // 注册样式表
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

    // 如果您有额外的样式表，也可以在这里注册
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'), wp_get_theme()->get('Version') );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

在上面的代码中：

• wp_enqueue_style()函数接受四个参数：$handle（一个唯一的样式表标识符），$src（样式表的URL），$deps（依赖项数组，这个样式表依赖的其他样式表），$ver（版本号，用于缓存控制），和$media（样式表应用的媒体类型，默认为 'all'）。
• get_template_directory_uri()和get_stylesheet_directory_uri()分别返回父主题和子主题的目录URI。
• add_action()函数将my_theme_enqueue_styles函数挂钩到wp_enqueue_scripts动作上，这样在WordPress加载前端脚本和样式表时，就会调用该函数。

加载脚本（JavaScript）

要使用wp_enqueue_script()加载JavaScript脚本，同样需要在functions.php文件中添加以下代码：

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

    // 如果脚本依赖于其他脚本，比如jQuery，需要在数组中指定
    // 最后一个参数'true'表示脚本应该被放在页面的底部（在`</body>`标签之前）
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );

在上面的代码中：

• wp_enqueue_script()函数接受五个参数：$handle（一个唯一的脚本标识符），$src（脚本的URL），$deps（依赖项数组，这个脚本依赖的其他脚本），$ver（版本号，用于缓存控制），和$in_footer（布尔值，指示是否在页面的底部加载脚本）。
• array('jquery')表示该脚本依赖于jQuery，确保jQuery在您的脚本之前加载。

确保在添加这些函数到functions.php文件之前，您的主题文件中不存在这些函数的重复定义，否则可能会导致脚本或样式表被多次加载。