【教程篇】B2主题修改底部导航图标

作者 : admin 本文共1724个字,预计阅读时间需要5分钟 发布时间: 2019-12-30 共329人阅读

wordpress程序各大主题中,由春哥出品两款主题,seven与B2,是两款美观且功能强大的主题,我本人用的就是B2,而B2移动端底部导航很实用,但对于很多用户,像我这种强迫症严重的又不懂编程的人来说,都不懂怎样改一下图标或运用图标,经过很多天的努力,我研究出了一个很简单的方法,废话不多说,上教程!

  • 激活与说明>常规设置>综合设置中,找到底部HTML标签,如图所示
  • 添加如下代码:
<div class="mobile-footer-menu mobile-show footer-fixed" ref="footerMenu">
			<div class="mobile-footer-left">
				<a href="https://coolqu.cn"><span><img src="https://coolqu.cn/wp-content/uploads/2020/01/136263a7c5ce3f.png"/></span><b>首页</b></a><a href="https://coolqu.cn/collection"><span><img src="https://coolqu.cn/wp-content/uploads/2020/01/1f508335e50742.png"/></span><b>专题</b></a><a href="https://coolqu.cn/verify"><span><img src="https://coolqu.cn/wp-content/uploads/2020/01/1ce333630f5051.png"/></span><b>认证</b></a>			</div>
			<div class="mobile-footer-center">
				<a href="https://coolqu.cn/write"><span><i class="b2font b2-jia b2-radius "></i></span></a>
			</div>
			<div class="mobile-footer-right">
				<a href="https://coolqu.cn/shop"><span><img src="https://coolqu.cn/wp-content/uploads/2020/01/1e55f335d15a73.png"/></span><b>店铺</b></a><a href="javascript:void(0)" onclick="b2SearchBox.show = true"><span><img src="https://coolqu.cn/wp-content/uploads/2020/01/1e63548b636ef2.png"/></span><b>搜索</b></a><a href="javascript:void(0)" onclick="window.event.cancelBubble = true;b2AsideBar.showAc(true)"><span v-if="!msg"><img src="https://coolqu.cn/wp-content/uploads/2020/01/1ec533fe356d35.png"/></i></span><span v-else v-cloak><img src="https://coolqu.cn/wp-content/uploads/2020/01/1b5e23f0938559.png"/></span><span v-else v-cloak><i class="b2font b2-xiaoxi "></i></span><b id="footer-menu-user">我的</b><b class="footer-new-msg" v-show="msg" v-text="msg" v-cloak></b></a>			</div>
		</div>
	</div>

代码整得有些粗糙,抱歉,其中需要修改链接http://coolqu.cn为你自己网站链接,修改一下相应的图片链接就行
添加好修改完毕,保存之后记得去把主题的底部导航设置为始终不显示
作为一个B2的用户,在这里祝春哥越做越好!

常见问题FAQ

本站资源怎么样?
本站有3000+精品资源,开通本站会员等于拥有几个站的资源,超划算哦!

发表评论