1、为什么要安装目录插件
之前用的是WPJAM插件里的文章目录,这个目录有3个缺点:
- 文章目录是在文章里,会导致跟文章目录同一行的文字图片排版有问题。
- 文章目录在文章里显的臃肿。
- 文章目录默认是展开状态。
所以打算找1个文章目录插件,把目录放到文章之外,这样就不会有上面的缺点了。
这个插件是:简单目录。
下面就是怎么安装简单目录和配置设置。
2、简单目录
2.1、安装并启动简单目录插件
进入wordpress后台的安装插件页面,搜索框输入:TOC。第一个就是简单目录,点击立即安装。
安装成功后启动简单目录插件。

2.2、设置简单目录-显示文章目录到文章两侧
进入简单目录设置的路径:设置→目录→常规→Sticky Toggle Options
设置:
- Sticky Toggle Options为开启。
- 位置设置为左侧,也可以设置为右侧。
- 勾上TOC open on load(就是文章加载的时候,文章目录为展开状态,等文章加载完,就是收缩状态,手动点击后就展开目录)
- Open Button Text设置为展开目录(这个就是文章目录收缩时,显示的文字)
- 勾上Click TOC Close on Mobile
下面就是设置的截图

2.3、查看效果
这个效果就好多了,不会显得拥挤,排版也正常。

3、简单目录缺点
这个插件也有缺点,网址搜索框输入关键字,搜出来的列表会显示第一章的目录。

手机上显示的目录也不行。tap页的展开目录不显示。
目录在右侧,展开目录这4个字是镜像的。厉害了!
微信扫描下方的二维码阅读本文
本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。
暂无评论
要发表评论,您必须先 登录