将 WordPress 脚本和样式排入队列

在 WordPress 中，为了避免加载过多的 JavaScript 和 CSS 文件导致网站加载缓慢，我们可以将这些文件排入队列，按需加载。这种排队方式就像排队等候某服务的顾客一样，避免了冲突和混乱，从而加快了服务的速度。

在 WordPress 中，我们可以使用以下两个函数将脚本和样式排入队列：

wp_enqueue_script()

这个函数用于将 JavaScript 文件排入队列，以供 WordPress 在页面中加载。下面是该函数的语法：

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false );

参数说明：

• $handle: 必需。脚本的名称。这个名称必须是唯一的，不能和其他脚本或 WordPress 自带的脚本名称冲突。
• $src: 可选。包含脚本的 URL。如果文件在主题文件夹中，我们可以使用 get_template_directory_uri() 或 get_stylesheet_directory_uri() 等函数获取文件的 URL。
• $deps: 可选。一个数组，包含所有必须提前加载的脚本名称。不需要提前加载的脚本可以留空。
• $ver: 可选。脚本的版本号。如果不指定，则 WordPress 将使用当前 WordPress 版本号作为脚本的版本号。
• $in_footer: 可选。如果为 true，则脚本将在页面的底部加载。否则将在头部加载。

wp_enqueue_style()

这个函数用于将样式文件排入队列，以供 WordPress 在页面中加载。下面是该函数的语法：

wp_enqueue_style( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, string $media = 'all' );

参数说明：

• $handle: 必需。样式的名称。这个名称必须是唯一的，不能和其他样式或 WordPress 自带的样式名称冲突。
• $src: 可选。包含样式的 URL。如果文件在主题文件夹中，我们可以使用 get_template_directory_uri() 或 get_stylesheet_directory_uri() 等函数获取文件的 URL。
• $deps: 可选。一个数组，包含所有必须提前加载的样式名称。不需要提前加载的样式可以留空。
• $ver: 可选。样式的版本号。如果不指定，则 WordPress 将使用当前 WordPress 版本号作为样式的版本号。
• $media: 可选。样式的媒体类型。默认值为 'all'。

在调用这两个函数之前，必须先调用下面这个函数：

wp_enqueue_scripts();

这个函数表示将要加载脚本和样式文件，以便 WordPress 根据需求进行排队加载。

无论我们是在主题文件中还是在插件文件中，都应该遵循这个规则，并使用正确的脚本和样式名称来排队加载文件。这将提高 WordPress 的性能，并避免可能出现的冲突和错误。