前排提示!!此方法为之前用的方法,实际效果和现在的不同。本文火喵原创,禁止转载
样式效果
之前小站做了个文章目录,但是问题很多就没有写什么使用方法,但是今天有小伙伴来问我要小站的目录,于是只好写一篇这样的教程,本来是很简单的,用插件就可以实现了,但是有一些美中不足之处,这样写出来也方便和小伙伴们交流。(才不是为了水一篇博文的!绝对是呢!!→_→)
最终的效果是这样的,小伙伴也能在小站浏览的时候发现它
下载插件
各位可以去插件作者地址去下载: https://github.com/wuruowuxin74/MenuTree
也可以在我这下现成的
写入样式
可以新建一个postmenu.css
,写入
别忘了在include.php
引用
美化样式是火喵自用,不满意的地方可以自行修改,更多可修改的部分参见插件php内的说明。
插件启动后,在想要插入目录的文章,页面的任意位置写 <!--
index-menu
-->
更方便的使用(可选)
小伙伴们会发现在使用文字目录时,打字 <!--
index-menu
-->
很麻烦,现在有两个解决办法,一个是写入到joe编辑器的工具栏,二是放在编辑框的右侧,如图,用的时候直接复制一下就好了
修改\admin\write-post.php
内,想要的位置添加代码
<section class="typecho-post-option">
<label class="typecho-label"><?php _e('文章目录 <!-- index-menu -->'); ?></label>
</section>
可选择修改write-page.php
同理
最后想说
- 因为使用的插件可以自选当前文章是否需要用文章目录,我之前也修改过另一个文章目录插件,是自动检测文章内容的H2,H3字段,当然有需要的也可以这么改
- 看css可知我选择的是
position: fixed
,针对浏览器窗口定位,缺点是在非1080的屏幕上很丑,因此隐藏了宽度小于1900的显示,高分辨率屏幕就显得格格不入了,没办法qaq,也不能跟随文章页滚动,有大佬会修改请告诉我,感谢
6666666666
暂无点赞
好棒哟
暂无点赞
感谢博主
暂无点赞
看看隐藏
1
好棒!我试试把他引入我的主题 👍
2
咋改sticky?
暂无点赞
主题目录悬浮怎么搞的,钉不住
暂无点赞
怎么搞这个文章大纲?
暂无点赞
前来学习 (ฅ´ω`ฅ)
暂无点赞
前来学习
暂无点赞
试试看吧
暂无点赞
学习了
暂无点赞
学习了
暂无点赞
感谢大佬,学习了
暂无点赞
学习了
暂无点赞
大佬
暂无点赞
:@(长草)大佬(
暂无点赞
谢谢!!!
暂无点赞
好好看
暂无点赞
好看~:@(高兴)
暂无点赞