Joe主题文章目录插件及样式修改

话说,没有目录,文章感觉就缺少点灵魂……所以就有了本文!本文来自小伙伴火喵,过程很舒适,结果很完美,值得你拥有!~他的博客,本站友链里有!

效果展示

图片[1]-Joe主题文章目录插件及样式修改-尘遇

插件下载

插件作者: https://github.com/wuruowuxin74/MenuTree
火喵修改版:

CSS样式

新建一个postmenu.css,写入如下内容,别忘了在include.php引用这个CSS文件!

文章内调用

修改 \admin\write-post.phpwrite-page.php 内,想要的位置添加代码:

图片[2]-Joe主题文章目录插件及样式修改-尘遇

图片[3]-Joe主题文章目录插件及样式修改-尘遇

火喵有话说:

  1. 因为使用的插件可以自选当前文章是否需要用文章目录,我之前也修改过另一个文章目录插件,是自动检测文章内容的H2,H3字段,当然有需要的也可以这么改。
  2. 看css可知我选择的是position: fixed,针对浏览器窗口定位,缺点是在非1080的屏幕上很丑,因此隐藏了宽度小于1900的显示,高分辨率屏幕就显得格格不入了,没办法qaq,也不能跟随文章页滚动,有大佬会修改请告诉我,感谢
© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞9赞赏 分享
评论 共28条
头像
非注册用户需审核通过后才能查看。友好交流,勿发纯表情,勿恶意灌水!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像小树叶0
    • 头像xuezhao0
    • 头像kankan0
    • 头像阿萨德0
    • 头像qioasu0
    • 头像fanwu0
    • 头像max0
    • 头像小杰0
    • 头像Smiling0
    • 头像狻猊0
    • 头像哈哈0
    • 头像空空裤兜0
    • 头像空空裤兜0
    • 头像君莫笑0
    • 头像xcshare0
    • 头像xcshare0
    • 头像xcshare0
    • 头像xcshare0
    • 头像xcshare0
    • 头像xcshare0