创建自定义 WordPress 类别模板的完整指南 (2023)

已发表: 2022-11-21

您是否正在寻找一种在您的 WordPress 网站上创建自定义类别的方法? 类别是每个网站的重要组成部分,因为它们有助于组织您的内容并使访问者更容易找到他们正在寻找的内容。 当网站访问者点击您网站上的特定类别时,他们将被带到一个专门的类别页面,在那里他们可以查看与该类别相关的所有内容。

WordPress 主题通常有内置模板来展示您的类别页面,但并非所有主题都能同样好地处理您的类别页面,这就是为什么您可能想要创建自己的 WordPress 类别模板或调整内容显示方式的原因。

根据您的网站,您甚至可能想要自定义每个类别页面的外观,这意味着您需要修改或创建新的类别模板。 本文将向您展示如何在 WordPress 中创建自定义类别页面。

为什么要创建自定义 WordPress 类别模板?

您的 WordPress 主题将决定您的默认类别页面模板的外观——它可能不合您的口味,甚至可能不适合您的内容。 您可能会发现自己处于想要保留主题的位置,但又想更改类别页面上的一个元素。 这是在 WordPress 中创建自定义类别页面发挥作用的地方。 您可能想要:

  • 在类别列表上方添加横幅图片
  • 在每个类别标题旁边添加图像以改善导航和可​​发现性
  • 重新设计类别列表
  • 添加下拉菜单等功能以选择不同的类别或子类别
  • 更改类别列表的颜色或添加背景图像
  • 在您网站的不同页面上显示不同的类别列表
  • 在他们的网站上添加特定类别的描述
  • 更改选定的类别模板以使其看起来与其他模板不同

最终,自定义类别模板可以帮助您改善网站的外观和感觉,还可以帮助您改善网站的用户体验,因为用户可以更好地按类别搜索内容。

如何在 WordPress 中创建自定义类别模板

接下来,我们将向您展示如何使用不同的方法在 WordPress 中创建自定义类别页面。 其中一些方法比其他方法更复杂。

屏幕上的代码图像

方法一:修改模板文件

WordPress 为您的所有类别生成单独的类别页面,生成如下 URL:https://example.com/category/fashion

如果您想自定义 WordPress 类别页面的显示方式,您需要编辑模板。 首先,您需要确定要更改模板层次结构中的哪个页面。

WordPress 以预定义的层次顺序查找模板: category-slug.php → category-id.php → category.php → archive.php → index.php

WordPress 将在尝试加载类别页面时依次查找这些文件中的每一个,如果找不到,它会向上移动层次结构。 它将首先以 category-slug 模板开始,例如上例中的 category-fashion.php。

如果找不到类别模板,它将向上移动层次结构以找到具有类别 ID 号的模板,例如 category-2.php。 之后,它将寻找一个名为 category.php 的通用类别模板。

如果 WordPress 找不到通用类别,它将寻找像 archive.php 这样的存档模板。 如果不存在,它会移动到 index.php 以显示类别。

如果您想更改特定类别模板,您需要识别类别 ID 并修改类别 ID php 文件或使用 slug 进行编辑或添加。 您还可以更改 category.php 文件来修改所有类别的模板,但您也可以在 category.php 文件中使用条件标签来编辑特定类别的模板,而无需创建单独的文件。 稍后我们将向您展示如何执行此操作。

您可以通过进入WordPress > Appearance > Themes > Theme File Editor找到所需的正确文件。 从右侧的主题文件列表中,单击 category.php。 如果在那里找不到 category.php 文件,请查找 archive.php 或 index.php 文件。 您可以使用 SFTP 创建您想要的任何缺失文件(例如 category-slug.php)。

如果您已按照这些步骤操作但找不到正确的文件,则您可能正在使用 WordPress 主题框架,因此这些提示不适用于您。

如果可以找到以上文件,将内容复制到文本编辑器中进行修改。 您可以直接在 WordPress 中进行编辑,但这很容易因 PHP 错误而破坏您的整个网站,因此不推荐这样做。 最好从 SFTP 下载文件,然后上传修改后的版本。

将新文件上传回 WordPress 的方式取决于主机的文件管理系统。 托管主机可能有一个自定义仪表板,您可以在其中上传文件,而其他主机可能会提供一个通用的文件管理器,如 cPanel。 FTP 是将文件上传到 WordPress 后端的常用选项。

大多数管理良好的 WordPress 主机,如 Kinsta,将具有暂存功能,您可以在其中上传修改后的类别模板文件,并查看您是否正确实施了更改。 如果您的主机提供此功能,为了安全起见,您应该始终使用它。

