腾讯云服务器优惠活动华纳云香港服务器
boke112百科 » Plugins » 正文

日本设计的WordPress文章目录插件Rich Table of Contents

WordPress主题推荐

Rich Table of Contents(RTOC)是一款来自日本设计的 WordPress 文章目录插件,任何人都可以使用它来轻松创建目录,配备了常规目录插件的功能,旨在彻底追求设计和易用性。通过直观的 UI 设计引入实时预览功能,使您可以通过一个按钮创建理想的目录,这绝对是您的博客或网站的加分项.RTOC 易于使用,因此请使用它。

Rich Table of Contents插件的安装及启用

登录 WordPress 后台 – 插件 – 安装插件 – 搜索“Rich Table of Contents”,点击该插件右上角的【现在安装】按钮,稍等片刻安装完毕后点击【Activate】或【启用】按钮启用该插件(PS:或前往插件 – 已安装的插件 – 找到该插件后点击【启用】按钮)。

日本设计的WordPress文章目录插件Rich Table of Contents-第1张-boke112百科(boke112.com)

如果无法在后台直接安装就前往 WordPress 官方插件页面Rich Table of Contents中下载,然后在后台 – 插件 – 安装插件 – 点击【上传插件】- 点击【选择文件】按钮后选择刚才下载的插件安装包 – 点击【现在安装】按钮 – 成功安装后点击【启用插件】按钮。

Rich Table of Contents插件的设置和使用

1、插件的设置

登录 WordPress 后台 – RTOC settings – Settings,即可进入到该插件的设置页面。

1.1 基本设置

  • 目录标题:您可以自由决定目录的标题。
  • 自动插入以下内容类型:您可以决定是否在帖子和页面上显示目录。
  • 要显示的标题:设置要显示的标题(h2、h3、h4)。
  • 显示条件:设置标题的数量以显示目录。
  • 字体:设置字体。

日本设计的WordPress文章目录插件Rich Table of Contents-第2张-boke112百科(boke112.com)

1.2 设计设定

  • 标题显示:设置标题位置是左还是居中。
  • H2 列表设计:设置 H2 列表设计。
  • H3 列表设计:设置 H3 列表设计。
  • 框架设计:设置目录框架设计表。
  • 动画:显示目录时设置动画。
  • 平滑滚动:设置单击(点击)目录时是否滚动到标题。

日本设计的WordPress文章目录插件Rich Table of Contents-第3张-boke112百科(boke112.com)

1.3 预设颜色设置

默认添加 RTOC 颜色预设。选择并设置适合您站点的预设。

日本设计的WordPress文章目录插件Rich Table of Contents-第4张-boke112百科(boke112.com)

1.4 颜色设置

  • 标题颜色:设置标题颜色。
  • 文字颜色:设置文字颜色。
  • 底色:设置底色。
  • 边框颜色:设置边框颜色。
  • H2 列表颜色:设置 H2 列表颜色。
  • H3 列表颜色:设置 H3 列表颜色。
  • “返回目录”按钮的背景色:设置“返回目录”按钮的背景色。(仅在启用“返回目录”按钮时可用)

日本设计的WordPress文章目录插件Rich Table of Contents-第5张-boke112百科(boke112.com)

1.5 高级设置

  • 返回目录的按钮:(仅适用于智能手机)显示返回目录的按钮。
  • 返回目录的按钮位置:(仅适用于智能手机)您可以将按钮设置为返回目录的左侧或右侧。
  • 向上和向下调整按钮可返回目录:(示例-20,40)
  • 排除的帖子 ID:您可以设置不想显示目录的帖子。通过输入以逗号分隔的文章 ID,设置不显示在文章中的目录。(示例 2,3,75)
  • 排除的页面 ID:您可以设置不想显示目录的页面。通过输入用逗号分隔的页面 ID,可以设置目录不显示在文章中。(示例 4,6,91)
  • 默认目录设置:选择显示目录是打开还是关闭。
  • 不加载插件 CSS:如果选中,则将不读取 RTOC 的所有 CSS,并且所有设计设置均无效。如果您已使用 CSS,JS 等自定义目录,请在此处检查并进行操作。

日本设计的WordPress文章目录插件Rich Table of Contents-第6张-boke112百科(boke112.com)

1.6 目录显示的位置

默认情况下目录是显示在内容之前的,如果想要将目录放到其他位置,可以点击切换到“短代码(Shortcode)”获取相应的短代码及说明,然后将短代码添加到主题文件相应位置。

日本设计的WordPress文章目录插件Rich Table of Contents-第7张-boke112百科(boke112.com)

2、插件的使用

文章目录是根据文章内容中的 H1\H2\H3\H4\H5\H6 来决定的,所以我们在编辑文章的时候,记得在设置相应级别的小标题哦!如经典编辑器中,点击即可设置一级~六级标题。

日本设计的WordPress文章目录插件Rich Table of Contents-第8张-boke112百科(boke112.com)

文章发布或更新之后前段文章目录的效果如下:

日本设计的WordPress文章目录插件Rich Table of Contents-第9张-boke112百科(boke112.com)

总结

WordPress 的这款文章目录插件 Rich Table of Contents 功能还是相当不错的,而且目录的样式及目录有多种选择,在进行设置的时候右侧直接实时显示预览,方便我们的调整样式等。如果你想为你的 WordPress 站点添加文章目录功能的话,这款插件值得选择。如果不喜欢可以考虑另一款目录插件,具体如下:

本文地址:https://boke112.com/post/7343.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu