WordPress怎么做目录,详细步骤与插件推荐

来自:素雅营销研究院

头像 方知笔记
2025年08月26日 22:01

在WordPress文章中添加目录(TOC,Table of Contents)可以提升用户体验,方便读者快速跳转到感兴趣的内容。以下是几种实现目录的方法,包括使用插件和手动代码方式。

方法一:使用插件自动生成目录

1. 安装目录插件

WordPress有许多插件可以自动生成目录,推荐以下几款:

  • Easy Table of Contents:功能强大,支持多级标题自动生成。
  • LuckyWP Table of Contents:轻量级插件,自定义选项丰富。
  • Fixed TOC:适合固定侧边栏目录。

安装步骤

  1. 进入WordPress后台 → 插件安装插件
  2. 搜索插件名称(如“Easy Table of Contents”)。
  3. 点击安装启用

2. 配置插件

Easy Table of Contents为例:

  1. 进入 设置 → Table of Contents
  2. 选择在哪些文章类型显示目录(如文章、页面)。
  3. 设置目录位置(如文章开头或浮动侧边栏)。
  4. 调整样式(颜色、字体等)。

3. 自动生成目录

插件会根据文章的标题(H2、H3等)自动生成目录,无需手动操作。


方法二:手动添加目录(无需插件)

如果不想用插件,可以通过HTML和短代码手动创建目录:

1. 使用锚点链接

在文章编辑器中,切换到HTML/代码模式,为每个标题添加锚点,例如:

<h2 id="section1">第一部分</h2>

然后在文章开头添加目录链接:

<ul>
<li><a href="#section1">第一部分</a></li>
</ul>

2. 使用短代码(需主题支持)

某些主题(如GeneratePress)支持目录短代码,例如:

[toc]

直接插入即可生成目录。


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

WordPress 5.0+的区块编辑器自带“目录”区块:

  1. 在文章编辑界面,点击 + 添加区块
  2. 搜索“目录”并选择。
  3. 系统会自动根据标题生成目录。

优化建议

  • 层级清晰:确保文章使用H2、H3等标题分级。
  • 目录位置:通常放在文章开头或侧边栏。
  • 移动端适配:测试目录在手机上的显示效果。

通过以上方法,你可以轻松在WordPress文章中添加目录,提升阅读体验!