在WordPress中，wp_enqueue_script() 和 wp_enqueue_style() 是用于注册和排队（enqueue）JavaScript 脚本和 CSS 样式的两个重要函数。以下是使用这些函数的正确步骤：

1. 在主题的 functions.php 文件中添加代码

通常，你会在你的主题的 functions.php 文件中添加这些函数的调用。以下是使用这些函数的步骤：

wp_enqueue_style()

用于注册和排队CSS样式文件。

function my_theme_enqueue_styles() {
    // 注册样式
    wp_register_style('my-theme-style', get_stylesheet_uri());

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

// 在 'wp_enqueue_scripts' 动作上添加函数
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

wp_enqueue_script()

用于注册和排队JavaScript脚本文件。

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

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

// 在 'wp_enqueue_scripts' 动作上添加函数
add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

2. 参数说明

• handle: 脚本或样式的唯一标识符。
• source: 脚本或样式文件的URL。
• deps: 依赖关系数组。例如，如果你的脚本依赖于jQuery，你应该在这里包含'jquery'。
• version: 文件的版本号。通常用于缓存管理。
• in_footer: 对于脚本，该参数决定脚本是否应该被放置在页面的底部。设置为true将在页面的底部加载脚本，设置为false或不设置将在头部加载。

3. 注意事项

• 确保在正确的WordPress动作钩子（例如 wp_enqueue_scripts）上注册和排队脚本和样式。
• 使用 wp_register_script() 和 wp_register_style() 来注册脚本和样式，然后再使用 wp_enqueue_script() 和 wp_enqueue_style() 来排队它们。虽然这不是必需的，但这样做可以提供更大的灵活性。
• 如果你的脚本依赖于其他脚本（如jQuery），请确保在 deps 参数中声明这些依赖关系。
• 使用正确的文件路径和版本号来避免缓存问题。
• 考虑将 in_footer 参数设置为 true，以加快页面加载速度，特别是对于较大的脚本。

遵循这些步骤和最佳实践，可以帮助你正确地在WordPress主题中使用 wp_enqueue_script() 和 wp_enqueue_style() 函数。