欢迎来到本课程,我们将一起探索 WordPress 主题的主样式表文件。
通过本课程,你将能够:
- 创建 style.css 文件头部,配置主题的相关数据,
- 描述主题 style.css 文件中可用的头部字段列表,以及
- 添加必要的头部字段,在子主题中指定父主题的文件夹。
创建 style.css 文件头部,配置主题的相关数据
style.css 文件是每个 WordPress 主题必需的样式表。该文件的头部注释部分用于让 WordPress 和用户了解主题信息。
在代码编辑器中,我们可以查看默认 WordPress Twenty Twenty-Four 主题的 style.css 文件头部。当你还在代码编辑器中时,快速看一下 screenshot.png 图片文件。现在,我们切换到 WordPress 仪表盘。
进入 WordPress 仪表盘后,转到“外观”>“主题”,然后进入“主题详情”。在主题详情中,我们可以在左侧看到截图,右侧看到来自 style.css 文件头部的信息。我们还能看到主题名称、版本、作者、作者网址、描述,最后还有一个标签列表。
主题 style.css 文件中可用的头部字段
现在,让我们更仔细地看看主题 style.css 文件中可用的不同字段。为了演示,我们将使用默认 WordPress 2024 主题的主样式表文件。我们会逐一查看样式表中包含的字段。
从主题名称开始,请注意这必须是唯一的,特别是如果你计划将主题提交到官方 WordPress 目录。正如我们在 WordPress 中看到的,主题名称会被用户看到,所以在选择名称时要考虑这一点。
请注意,如果你刚开始学习主题开发,添加主题名称后就可以停止了。这实际上就是你所需的一切。
其余可选字段:
主题 URI,这是一个公共网页的 URL。人们会通过这个链接获取关于你主题的更多信息。
作者姓名,后面跟着一个 URL,提供关于作者的更多信息。
描述,同样,如果你希望用户看到并了解这个主题是否适合他们,这一点尤其重要。
你的主题能够兼容的最旧 WordPress 版本。
主题经过测试的最新 WordPress 版本。
主题能够兼容的最旧 PHP 版本。
版本号,后面跟着许可证和许可证 URL。
文本域,这是一个用于翻译的字符串,所以如果你计划翻译主题,请确保包含它,并且要全部使用小写字母。
最后是标签,这是一个以逗号分隔的列表,列出了你的主题支持的功能。
在子主题中指定父主题文件夹所需的头部字段
创建子主题实际上是主题开发者更高级的话题,但这里值得简要提一下。重要的是要理解,你的子主题不仅继承父主题的函数、过滤器、模板等,还会扩展和覆盖父主题。
子主题和父主题之间的这种连接是通过在子主题的 style.css 文件中添加头部字段“Template”来建立的。以下是一个为 Twenty Twenty-Four 主题创建的子主题示例。