WordPress中TAB按钮悬浮功能加快文章内容浏览体验尝鲜
2020-11-27 05:50:01
众所周知一篇文章长了之后让人看的头疼,那么wordpress也可以通过建立文本索引实现相关浏览效果,那么飞鸟今天说的不是这个方法,我要介绍的是通过自身主题相匹配的短代码实现功能,先看看具体效果:
效果呈现
前端展示
具体改造方法
此功能通过短代码输出,每一个按钮对应你的文章中的”二级标题”短代码为以下示例图片(后台截图):
后台代码
文章中有三个二级标题 那么我在文章正文顶部输出
二级标题相对应
三个按钮文字对应三个二级标题,在下拉时会自动悬浮,高亮、点击会跳转到对应的标题
总结
实现这种效果满足两个条件:1.输入以上短代码
2.文章内容需要使用二级标题与其短代码的文字相对应
好了今天的教程就说到这,有不明白的可以私聊飞鸟视觉。
阅读剩余内容