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

文章目录(展开/隐藏→)

展开
3.3
(6)

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

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;
}
WordPress 目录插件table-of-contents美化教程
WordPress 目录插件table-of-contents美化教程

目录插件滚动固定

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

样式可以参考本站

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

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

已付费?登录刷新

共计6人评分,平均3.3

到目前为止还没有投票~

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/website/wordpress-table-of-contents.html

(0)
上一篇 2022年08月21日 18:01
下一篇 2022年08月23日 23:55

相关推荐

发表回复

登录后才能评论

评论列表(1条)

    本站APP