在WordPress文章中添加目录(TOC,Table of Contents)可以提升用户体验,方便读者快速跳转到感兴趣的内容。以下是几种实现目录的方法,包括使用插件和手动代码方式。
方法一:使用插件自动生成目录
1. 安装目录插件
WordPress有许多插件可以自动生成目录,推荐以下几款:
- Easy Table of Contents:功能强大,支持多级标题自动生成。
- LuckyWP Table of Contents:轻量级插件,自定义选项丰富。
- Fixed TOC:适合固定侧边栏目录。
安装步骤:
- 进入WordPress后台 → 插件 → 安装插件。
- 搜索插件名称(如“Easy Table of Contents”)。
- 点击安装并启用。
2. 配置插件
以Easy Table of Contents为例:
- 进入 设置 → Table of Contents。
- 选择在哪些文章类型显示目录(如文章、页面)。
- 设置目录位置(如文章开头或浮动侧边栏)。
- 调整样式(颜色、字体等)。
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+的区块编辑器自带“目录”区块:
- 在文章编辑界面,点击 + 添加区块。
- 搜索“目录”并选择。
- 系统会自动根据标题生成目录。
优化建议
- 层级清晰:确保文章使用H2、H3等标题分级。
- 目录位置:通常放在文章开头或侧边栏。
- 移动端适配:测试目录在手机上的显示效果。
通过以上方法,你可以轻松在WordPress文章中添加目录,提升阅读体验!