在WordPress中，使用 wp_enqueue_script() 和 wp_enqueue_style() 函数来注册和加载脚本和样式是一个标准的过程。以下是如何使用这些函数的步骤：

注册和加载样式（CSS）

1. 注册样式 - 使用 wp_register_style() 函数来注册样式。这不是必须的，但推荐这样做，因为它允许你在加载之前修改样式。

function my_theme_enqueue_styles() {
    wp_register_style('my-theme-style', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

2. 加载样式 - 使用 wp_enqueue_style() 函数来加载已经注册的样式。

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

注册和加载脚本（JavaScript）

1. 注册脚本 - 使用 wp_register_script() 函数来注册脚本。

function my_theme_enqueue_scripts() {
    wp_register_script('my-theme-script', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

2. 加载脚本 - 使用 wp_enqueue_script() 函数来加载已经注册的脚本。

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-style' 和 'my-theme-script' 是自定义的脚本和样式的唯一标识符。
• get_template_directory_uri() . '/style.css' 和 get_template_directory_uri() . '/js/script.js' 是脚本和样式的URL路径。
• array() 是一个依赖数组，用于指定脚本或样式依赖的其他脚本或样式。例如，array('jquery') 表示这个脚本依赖于jQuery。
• '1.0' 是版本号，用于缓存管理。
• 'all' 对于样式来说，表示媒体类型（例如：'screen', 'print' 等）。
• true 对于脚本来说，表示脚本应该被放在页面的底部（在 </body> 标签之前）。

确保将这些函数钩子添加到 wp_enqueue_scripts 动作中，这样它们就会在WordPress准备加载前端脚本和样式时执行。