使用技巧

如何在WordPress中创建目录(3种方式;无代码)

花时间为您的网站制作内容,只是为了让用户快速点击即可,这可能是令人沮丧的。 由于大多数人都在网上扫描文本,因此,如果他们可以通过向他们提供WordPress目录来直接跳到他们要查找的内容,则可以更好地抓住他们的注意力。

目录可以使读者更轻松地准确找到他们感兴趣的内容,尤其是内容较长时。 这对于搜索引擎优化(SEO)也很有帮助。 幸运的是,无论您是具备一定的编码知识还是初学者,添加目录都是一个非常简单的过程。

在本文中,我们将向您展示三种为WordPress网站创建目录的方法,包括使用插件和手动方法。

创建WordPress目录的三种方法

这是我们将介绍的三种方法–您可以单击下面直接跳至特定技术:

  1. 使用专用插件
  2. 使用块创建目录
  3. 手动建立目录

1.使用专用的插件

使用插件是将目录添加到帖子或页面的快速简便的方法。 简易目录是一个免费工具,可根据您的文本标题自动生成目录:

使用方法如下:

安装插件

您可以通过导航到插件→添加新功能来从WordPress管理仪表板开始使用。 搜索插件,然后单击立即安装按钮,然后单击激活。 总体而言,这是安装WordPress插件的标准路径。

配置插件的常规设置

接下来,您可以根据自己的喜好调整插件的设置。 导航到“设置”>“目录”以找到所有可用选项:

简易目录插件设置屏幕

首先,您可以确定插件将支持的帖子类型。 默认情况下选择页面,但是您可以选择可用设置的任意组合。

接下来,您可以选择哪些帖子类型将具有自动生成和插入的目录。 请注意,您首先需要为想要为其生成目录的每种帖子类型启用支持。

然后,您可以决定目录的显示位置。 您可以将其放置在第一个标题之前或之后,或放置在帖子的顶部或底部:

排名设置下拉菜单

您还可以控制在包含目录之前需要显示多少个标题。 如果您将长篇内容和短篇内容结合使用,这将非常方便,因为您可能不希望在简报中找到目录:

下拉菜单时显示

之后,您可以使用“页眉标签”字段将所需的任何标题赋予目录。 您还可以选择是否允许用户隐藏功能。 如果启用此选项,则读者可以单击一个按钮以折叠表格:

WordPress目录中的折叠按钮

默认情况下,您还可以通过选中“初始视图”框来隐藏目录。 这意味着用户将需要单击按钮以显示信息。

最后的常规设置使您可以调整表的层次结构和计数器。 如果选中“显示为层次结构”,则目录将显示子标题以及主标题,如下所示:

以层次结构组织的目录

使用“计数器”下拉菜单,您可以选择每个标题的编号方式。 您可以选择小数,数字,罗马数字或什么都没有:

简易目录中的计数器设置

配置插件的设计设置

接下来,您可能需要使用以下一组设置来更改目录的外观。 您可以控制宽度以及表格是否出现在屏幕的左侧,右侧或中央。 如果您想更改字体的大小,也可以在此处执行以下操作:

简易目录中的外观设置

您还可以从插件的预设颜色主题之一中进行选择。 如果它们都不适合您的网站,则可以选择“自定义”并定义自己的颜色:

自定义主题颜色设置

更改任何设置后,请确保单击页面底部的“保存更改”按钮。 目录将根据您的配置设置自动显示。

2.使用块创建目录

您还可以使用默认的WordPress块编辑器向WordPress添加目录。 首先,您需要下载并激活免费的Gutenberg终极插件插件:

要在“块编辑器”中工作时将目录添加到页面或帖子中,请单击加号并搜索目录。 该块将根据您的帖子标题自动生成一个表格,但是您还可以尝试许多设置。

在常规选项下,您可以选择表中将包含的标题级别。 您可能需要删除较低的级别,以使目录看起来整洁:

目录块的常规设置

使用“滚动”设置可以打开“平滑滚动”。 选择此选项后,读者可以单击表中的条目并“平滑地”滚动到该部分,而不必直接跳到该部分。

您还可以添加“滚动到顶部”按钮,该按钮将在读者向下移动页面时出现。 启用此设置后,您将可以选择按钮的颜色:

自定义滚动到顶部按钮

接下来,让我们看一下“内容”设置。 第一组选项与表的标题有关。 您可以调整文本的对齐方式,颜色甚至字体:

目录标题设置

与Easy Table of Contents插件一样,您可以选择使表可折叠。 如果需要,该表可以最初折叠,因此用户需要单击它才能查看它。 此外,您可以选择和自定义显示的图标:

目录的折叠设置

最后一个“内容”设置使您可以更改块显示内容列表的方式。 您可以更改项目符号点的颜色或完全禁用它们。 您还可以选择内容的颜色,包括悬停颜色:

目录块的内容设置

最后,还有一些样式设置。 在这里,您可以为目录选择背景色。 您还可以调整表格的宽度,甚至添加漂亮的边框:

带背景和边框的目录

使用块添加目录的一个优点是,可以根据需要对每个表进行不同的样式设置。

3.手动建立目录

我们要看的最后一种方法是使用块编辑器的内置功能手动构建目录。 此方法提供的自定义可能性较小,但如果要避免向站点添加其他插件,则该方法很有用。

由于默认情况下编辑器不包含目录块,因此您可以使用简单的list元素制作自己的目录:

使用列表块创建目录

对于本节的标题,您可以使用标题栏或仅使用文本(我们建议使用前者,因为这对于SEO更好)。 一旦列出了您正在处理的帖子中的每个元素,剩下要做的就是添加指向这些部分的链接。

最简单的方法是导航到列表中每个部分的子标题,然后在该块的设置中打开“高级”选项卡。 您将看到一个称为HTML锚的字段,您可以在其中输入该块的唯一标识符:

为块添加HTML锚点

锚点本身应该是一个单词,并且必须是唯一的。 另外,请记住,您不能对多个元素重复使用相同的标识符。 对于“什么是Web托管?”部分,您可以创建一个标记为“ webhosting”的锚点。

然后返回目录,然后在列表中选择与要链接的部分相对应的条目。 添加一个链接,该链接包含您刚刚设置的HTML锚点,并带有#号,例如“ #webhosting”:

添加HTML锚链接

现在,当有人单击目录中的该链接时,他们的浏览器将自动跳至相应的部分。 只要确保您未将链接设置为在新页面中打开即可。

对目录中的每个元素重复此过程,一切都会很好。 如果希望表格本身在视觉上脱颖而出,则可以访问块的设置并更改其背景颜色:

更改内容表的背景

找到适合自己的样式后,将更改保存到您的帖子中,就是这样!

结论

在WordPress帖子中添加目录可以为用户体验以及您的SEO工作带来好处。

有多种方法可供选择,您应该可以轻而易举地完成此任务。

使用诸如Easy Table of Contents之类的插件可能是在页面上获取目录的最快方法,但是,如果您使用针对Gutenberg的块编辑器和Ultimate Addons插件,您将拥有更多控制权。 或者,如果您不想使用插件,也可以仅使用“块编辑器”手动创建目录。

目录是准备更长的内容并使之更易于访问的一种好方法。 对于其他一些想法,请查看有关格式化长格式内容的四种方法的建议。

您对向WordPress添加目录有任何疑问吗? 在下面的评论部分中询问!