Rich Table of Contents(RTOC)是一款来自日本设计的 WordPress 文章目录插件,任何人都可以使用它来轻松创建目录,配备了常规目录插件的功能,旨在彻底追求设计和易用性。通过直观的 UI 设计引入实时预览功能,使您可以通过一个按钮创建理想的目录,这绝对是您的博客或网站的加分项.RTOC 易于使用,因此请使用它。
Rich Table of Contents插件的安装及启用
登录 WordPress 后台 >> 插件 >> 安装插件 >> 搜索“Rich Table of Contents”,点击该插件右上角的【现在安装】按钮,稍等片刻安装完毕后点击【Activate】或【启用】按钮启用该插件(PS:或前往插件 >> 已安装的插件 >> 找到该插件后点击【启用】按钮)。
如果无法在后台直接安装就前往 WordPress 官方插件页面Rich Table of Contents中下载,然后在后台 >> 插件 >> 安装插件 >> 点击【上传插件】>> 点击【选择文件】按钮后选择刚才下载的插件安装包 >> 点击【现在安装】按钮 >> 成功安装后点击【启用插件】按钮。
Rich Table of Contents插件的设置和使用
1、插件的设置
登录 WordPress 后台 >> RTOC settings >> Settings,即可进入到该插件的设置页面。
1.1 基本设置
- 目录标题:您可以自由决定目录的标题。
- 自动插入以下内容类型:您可以决定是否在帖子和页面上显示目录。
- 要显示的标题:设置要显示的标题(h2、h3、h4)。
- 显示条件:设置标题的数量以显示目录。
- 字体:设置字体。
1.2 设计设定
- 标题显示:设置标题位置是左还是居中。
- H2 列表设计:设置 H2 列表设计。
- H3 列表设计:设置 H3 列表设计。
- 框架设计:设置目录框架设计表。
- 动画:显示目录时设置动画。
- 平滑滚动:设置单击(点击)目录时是否滚动到标题。
1.3 预设颜色设置
默认添加 RTOC 颜色预设。选择并设置适合您站点的预设。
1.4 颜色设置
- 标题颜色:设置标题颜色。
- 文字颜色:设置文字颜色。
- 底色:设置底色。
- 边框颜色:设置边框颜色。
- H2 列表颜色:设置 H2 列表颜色。
- H3 列表颜色:设置 H3 列表颜色。
- “返回目录”按钮的背景色:设置“返回目录”按钮的背景色。(仅在启用“返回目录”按钮时可用)
1.5 高级设置
- 返回目录的按钮:(仅适用于智能手机)显示返回目录的按钮。
- 返回目录的按钮位置:(仅适用于智能手机)您可以将按钮设置为返回目录的左侧或右侧。
- 向上和向下调整按钮可返回目录:(示例-20,40)
- 排除的帖子 ID:您可以设置不想显示目录的帖子。通过输入以逗号分隔的文章 ID,设置不显示在文章中的目录。(示例 2,3,75)
- 排除的页面 ID:您可以设置不想显示目录的页面。通过输入用逗号分隔的页面 ID,可以设置目录不显示在文章中。(示例 4,6,91)
- 默认目录设置:选择显示目录是打开还是关闭。
- 不加载插件 CSS:如果选中,则将不读取 RTOC 的所有 CSS,并且所有设计设置均无效。如果您已使用 CSS,JS 等自定义目录,请在此处检查并进行操作。
1.6 目录显示的位置
默认情况下目录是显示在内容之前的,如果想要将目录放到其他位置,可以点击切换到“短代码(Shortcode)”获取相应的短代码及说明,然后将短代码添加到主题文件相应位置。
2、插件的使用
文章目录是根据文章内容中的 H1\H2\H3\H4\H5\H6 来决定的,所以我们在编辑文章的时候,记得在设置相应级别的小标题哦!如经典编辑器中,点击即可设置一级~六级标题。
文章发布或更新之后前段文章目录的效果如下:
总结
WordPress 的这款文章目录插件 Rich Table of Contents 功能还是相当不错的,而且目录的样式及目录有多种选择,在进行设置的时候右侧直接实时显示预览,方便我们的调整样式等。如果你想为你的 WordPress 站点添加文章目录功能的话,这款插件值得选择。如果不喜欢可以考虑另一款目录插件,具体如下:
- WordPress 功能强大的文章目录插件 Table of Contents Plus
- WordPress 简单易用的文章目录插件 LuckyWP Table of Contents
- 支持文章、页面、自定义文章的 WordPress 目录插件:Easy Table of Contents