如何在 WordPress 中添加目录(3 种方式)

已发表: 2023-01-13

如果您在博客上发布长篇文章,您需要为读者提供一种快速导航至文章不同部分的方法。 创建目录可以帮助您实现这一点,但您可能不知道如何开始。

幸运的是,WordPress 可以轻松地将目录添加到您的帖子中。 例如,您可以使用专用插件或在块编辑器中手动创建表格——无需编码知识!

在这篇文章中,我们将仔细研究目录并讨论在您的文章中使用它们的好处。 然后,我们将向您展示三种在 WordPress 中创建它们的不同方法。 让我们开始吧!

WordPress 目录简介

目录是您帖子的标题和副标题的列表。 每个标题都包含一个锚链接,可将读者带到帖子中的该部分。

例如,如果用户想阅读您文章中的特定主题,他们只需单击目录中的相关标题即可:

博客文章中的目录示例

这样,读者可以跳到他们最感兴趣的部分并跳过其余部分。 他们不需要向下滚动页面并浏览帖子来找到他们正在寻找的内容。

此外,目录让用户可以快速浏览文章,让他们知道会发生什么。 例如,如果您写了一篇关于游览伦敦的文章,读者可以快速查看指南中包含的内容(例如,住宿地点、最佳餐厅、要做的事情等)。

因此,目录有助于改善用户体验 (UX) 并使您的帖子更具可读性。 反过来,这可能会帮助您在相关搜索词中排名更高。

如何在 WordPress 中添加目录(3 种方式)

正如我们所见,在帖子中使用目录有助于提高站点的性能。 幸运的是,创建它们比您想象的要容易。 现在让我们看看在 WordPress 中添加目录的三种简单方法!

1. 安装目录插件

将目录插件添加到您的 WordPress 网站是一种快速简便的方法,可以使您的内容更易于导航。 虽然有很多选项可供选择,但我们推荐 Easy Table of Contents:

WordPress 中的简易目录插件横幅

此插件使您能够将目录插入到您的帖子、页面和自定义帖子类型中。 另外,它可以自动为您生成表格!

在站点上安装插件后,导航到 WordPress 仪表板中的设置 > 目录。 在常规选项卡下,您可以选择要为其创建表格的内容类型:

Easy Table of Contents的插件设置

您还可以选择将它们自动插入到您的帖子和页面中:

简易目录设置中的自动插入选项

如果您更愿意手动添加它们,您可以复制短代码并将其嵌入到您的帖子中:

目录的简码

例如,您可能只想向特定帖子添加目录。 在这种情况下,您需要取消选中“自动插入”部分中的框,并使用短代码将表格添加到您的首选内容中。

外观部分,您会发现目录的多个自定义选项。 您可以更改字体、选择链接颜色等:

简易目录中的外观设置。

现在,让我们看看目录对您的读者来说是什么样子的。 如果您为帖子选择了自动插入选项,则可以在前端打开一篇随机文章:

目录的前端预览

默认情况下,目录将显示在您的标题和介绍性段落下方,以及第一个 H2 标题之前。 但是,您可以在插件设置中更改它。

如果您想为所有帖子自动添加目录,这个插件是一个理想的选择。 但是,如果您只想在其中一些上使用表格,您可能需要考虑替代方案。

2. 使用自定义 WordPress 块

您还可以将目录添加为块。 这样,您可以将其直接插入到您的帖子中,并在 WordPress 块编辑器中对其进行自定义。

在撰写本文时,块编辑器不提供目录块。 但是,您可以使用像 Spectra 这样的插件将此功能添加到您的网站:

WordPress 中的 Spectra 横幅

Spectra 向您的站点添加了一系列实用块,包括目录选项。 安装插件后,导航至“设置”>“光谱”以查看已添加模块的完整列表。

确保目录块已激活:

Spectra 添加的块列表

然后,您可以在块编辑器中打开一个帖子,并将块添加到页面上您想要的任何位置:

目录块

与任何块一样,您将可以访问一些自定义设置。 例如,您可以选择要包含在目录中的标题标签:

在 WordPress 中自定义目录块

要自定义表格的外观,请单击“样式”选项卡。 在这里,您可以更改标题、标题等的排版和颜色:

自定义目录的样式

如果您想将目录应用于某些帖子而不是所有帖子,使用目录块可能是更有效的选择。 此外,您可以将其保存为可重复使用的块,这样您就不必每次在帖子中使用该表时都重新应用相同的自定义设置。

但是,您可以选择为每个帖子创建自定义表格。 例如,您可能希望在某些帖子中包含所有标题标签,但在其他帖子中只显示 H2 和 H3 标题。

使用 Easy Table of Contents 插件,您必须为您的帖子使用相同的表格。 因此,如果您希望在表的设计上有更多自由,您可能更喜欢 Spectra。

3. 在块编辑器中手动创建表格

您也可以选择手动创建目录。 也许您想避免在您的网站上安装另一个插件,因为您只需要为一两个帖子创建一个表格。

虽然手动添加目录可能有点乏味,但过程非常简单。 首先,您需要在您的帖子中添加一个列表块。 然后,输入标题并根据需要使用缩进选项:

在块编辑器中创建列表

接下来,您需要创建锚链接。 这样,当用户单击目录中的标题时,他们将被带到相关部分。

为此,请选择标题块。 然后,导航到设置面板并单击“高级”选项卡。 在HTML 锚字段中,为此标题输入一个唯一的名称,例如“heading1”:

在 WordPress 中添加 HTML 锚点

现在,返回列表,选择相应的项目,然后单击工具栏中的链接图标:

在块编辑器中添加指向列表项的链接

接下来,您需要输入您在 HTML 锚字段中输入的名称,并在前面添加一个主题标签。 在我们的示例中,这将是“#heading1”:

在 WordPress 中输入锚链接

输入锚链接后,您将能够单击该项目以导航到相应的部分。 您可以对列表中的其他项目重复相同的过程。

准备就绪后,您需要测试前端的锚链接以确保它们有效:

在前端测试目录

请记住在列表上方添加“目录”标题。 此外,您可能希望对标题和列表块进行分组并从设置面板自定义它们:

对标题和列表块进行分组并在块编辑器中自定义它们

如您所见,您无需安装插件即可创建目录。 但是,如果您想将表格添加到多个帖子中,这可能比手动创建它们更有效。

结论

在您的帖子中添加目录可以让读者更容易找到他们正在寻找的内容。 这有助于改善用户体验并降低跳出率,进而可能会在搜索结果中获得更好的排名。

在这篇文章中,我们研究了三种在 WordPress 中添加目录的方法:

  1. 安装 Easy Table of Contents 之类的插件。
  2. 使用 Spectra 之类的工具将目录块添加到您的站点。
  3. 使用列表块手动创建表格。

您对向 WordPress 添加目录有任何疑问吗? 在下面的评论部分让我们知道!