了解 WordPress 模板层次结构以加快开发速度

已发表: 2018-09-15
wordpress 模板层次结构
关注@Cloudways

创建 WordPress 主题不是火箭科学。 如果您从基础开始,您可以轻松深入研究 WordPress 主题开发。 但是在您深入了解核心开发内容之前,您绝对有必要了解 WordPress 模板层次结构和 WordPress 主题层次结构。 WordPress 网站上的页面是使用单个模板文件或在网页特定区域请求的模板文件组合构建的。

WordPress 模板层次结构包括:

  1. 基本的 WordPress 页面层次结构
  2. 首页显示页面
  3. 单个帖子页面
  4. 静态页面
  5. 存档页面
  6. 其他 WordPress 模板文件
  7. 最后的话

WordPress 模板层次结构文件的一些示例是:

  1. 索引.php
  2. 边栏.php
  3. 头文件
  4. 页脚.php

它们驻留在wp-content/themes/theme-name文件夹中。 有很多 WordPress 模板结构文件,但只有两个文件是 WordPress 主题运行绝对必要的,它们是index.php和style.css。 此外, functions.php (不被视为模板文件)是包含主题功能的必需文件。 要为我们的网站添加更多自定义外观并感觉我们可以在 WordPress 主题层次结构中使用各种可用的模板文件。

首先要了解它如何呈现页面以及它如何在 WordPress 模板层次结构中向上移动,让我们考虑这个例子。

访问者访问您的 WordPress 网站上的推荐页面,并且您创建了一个名为page-testimonials.php的自定义页面模板,然后 WordPress 将加载 page-testimonials.php。 但是,如果 page-testimonials.php 不存在,则 WordPress 将回退并加载page.php,如果主题文件中不存在 page.php,则 WordPress 将加载index.php

我将把模板文件分解成几个部分,以便更容易理解它们的用途和使用位置。

基本的 WordPress 页面层次结构

基本的 WordPres 页面层次结构包括:

  1. 索引.php
  2. 头文件
  3. 页脚.php
  4. 侧边栏.php
  1. 索引.php

正如我之前提到的,index.php 是 WordPress 页面层次结构中 WordPress 主题运行所必需的模板文件之一。 index.php 最常用于呈现 WordPress 主题的主页。 每当模板文件不存在时,例如 single.php 或 post.php,WordPress 就会加载 index.php。

index.php 通常包含其他模板文件,如 header.php、footer.php 和 sidebar.php,它们分别包含站点的头部、页脚区域和带有小部件区域的侧边栏。 它还包含一个循环,用于显示模板上的帖子或页面。

  1. 头文件

header.php 包含 WordPress 站点的 head 部分,通常在所有模板文件的开头调用它。 它通常包含标题信息、分析、对 CSS 文件的调用、站点导航、页面标题和站点徽标等。

  1. 页脚.php

同样,WordPress 页面层次结构中的文件中的 footer.php 用于构建 WordPress 主题的页脚部分,并在所有模板文件的页脚部分中调用。 footer.php 通常包含版权信息、对 JS 文件的调用、通常具有站点导航的小部件区域。

  1. 侧边栏.php

而 sidebar.php,顾名思义,用于构建站点的侧边栏,并在 index.php、page.php、single.php 等模板文件中调用侧边栏。 它通常包含易于定制的小部件区域。

首页显示页面

  1. 首页.php
  2. 主页.php
  3. 页面.php
  4. 索引.php

WordPress 网站的主页显示最新的博客文章或静态页面。 这取决于 WordPress Dashboard Settings -> Reading下的设置 如果它设置为最新帖子,它将在主页上显示最新的博客帖子,当它设置为静态页面时,它将从 WordPress 模板层次结构中加载模板,例如 page.php 或 front-page.php。

如果front-page.php 存在,WordPress 将使用此模板文件设置“最新博客文章”和“静态页面”。 如果 front-page.php 不存在并且在 WordPress 的阅读设置中设置了“最新博客文章”,则将加载 home.php。

