WordPress中TAB按钮悬浮功能加快文章内容浏览体验尝鲜

众所周知一篇文章长了之后让人看的头疼，那么wordpress也可以通过建立文本索引实现相关浏览效果，那么飞鸟今天说的不是这个方法，我要介绍的是通过自身主题相匹配的短代码实现功能，先看看具体效果：

效果呈现

前端展示

具体改造方法

此功能通过短代码输出，每一个按钮对应你的文章中的”二级标题”短代码为以下示例图片（后台截图）：

后台代码

文章中有三个二级标题 那么我在文章正文顶部输出

二级标题相对应

三个按钮文字对应三个二级标题，在下拉时会自动悬浮，高亮、点击会跳转到对应的标题

总结

实现这种效果满足两个条件：1.输入以上短代码

2.文章内容需要使用二级标题与其短代码的文字相对应

好了今天的教程就说到这，有不明白的可以私聊飞鸟视觉。