建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WordPress 页面模板的终极指南

GG网络技术分享 2025-03-18 16:08 0


我总是在我编写的任何主题中包含的模板之一是 页面.php 文件。

这是 WordPress 将用于创建静态页面的模板。 有一个专门的很有用 页面.php 文件而不是回退到 索引.php 因为您需要您的页面显示与单个帖子略有不同的内容。

例如,在帖子中,您通常会包含元数据,例如帖子日期和帖子已添加到的类别,但在页面中您不会。

WordPress 还允许您通过创建自定义页面模板将页面模板更进一步。 您可以使用这些来创建多个页面模板,您可以在管理屏幕中设置新页面时从中选择,甚至可以创建仅由站点上的一个页面自动使用的页面模板。 聪明吧?

在这篇文章中,我将指导您完成页面模板的选项,并向您展示如何对其进行编码。 但首先,让我们深入研究 WordPress 模板层次结构,以发现 WordPress 在显示静态页面时使用哪些模板文件。

继续阅读,或使用以下链接跳转:

  • WordPress 如何为静态页面选择模板
  • 创建通用页面模板文件
  • 创建自定义页面模板文件
  • 创建目标页面模板文件

WordPress 如何为静态页面选择模板

与所有其他类型的内容一样,在决定在您的站点上显示静态页面时使用您的主题(或其父主题,如果有的话)中的哪个模板文件时,WordPress 将使用模板层次结构。

层次结构按以下顺序工作:

  • 如果有一个自定义页面模板文件,并且您已经为该页面选择了它,那么它将优先于其他文件使用。
  • 如果没有自定义页面模板(或者如果有但未为此页面选择),WordPress 将使用 页-$slup.php 文件,在哪里 $蛞蝓 是那个页面的 slug。 所以如果你创建了一个 page-contact.php 文件,并且您有一个带有 slug 的页面 接触,它会使用它。
  • 接下来它会寻找一个名为的页面模板 页面-$ID.php, 在哪里 $ID 是页面的ID。 这与使用 slug 类似——主要区别在于,如果您在管理员中更改页面的 slug,它仍将使用此模板文件,而它将停止使用 slug 模板文件。
  • 如果以上都不存在并且有一个文件名为 页面.php,它会使用它。
  • 如果没有 页面.php 文件,它将使用 奇异的.php 如果你有。 此文件显示单个帖子和页面。
  • 如果您的主题中没有上述文件,它将恢复为使用 索引.php.

因此,您可以在给定页面的主题中包含不少于六个文件。 事实上,如果您有多个自定义页面模板或多个使用 slug 或 ID 的模板,您的主题中可能有六个以上的页面模板。 由您决定您想要的具体程度。

现在让我们看看如何创建页面模板文件。

创建通用页面模板文件

主题中最常包含的页面模板文件是 页面.php. 如果这是您用于显示页面(而不是帖子)的唯一文件,那么它将用于您网站上的每个静态页面。

要创建此模板文件,您只需在主题中创建一个名为 页面.php. 我经常从我的 索引.php 或者 奇异的.php 文件,制作一个我称之为的副本 页面.php,然后对其进行编辑以删除我不想要的元素。 这些将包括:

  • 发布日期
  • 发布类别和标签
  • 其他元数据,例如作者
  • 上一篇或下一篇文章的链接。

创建一个干净的 页面.php 像这样的文件使事情变得更有效率。

页面.php 我用于所有 WordPress 项目的框架主题中的文件非常简单:

加载要点 0571eb6db34ea360dea37d93e5085740

这包括四件事:

  • 获取头文件的调用
  • 一个循环,其中包括一个名为 循环页面.php
  • 对侧边栏文件的调用
  • 对页脚文件的调用。

循环.php 文件仅包含与静态页面相关的循环部分:

加载要点 e8a7ee484e95faca6cc07a6bb71b2129

请注意,它有一个条件标签,它在主页以外的页面上显示页面标题。 除此之外,这是一个非常标准的循环。

创建自定义页面模板文件

我在主题中经常使用的另一个选项是自定义页面模板。 您可以使用它们在不同的页面上输出不同的内容或用于不同的布局。

在我的许多主题中,我都有一个全宽页面的页面模板,这与普通页面不同 页面.php 文件,因为它不包括对侧边栏的调用。 或者它可能会这样做,但使用不同的 CSS 类,这样我就可以在主要内容下方的侧边栏中显示小部件,而不是在右侧。

在我的主题中,我有一个名为 模板页面全宽.php 那是一个自定义页面模板。 这是代码,它非常类似于 页面.php 但没有侧边栏:

加载要点 b293bb416be198c0131ee556cdd6801d

该文件中告诉 WordPress 它是自定义页面模板的部分是 模板名称 一开始。 然后我可以从 WordPress 管理员的页面编辑屏幕中选择它:

在页面编辑屏幕中选择自定义页面模板

我在我的网站中创建了一些页面模板: 全宽页面 是上面那个。 请注意,您还需要修改该模板文件中内容和侧边栏的样式。 在你的 样式.css 文件,你需要这样的东西:

加载要点 d9c5b27c47fd9ac6fc992d76250ab6e5

重要的是不要以自定义页面模板文件的名称开头 页-. 这是因为这可能会与您将来创建的页面 slug 或页面 ID 模板文件发生冲突。 想象一下你创建了一个 page-full-width.php 上述场景的模板文件。 然后想象您或其他编辑您的网站的人创建了一个带有 slug 的页面 全屏宽度. 该页面将自动使用 page-full-width.php 模板文件,因为蛞蝓。 因此,选择一个您将用于所有自定义页面模板的前缀(不是 页-) 并使用它。

创建目标页面模板文件

您拥有的另一个选项是为您网站中的一个特定页面创建模板文件。 您可以通过 slug 或 ID 定位页面。

假设我想为我的联系页面创建一个特定的页面模板。 我的页面有一个蛞蝓 接触 和一个ID 20. 我可以创建一个 page-20.php 文件或 page-contact.php 文件。

您不需要在文件顶部包含任何特殊注释掉的文本 - 尽管我建议您将其作为注释,以防您将来回来编辑此文件并且不记得它的用途.

选择是针对 slug 还是针对 ID 将取决于两件事:

  • 如果您认为将来可能会更改页面 slug(如果有多个人管理该站点,则更有可能),请使用 ID。
  • 如果您认为 ID 将来可能会更改(如果您计划以不保留帖子 ID 的方式迁移站点,例如使用导入器工具而不是导出和导入数据库文件,则更有可能),然后定位蛞蝓。

如果您想在站点的给定页面上显示额外内容,则目标页面模板文件很有用。 所以在我的网站上,我有一个页面运行标准循环,然后使用运行另一个循环 WP_Query 列出我出版的所有书籍。 为此,我创建了一个自定义页面模板(使用上述技术)。 但是,如果我确定以后不想在任何其他页面上使用这种技术,我可以删除注释掉的文本并重命名文件 page-books.php, 和 图书 成为我页面的蛞蝓。

如果其他人将管理您的站点并添加页面,并且您不确定他们不会在页面编辑屏幕中选择错误的自定义页面模板,这是一个好主意。 它还减少了任何混乱。

页面模板为您提供了很大的灵活性

页面模板是 WordPress 主题系统的一个有用元素。 它们使您可以从单个帖子和存档页面中以不同的方式显示静态页面,并且它们还为您提供了可用于单个页面的附加功能。

尝试使用自定义页面模板或目标页面模板来自定义页面的显示方式——它可能非常强大。

标签:

标签: WordPress op

提交需求或反馈

Demand feedback