📅 最后修改于: 2023-12-03 14:56:22.564000 🧑 作者: Mango
如果你正在开发 WordPress 主题，你需要熟悉 CSS 的基本概念以及如何将样式应用于你的主题中。在本文中，我们将介绍 WordPress 中用于设置主题样式的常用函数。
wp_enqueue_style()使用 wp_enqueue_style() 函数，你可以向 WordPress 注册并加载样式表。这样，WordPress 将在页面 HTML 的 <head> 标记中添加一个样式表链接。这是一个样式表注册的基本语法：
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
下面是参数的详细解释：
$handle：你定义的样式表的名称，可以是任意的字符串。$src：样式表的位置，可以是相对路径或完整 URL。$deps：该样式表所依赖的其他样式表的名称数组。如果该样式表依赖于其他样式表，它们将在该样式表之前被加载。$ver：指定样式表的版本号，用于在更新样式表时强制浏览器重新加载。$media：该样式表适用的媒体类型，如 screen、print 或 all。以下是一个示例：
wp_enqueue_style( 'my-custom-style', get_template_directory_uri() . '/style.css', array(), '1.0.0', 'all' );
wp_add_inline_style()使用 wp_add_inline_style() 函数，你可以添加自定义样式规则到一个已经注册的样式表中。此函数的语法如下：
wp_add_inline_style( $handle, $data );
下面是参数的详细解释：
$handle：已经注册的样式表的名称。$data：一个字符串，包含你要添加的自定义 CSS。以下是一个示例：
wp_add_inline_style( 'my-custom-style', '
body { background-color: #f2f2f2; }
h1 { color: #e50000; }
' );
get_template_directory_uri()使用 get_template_directory_uri() 函数，你可以获取当前主题目录的 URL。这个函数返回当前主题所在的目录的 URL，可以用来引用主题中的文件，如样式表或脚本。以下是一个示例：
wp_enqueue_style( 'my-custom-style', get_template_directory_uri() . '/style.css', array(), '1.0.0', 'all' );
在 WordPress 主题开发中，样式表是一个关键的组成部分。使用上述函数，你可以将自己的样式表注册和加载到主题中，以及将自定义规则添加到已经注册的样式表中。为了方便起见，你还可以使用 get_template_directory_uri() 函数获取你的主题目录的 URL。