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