使用您的 FTP 客户端连接到您的 WordPress 主机,然后将修改后的 category-slug.php 文件直接上传到主题。 您对模板所做的任何更改只会出现在该类别的存档页面上。

如果使用此方法,您可以为任意数量的类别创建模板; 只要确保正确命名您的字段即可。

您可以通过以下几种方式编辑类别页面:

在帖子上方添加文字

如果您想在帖子上方添加静态文本(例如,无论下面显示哪些帖子,文本都保持不变),您需要在模板文件的循环部分上方添加以下代码片段:

 <p> This is some text that will display at the top of the Category page. </p>

在页面顶部添加类别名称

如果这还不是您模板的一部分,您可以在循环上方添加此代码:

 <p>Category: <?php single_cat_title(); ?></p>

显示链接到完整帖子的图像

如果您想用链接到完整帖子的图片替换帖子内容,您需要将特色图片放入帖子的摘录部分。 然后将此代码而不是 _content 放入模板中:

 <a href="<?php the_permalink() ?>"> <?php the_excerpt_rss(); ?> <?php the_excerpt_rss(); ?> </a>

方法二:添加条件标签

每当您为您的主题创建模板时,您应该确定您是否真的需要一个单独的模板来完成您想要做的事情。 有时您预想的更改并不太复杂,您可以通过在通用模板(例如 category.php)中添加条件标签来实现它们。

条件标记可用于您的模板文件中,以更改显示的内容以及该内容在特定页面上的显示方式,具体取决于与该页面匹配的条件。

您可以将条件标记方法用于各种场景,例如:

  • 您只想为特定类别显示一行文本
  • 您想要显示特定类别的多个帖子
  • 您希望首先显示特定类别的最旧内容

WordPress 支持多种条件标签,例如 is_category () 标签。 如果条件匹配,您可以使用它来更改模板以显示不同的输出。 例如,如果您的站点上有一个名为“时尚”的类别,您可以将 is_category ('Fashion') 添加到您的模板文件中,然后使用附加代码来确定选择该类别时应该发生什么。 这可能包括在此类别页面上显示连衣裙或时装周的图片。

编辑模板文件以包含条件标签的过程与我们上面描述的完全相同。

方法三(推荐):使用Codeable

如果您精通技术,这两种方法都是可行的。 自己编写代码的优点是您可以自定义类别模板,使其看起来完全符合您的要求。 但是,如果您不熟悉编码,最好不要尝试自己进行更改。

您可以使用 WordPress 网站编辑器作为快速修复,但它的功能非常有限,而且您可能无法创建符合您确切规格的类别页面。

可编码的着陆页

最好的解决方案是使用 Codeable,一个 WordPress 自由职业者平台。 Codeable 使寻找和雇用 WordPress 开发人员变得容易且负担得起,因此您可以轻松找到具有知识和经验的开发人员来修改您的类别页面模板。

Codeable 只使用经过审查的 WordPress 自由职业者,您可以通过三个简单的步骤访问它们:简介、联系和协作。

要使用 Codeable,请访问该站点并通过描述您的需求来提交您的项目。 平均需要 3-5 个小时才能收到来自 Codeable 的回复。 此时,您将与 1-5 位 WordPress 开发人员匹配,他们可以为您完成您的项目。

您可以与每位开发人员交谈,看看哪一位最适合您的项目。 您将收到一个单一的价格估算,这样可以更轻松地根据质量做出招聘决定(而不是立即选择最便宜的选项)。

您选择的开发人员将根据您的严格标准在 WordPress 中创建自定义类别页面。

使用 Codeable 创建自定义 WordPress 类别页面

如果您想改善网站的用户体验,鼓励访问者查看特定内容,或者只是改进不太理想的默认模板设计,您需要一次性为您的 WordPress.org 网站创建一个自定义类别页面阶段或另一个。

如果您喜欢 WordPress 主题但不喜欢类别模板,这一点尤其重要——您唯一的选择是创建自定义模板。

如果您对自己的编码技能有信心,则可以自己进行这些编辑。 但是,如果您是新手,Codeable 是寻找 WordPress 开发人员以实惠的价格为您的类别构建自定义页面的最佳方式。

您的 WordPress 开发人员将创建一个与您希望的外观完全相同的模板。 没有导致崩溃或完全破坏您的页面的代码错误的风险。

为什么不立即提交您的项目并获得免费报价呢? 您只需几步即可获得符合您具体要求的自定义类别页面。