在WordPress中，wp_enqueue_script() 和 wp_enqueue_style() 是两个非常重要的函数，它们用于在WordPress的前端页面中注册、排队和加载JavaScript脚本和CSS样式表。以下是这两个函数的基本使用方法：

wp_enqueue_script()

这个函数用于将JavaScript脚本文件添加到WordPress的前端页面中。

基本语法：

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

• $handle: 脚本的唯一标识符（字符串）。
• $src: 脚本的URL（字符串）。如果脚本位于WordPress核心或主题目录中，可以使用get_template_directory_uri()或plugins_url()来获取路径。
• $deps: 此脚本依赖的其他脚本列表（数组）。如果此脚本依赖于jQuery，则可以设置为array('jquery')。
• $ver: 脚本的版本号（字符串）。如果留空，WordPress会使用当前安装的WordPress版本号。
• $in_footer: 是否在页面的底部加载脚本。设置为true时，脚本将在页面的底部加载，这通常用于性能优化。

示例：

function my_theme_enqueue_scripts() {
    wp_enqueue_script(
        'my-custom-script', // Handle
        get_template_directory_uri() . '/js/my-script.js', // Source
        array('jquery'), // Dependencies
        '1.0.0', // Version
        true // In footer
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );

wp_enqueue_style()

这个函数用于将CSS样式表添加到WordPress的前端页面中。

基本语法：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

• $handle: 样式表的唯一标识符（字符串）。
• $src: 样式表的URL（字符串）。
• $deps: 此样式表依赖的其他样式表列表（数组）。
• $ver: 样式表的版本号（字符串）。
• $media: 样式表应用的媒体类型（字符串）。默认为all。

示例：

function my_theme_enqueue_styles() {
    wp_enqueue_style(
        'my-custom-style', // Handle
        get_template_directory_uri() . '/css/my-style.css', // Source
        array(), // Dependencies
        '1.0.0', // Version
        'all' // Media
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

注意事项：

1. 使用这些函数时，请确保在wp_enqueue_scripts钩子上注册和排队脚本和样式。
2. 不要直接在主题或插件中直接使用<script>或<link>标签来加载脚本和样式，这可能会导致版本控制问题和潜在的性能问题。
3. 总是在函数中使用正确的路径和版本号，以确保资源的正确加载和缓存管理。
4. 如果脚本或样式是必需的，请确保它们在正确的位置被排队（例如，脚本通常在页面的底部加载，以避免阻塞页面的渲染）。