适用于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://www.zmr666.com/"> <span class="cyicon chenyu-yu"></span> 首页 </a></li>
        <li> <a href="https://www.zmr666.com/"> <span class="cyicon chenyu-106collect"></span> 关于 </a></li>
        <li> <a href="https://www.zmr666.com/"> <span class="cyicon chenyu-weiyuqiang-"></span> 动态 </a></li>
        <li> <a href="https://www.zmr666.com/"> <span class="cyicon chenyu-ganxie"></span> 排行榜 </a></li>
        <li> <a href="https://www.zmr666.com/"> <span class="cyicon chenyu-daohang"></span> 导航 </a></li>
    </ul>
</div>

2.修改include.php文件
在/usr/themes/Joe/public/include.php的19-29行之间新增如下代码:

<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/cysjdh.css'); ?>">

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}

如果菜单挡住了原内容,在后面加上

</footer>
<br><br>
最后修改:2023 年 09 月 27 日
如果觉得我的文章对你有用,请随意赞赏