欢迎来到本课程,我们将深入探讨 WordPress 如何在浏览器中加载模板的细节。
通过本课程,你将能够:
- 解释 WordPress 如何使用查询字符串,
- 简要说明模板层级图,以及
- 描述所查询页面的模板层级。
WordPress 如何使用查询字符串?
当有人访问 WordPress 网站上的某个页面时,查询字符串会根据一些规则(我们将在本课程后面介绍)帮助确定应使用哪个模板。为了更好地理解查询字符串本身,让我们在 WordPress 仪表盘中看一个简单的例子。
普通固定链接结构使用带有问号、参数和值的查询字符串,该值是数据库中页面或文章的 ID。如果我们将固定链接结构从文章名称改为普通并保存更改,现在让我们看看一个实际可用的页面。我们有一个示例页面。
如果我们将鼠标悬停在此处的标题上,会在左下角看到 ID 为 2。如果我们进入前端,实际上可以输入查询字符串来查看示例页面是否会被调出。这里你输入一个斜杠,然后在问号后面加上 page ID 等于 2,它确实正确调出了页面。
WordPress 数据库
现在让我们看看数据库,了解 WordPress 如何处理查询字符串。WordPress 有一个名为 WP posts 的表和一个名为 post type 的字段。让我们看看数据。
我们想要 ID 为 2 的文章。那是我们的示例页面。所以我们打开它,如果向下滚动到底部,会看到文章类型是 page。这就是 WordPress 知道接下来要查找页面模板的方式。
模板层级图概述
WordPress.org 上提供了这个图表,帮助我们更好地理解当 WordPress 决定为最终用户访问的页面或文章使用哪个模板时所应用的规则。
黑色的是页面类型,然后是桃色的变量模板。接着是绿色的次要模板,蓝色的则是你的主要模板。
查询示例
现在让我们看一个所查询页面的示例。
如果我们访问网站的主域名(也称为首页),WordPress 会查找 front-page.html 模板。如果该模板不可用,它会继续查找 home.html 模板。
最后,如果那个也不可用,它会回退到最终的备用模板,即你的 index.html 模板。这解释了为什么 index.html 是你的主题必需的文件。
下一步
要了解更多关于模板层级的信息,你可以访问 WordPress.org 上的主题手册。