如果在设置 -> 阅读带有帖子页面的静态页面被选中,那么 WordPress 将寻找 page.php 模板来呈现主页。

但是,如果 front-page.php、page.php 和 home.php 不存在,那么 WordPress 将回退到 index.php 来呈现主页。

单个帖子页面

  1. 单个.php
  2. 单数.php
  1. 单个.php

在 WordPress 中,单个博客文章是使用 single.php 文件呈现的。 在 WordPress 4.3 及更高版本中,添加了一个新的 WordPress 模板文件,singular.php。

对于 WordPress 自定义帖子类型,我们可以使用 single-{post-type}.php。 例如,我们的帖子类型是动物,那么 WordPress 将查找 single-animals.php 并且它会优先于 single.php。 如果 post-type 文件不存在,它将使用 single.php 来呈现页面。

  1. 单数.php

single.php 用于 page.php 和 single.php 通常具有相同代码的情况。 如果 single.php 不存在,那么 WordPress 会寻找 single.php。

静态页面

页面按以下顺序呈现:

  1. 页面模板
  2. 页面-{slug}.php
  3. 页面-{id}.php
  4. 页面.php
  5. 单数.php
  6. 索引.php

如上所述,如果我们想对 single.php 和 page.php 有类似的外观,那么最好创建一个 single.php。

存档页面

  1. 作者.php
  2. 类别.php
  3. 分类法.php
  4. 日期.php
  5. 标签.php
  6. 档案.php

WordPress 中的存档页面是用于从特定作者、类别、分类法、日期、标签等获取帖子的页面。

我们可以有一个归档模板,即archive.php。 但是要深入到更多模板中,我们有 author.php、category.php、taxonomy.php、date.php、tag.php,所有这些都是不言自明的。

我们可以进一步制作自定义模板,例如

category-{slug}.php – 如果类别的 slug 是可爱小猫,那么 WordPress 将查找 category-cute-kittens.php,如果它不存在,则将使用 category.php。

category-{id}.php – 如果 id = 3,那么 WordPress 将寻找 category-3.php 来呈现页面。 否则它会加载 category.php

{slug} 和 {id} 的类似理论适用于“标签”页面

对于自定义作者模板,我们可以使用 author-{nicename}.php 或 author-{id}.php。 如果作者的名字是 Andy,那么 WordPress 会寻找 author-andy.php,如果它不存在,那么 WordPress 会回退到 author.php 来呈现页面。

其他 WordPress 模板文件

– search.php

WordPress 中的搜索结果使用模板文件 search.php。 如果它不存在,则从 index.php 呈现搜索结果。

– 附件.php

此模板文件用于呈现附件页面,例如图像和视频。 image.php 和 video.php 分别用于渲染图像和视频。 如果这些文件不存在,则使用attachment.php。

– 404.php

WordPress 中未找到的页面是从 404.php 呈现的。 如果 404 不存在,那么它会从 index.php 呈现页面。

– 评论.php

它是一个评论模板,在 single.php 或 page.php 等模板文件中调用它来添加评论部分。

最后的话

如果您想开发自定义 WordPress 主题和/或自定义 WordPress 主题文件结构,了解 WordPress 模板层次结构非常有用。 您将很容易找到合适的模板文件进行编辑和自定义。 WordPress 模板层次结构的好处在于它遵循严格的命名约定。 一旦掌握了 WordPress 主题,就可以轻而易举地制作它。 您可以参考 WordPress 主题层次结构,以获得主题开发的快速视觉参考。

问:什么是 WordPress 模板层次结构?

WP 模板层次结构是模板文件在 WordPress 网站上加载的顺序。 这有助于 WordPress 搜索文件以确定何时在浏览器上加载哪个文件。

问:为什么存在 WordPress 模板层次结构?

WP 模板层次结构使 WordPress 开发人员可以更轻松地设计和更改他们的主题。

问:什么是 WordPress 模板文件?

WordPress 模板文件用于设计和创建 WordPress 页面。 模板文件的一些示例是页眉和页脚。