在WordPress主题开发中，使用wp_enqueue_script()和wp_enqueue_style()函数是管理前端脚本和样式表的推荐方式。以下是如何使用这些函数的步骤：
加载样式表（CSS）
- 注册样式表 - 使用
wp_register_style()函数来注册你的样式表，然后使用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');在这个例子中，my-theme-style是样式表的句柄，get_template_directory_uri() . '/style.css'是样式表的URL，array()是依赖关系（例如，如果你的样式表依赖于另一个样式表，你可以在这里列出它），1.0是版本号，all是媒体类型。
加载脚本（JavaScript）
- 注册脚本 - 使用
wp_register_script()函数来注册你的脚本，然后使用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-script是脚本的句柄，get_template_directory_uri() . '/js/script.js'是脚本的URL，array('jquery')是依赖关系（在这个例子中，脚本依赖于jQuery），1.0是版本号，true表示脚本应该被放在页面的底部。
注意事项：
- 依赖关系 - 如果你的脚本或样式依赖于其他脚本或样式，确保在注册时指定它们。
- 版本号 - 当你的脚本或样式更新时，增加版本号可以防止浏览器缓存旧版本。
- 在正确的钩子上 - 确保
wp_enqueue_script()和wp_enqueue_style()被添加到wp_enqueue_scripts钩子上，这样它们就会在WordPress加载前端脚本和样式时执行。 - 不要直接在主题中
<head>或<body>标签中直接链接脚本或样式 - 总是使用wp_enqueue_script()和wp_enqueue_style()来管理它们。
遵循这些步骤，你可以确保你的WordPress主题中的脚本和样式被正确地加载和管理。
