WordPress 目录插件table-of-contents美化教程

分享一个WordPress目录插件：table-of-contents，下文直接用目录插件表示。该插件使用后，经过简单的设置，可以在文章等页面自动添加目录，而且目录展示的位置可以后台调整。本文，会给出目录插件的使用设置教程，目录插件的初步美化，以及前端目录模块随滚动条自动固定的设置方法。

目录插件使用

WordPress后台安装插件，搜素table-of-contents，安装并启用。第一个：简单的目录，就是本文中提到的插件。

下面，是具体的设置过程：WordPress后台，设置选项下的目录，即为该插件设置的地方。

• 启用支持：文章
• 自动插入：文章
• 位置：顶部
• 显示何时：2
• 等

详情见下面组图所示：

目录插件美化

这部分主要修改下前端目录的样式，在主题自定义CSS选项中插入如下代码即可：

#ez-toc-container {
    border: dashed 2px #666!important;
    padding: 5px 10px!important;
}

目录插件滚动固定

即本站目前的目录样子，滚动条滚动到下方时，会将目录固定在某个地方，使得目录跳转更加方便。分开桌面及手机端设置，使得每个平台都有还算完美的样式。

样式可以参考本站

具体的实现方式如下所示：

您需要付费解锁才能查看当前内容

付费解锁 ¥10.00

开通会员

黄金会员¥5.00

钻石会员¥2.00

已付费？登录 或 刷新