在WordPress中，wp_enqueue_script() 和 wp_enqueue_style() 是两个非常有用的函数，它们允许你在主题或插件中安全地加载自定义脚本和样式表。以下是如何使用这些函数的步骤：

加载自定义样式（CSS）

1. 注册样式表：
   使用 wp_register_style() 函数注册你的自定义样式表。这个步骤是可选的，但推荐用于设置额外的参数。

   function my_theme_enqueue_styles() {
      wp_register_style('my-custom-style', get_template_directory_uri() . '/css/my-custom-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_enqueue_style('my-custom-style', get_template_directory_uri() . '/css/my-custom-style.css', array(), '1.0', 'all');
   }
   add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

   在这个例子中，my-custom-style 是一个唯一的标识符，get_template_directory_uri() . '/css/my-custom-style.css' 是样式表的路径，array() 是依赖关系（例如，如果你的样式依赖于Bootstrap，你可以在数组中添加 'bootstrap'），'1.0' 是版本号，'all' 是媒体类型。

加载自定义脚本（JavaScript）

1. 注册脚本：
   使用 wp_register_script() 函数注册你的自定义脚本。这个步骤也是可选的。

   function my_theme_enqueue_scripts() {
      wp_register_script('my-custom-script', get_template_directory_uri() . '/js/my-custom-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_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/my-custom-script.js', array('jquery'), '1.0', true);
   }
   add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

   在这个例子中，my-custom-script 是一个唯一的标识符，get_template_directory_uri() . '/js/my-custom-script.js' 是脚本的路径，array('jquery') 表示这个脚本依赖于jQuery，'1.0' 是版本号，true 表示脚本应该被放置在页面的底部。

注意事项

• 确保 wp_enqueue_script() 和 wp_enqueue_style() 函数被放置在 wp_enqueue_scripts 动作钩子中。
• 如果你的脚本或样式依赖于其他脚本或样式（如jQuery或Bootstrap），确保在依赖数组中声明它们。
• 使用正确的路径和版本号，以确保资源正确加载。
• 如果你的脚本需要使用WordPress内置的JavaScript钩子（如 ajaxurl），你可能需要在脚本之前使用 wp_localize_script() 来传递这些钩子。

通过以上步骤，你可以安全地在WordPress中加载自定义脚本和样式表。