前言:
这其实是导航按钮 添加也很简单的!
适用于Ty、WP等主题,推荐Joe,其他也可以的。
废话少说!直接上教程!
1、修改页脚footer.php文件,Joe在:pubilc/footer.php
在页脚文件footer.php或者foot.php最下方添加以下代码:
<div id="mobile-footer">
<ul id="mobile-menu">
<li> <a href="https://blog.qqdsw8.cn/43.html"> <span class="cyicon chenyu-pinglun"></span> 留言 </a></li>
<li> <a href="https://blog.qqdsw8.cn/30.html"> <span class="cyicon chenyu-106collect"></span> 关于 </a></li>
<li> <a href="/"> <span class="cyicon chenyu-yu"></span> 首页 </a></li>
<li> <a href="https://blog.qqdsw8.cn/42.html"> <span class="cyicon chenyu-youlianguanli"></span> 友链 </a></li>
<li> <a href="https://dh.qqdsw8.cn/"> <span class="cyicon chenyu-daohang"></span> 导航 </a></li>
</ul>
</div>
{/tabs-pane}
{tabs-pane label="代码放的位置"}
{/tabs-pane}
2.修改include.php文件
在/usr/themes/Joe/public/include.php的19-29行之间新增如下代码:
3.新增cysjdh.css文件
在/usr/themes/Joe/assets/css/路径下新增cysjdh.css文件,内容如下:
@import url("//at.alicdn.com/t/font_2611504_8nq4wp1bmb3.css");
@media screen and (min-width:767px){#mobile-footer{display:none}}
#mobile-footer{height:50px;background:#fafafa;position:fixed;bottom:0;left:0;border-top:0;width:100%;z-index:9999999}
#mobile-menu{display:block}
#mobile-menu:after{content:'';display:block;height:0;clear:both}
#mobile-menu>li{width:20%;float:left;border-top:1px solid #e6e6eb;height:100%}
#mobile-menu>li>a:hover{color:#000;}
#mobile-menu>li>.active{color:#000;}
#mobile-menu>li>a{text-align:center;color:#777;display:block;line-height:12px;height:100%}
#mobile-menu>li>a>span{font-size:20px;display:block;line-height:30px}
本文共 115 个字数,平均阅读时长 ≈ 1分钟
能够教你读书可爱的学妹和生硬的父亲还有……这片星空我现在拥有的东西,只有这样我能够给阿良良木你的,只有这些这些就是,全部
就算是自私⋯⋯我也希望那些人能够永远都有笑容⋯⋯
路过的熟悉,如同有你,已无转身的距离。
好男儿胸怀像大海
奇迹不是免费的,如果你祈求了希望,也会散播出同等的绝望。
区区一只趴在地上的蝼蚁,谁允许你抬起头的, 虫子就要有虫子的样子,低头伏地然后去死。
666666
谢谢大佬分享
谢谢大佬分享
66666666
谢谢大佬分享
谢谢大佬分享