wordpress网站怎么为手机端底部添加菜单和按钮?

  • A+
所属分类:计算机培训

wordpress网站怎么为手机端底部添加菜单和按钮?

好了,废话不多说,把这段代码复制到footer.php即可。

<style type=”text/css”>
.nav{
display:none;
}
@media only screen and (max-width:450px){
.site-info{
padding:15px 0 58px 0;
}
#advert_widget, .php_text .widget-text, .widget .textwidget{
padding:0;
}
.nav{
position:fixed;
z-index:999;
bottom:0;
width:100%;
height:40px;
display:block;
right:0;
box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-webkit-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-mox-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-o-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-ms-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
}
.nav{
padding-left:0;
margin-bottom:0;
list-style:none;
}
.nav span{
width:50px !important;
height:50px !important;
}
.font-text {
margin: 0 0 0 5px;
color: #FFFFFF;
}
.nav > ul{
position:relative;
z-index:1;
height:40px;
background: rgba(102,102,102,.85);
list-style-type:none;
margin:0px;
padding:0px!important;
}
.nav ul li{
position:relative;
float:left;
width:20%;
text-align:center;
margin:0px;
padding:0px
list-style-type:none;
top:5px;
}
.nav ul li a{
display:block;
margin-right:auto;
margin-left:auto;
}
}
</style>
<div class=”nav”>
<ul>
<li> <a href=”https://mobile.yangkeduo.com/mall_page.html?mall_id=531308277&ts=1567772823356&refer_share_id=88b6ac94997746698ff977d58f1f468b&refer_share_uid=5688789595&refer_share_channel=copy_link”><span class=”font-text”><i class=”fa-home fa”></i>逛小店</span></a></li>
<li> <a href=”http://www.91baojian.net/guanyu”><span class=”font-text”><i class=”fa fa-music”></i>加微信</span></a></li>
<li> <a href=”https://weibo.com/u/5574011241″><span class=”font-text”><i class=”fa-twitch fa”></i>看微博</span></a></li>
<li> <a href=”http://www.91baojian.net/archives/category/life”><span class=”font-text”><i class=”fa fa-pencil”></i>爱生活</span></a></li>
<li> <a href=”http://www.91baojian.net/archives/category/zhongyiyangshengbaojian”><span class=”font-text”><i class=”fa fa-at”></i>聊养生</span></a></li>

</ul>
</div>



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: