WordPress如何添加目录链接,简单步骤指南

来自:素雅营销研究院

头像 方知笔记
2025年04月27日 08:09

在WordPress文章中添加目录链接(TOC,Table of Contents)可以提升用户体验,帮助读者快速跳转到感兴趣的内容部分。无论是长篇文章还是教程类内容,目录都能让结构更清晰。以下是几种常见的添加目录链接的方法。

方法一:使用插件(推荐)

WordPress有许多插件可以自动生成目录,操作简单且功能丰富,以下是两个热门选择:

1. Easy Table of Contents

  • 安装并激活插件后,进入 设置 > Easy Table of Contents
  • 选择在哪些文章类型中自动生成目录(如文章、页面)。
  • 设置标题样式、层级显示(如H2、H3)等选项。
  • 保存后,插件会自动在符合条件的文章中插入目录。

2. LuckyWP Table of Contents

  • 安装插件后,在文章编辑器的区块中添加 “Table of Contents”
  • 调整显示选项,如是否允许折叠、是否显示序号等。
  • 发布后,目录会根据文章标题自动生成。

方法二:手动添加锚点链接

如果不想使用插件,可以通过HTML锚点手动创建目录:

  1. 为标题添加ID 在文章编辑器的HTML模式下,找到需要跳转的标题,添加id属性,例如:
<h2 id="section1">第一部分</h2>
  1. 创建目录链接 在文章开头添加跳转链接,指向对应的id,例如:
<a href="#section1">跳转到第一部分</a>

方法三:使用区块编辑器(Gutenberg)

WordPress自带的区块编辑器也支持目录功能:

  1. 在编辑器中添加 “目录”区块
  2. 系统会自动识别文章的标题(H2、H3等)并生成目录。
  3. 可调整样式或选择是否允许折叠。

优化建议

  • 保持标题层级清晰:使用H2、H3等标签规范结构,便于插件识别。
  • 测试跳转效果:发布前检查目录链接是否能正确跳转。
  • 移动端适配:确保目录在手机端显示正常,避免影响阅读体验。

通过以上方法,你可以轻松为WordPress文章添加目录链接,提升内容的可读性和导航效率!