模板

欢迎来到关于 WordPress 主题模板的课程。

通过本课程,你将能够:

  • 描述什么是主题模板以及 WordPress 如何为你处理最终的标记,
  • 理解模板系统的工作原理,
  • 列出并描述主题中常见的典型模板,以及
  • 区分模板和模板部分。

主题模板以及 WordPress 如何处理最终标记

模板是表示前端整体文档结构的文件。对于现代区块主题,它们由区块标记组成,并渲染静态和动态数据。

让我们来看一个页面的模板。我们将在站点编辑器中打开页面模板,并打开代码编辑器来查看区块标记代码。

区块标记通过特定的 HTML 注释符号来标识。它告诉正在渲染的页面输出该区块的结果。关于区块的额外信息,如属性或内联样式,会以 JSON 格式传递给区块标记。WordPress 解析这些区块标记,并将其转换为在网页浏览器中显示的最终 HTML 标记。

模板系统的工作原理

当有人访问 WordPress 网站的单篇文章时,所使用的模板遵循模板层级结构规定的一组规则。这是一张图表,可在 WordPress.org 上找到,请注意,决策过程在此图表中从左到右进行。

例如,以我们的例子来说,当网站访问者导航到一篇单篇文章,而当前激活的 WordPress 主题既不包含 single.html 也不包含 singular.html 模板时,它将默认使用 index.html 模板。现在让我们看看主题中常见的典型模板。

这些是 Twenty Twenty-Four 主题中包含的模板。

主题中常见的模板

Index:这是备用模板文件,是所有主题中必需的文件。

Single:当访问者请求单篇文章时使用,正如我们在例子中看到的。

Page:当访问者请求单个页面时使用。

Archive:当访问者按归档类型(例如分类或作者)请求文章时使用。

Search:当访问者在网站上执行搜索时,用于显示搜索结果。

404:当 WordPress 找不到与访问者请求匹配的文章、页面或其他内容时使用。

模板和模板部分的区别

在我们的主题文件夹中有一个 parts 文件夹,其中包含模板部分文件。模板部分旨在提供网页中重复出现的区域,并从根本上消除了多次创建它们的需要。

一个很好的例子是页眉或页脚,此外,它们还能在整个网站中提供一致的外观和感觉。模板可以包含一个或多个模板部分,但也可以选择不包含任何模板部分。

至此,我们对 WordPress 模板的简要概述就结束了。请注意,你将在中级主题开发者学习路径中学习更多关于创建模板和模板部分的知识。