主题结构

欢迎来到本课程,我们将一起探索 WordPress 主题的结构。

通过本课程,你将能够:

  • 熟悉 WordPress 主题中使用的文件夹和文件,
  • 描述创建块主题所需和可选的文件,以及
  • 列出块主题中使用的标准文件夹。

WordPress 主题中使用的文件夹和文件

在 assets 文件夹中,你会找到字体、图片、CSS 和 JS 文件。在 parts 文件夹中,你会找到用于头部和底部等部分的 HTML 文件。在 patterns 中,你会找到用于组件的 PHP 文件,这些组件可以帮助用户在构建页面和文章时节省时间。在 styles 中,你会找到 JSON 文件,它们为用户提供网站全局样式的变体。最后,在 templates 中,你会找到用于生成页面和文章的 HTML 文件。

块主题所需和可选的文件

必需文件

两个必需的文件是 style.css 和 index.html。style.css 文件是主样式表,用于配置主题数据(如名称和描述),也方便添加自定义 CSS。

另一个必需文件是 templates 文件夹中的 index.html。它是默认的后备模板,对于 WordPress 将其视为块主题是必要的。

可选文件

functions.php 文件在主题初始化后由 WordPress 自动加载,这是运行自定义 PHP 的好地方。接下来是 readme.txt 文件,它不直接被 WordPress 使用,但当你将主题提交到官方 WordPress 主题目录时是必需文件,它也为用户提供主题信息。

接下来是截图文件,建议使用 1200×900 的尺寸。它是主题的图片,用于在用户浏览 WordPress 后台时显示主题。用户进入外观 -> 主题,就会看到截图;如果你选择将主题提交到 WordPress 主题目录,它也会在那里使用。文件格式可以是 PNG 或 JPEG。

我们要看的最后一个文件是 theme.json,它是你网站的配置文件,主要用于与用户界面集成的设置和样式。我们将在本模块后面详细研究这个文件。

块主题中使用的标准文件夹

有四个标准文件夹。这些是 WordPress 为特定功能指定的标准文件夹。

首先是 templates 文件夹,里面是 HTML 文件,它们代表前端的整体文档结构,本质上是由块标记组成的模板。我们将在本模块后面深入探讨这些文件的内容。

接下来是 styles 文件夹,里面是 JSON 文件,每个文件代表一种不同的样式变体。用户可以选择颜色和字体,调整他们想要的网站外观和感觉。我们将在中级主题开发者学习路径中更详细地讨论这些。

接下来是 patterns,它们是可重用的组件,由一个或多个块组成,用户可以在站点编辑器中插入。注意,WordPress 会自动注册此文件夹中的文件。Patterns 也在中级主题开发者学习路径中有更详细的介绍。

最后一个文件夹是 parts 文件夹。这些是可以包含在顶级模板中的较小部分,包括头部、底部、侧边栏等内容。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注