WordPress 模板加载 CSS

在 WordPress 的主题中，我们可以通过添加 CSS 样式来自定义我们的网站风格。通常，我们将 CSS 样式放在主题的 style.css 中，但如果我们希望分开加载某些 CSS 样式， WordPress 也提供了另外一种方法，即使用 wp_enqueue_style 函数。

使用 wp_enqueue_style 函数

wp_enqueue_style 函数是 WordPress 提供的一种用于加载 CSS 样式的方法。该函数有 4 个参数：

1. $handle：该样式的句柄（handle），用于引入样式时的标识符。
2. $src：该样式的路径。
3. $deps（可选）：该样式依赖的其他样式。
4. $ver（可选）：该样式的版本号。

以下是一个简单的例子：

function load_custom_wp_content() {
    wp_enqueue_style( 'custom-css', get_template_directory_uri() . '/css/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'load_custom_wp_content' );

在上面的代码中，我们定义了一个名为 custom-css 的样式句柄，将主题目录下的 css/custom.css 加载到 WP 中。我们还使用 add_action 将 load_custom_wp_content 函数注册为 wp_enqueue_scripts 钩子的操作。这意味着，在 WP 加载主题时，将调用 load_custom_wp_content 函数并加载我们的样式表。

使用 get_template_directory_uri 函数

在上面的例子中，我们使用了 get_template_directory_uri 函数来获取我们主题的路径，这意味着，如果您改变了主题的名称，代码将自动适应该更改。另外，get_template_directory_uri 函数返回主题目录的 URL，而不是绝对路径。这对于处理主题内的 URL 很有用。

结论

使用 wp_enqueue_style 函数可以使我们更灵活地管理主题中的 CSS 样式，而不必将所有样式都放在一个大的 style.css 文件中。同时，使用 get_template_directory_uri 函数可以使我们更好地管理主题中的 URL。