wordpress网站手机端页面增加自适应底部菜单功能

我的一个网站-奇闻异志(灵异事件类的网站,有兴趣的可以去看看)是自适应页面,但是移动端没有底部导航,切换内容时需要点开页面顶部的隐藏菜单然后选择。

这样的方式对用户使用特别不友好,我希望在手机端的页面底部设置几个主要板块的快捷入口,所以想着添加一个自适应的页脚导航菜单。

废话补多少,方式是网上收集的,已测试完美可用。

一、效果

二、代码

将以下代码放到网站页脚文件footer.php 的</html>之前最后添加以下代码:

此处内容需要登录并 才可见

如果是独立手机模板就把代码添加到手机首页模板页。

三、代码美化

  • 请自行修改上面5-9行代码的页面链接和图片链接。源码为自适应,适用任何网页程序
  • 底部导航颜色默认透明颜色,修改background:rgba(255,255,255,.150);最后一个数值,数值越小透明度越低,也可自定义别的颜色,如白色:background:#ffffff;
  • style="animation: blink 1.0s linear infinite;"图片闪烁代码,1.0s时间,可删除或按照源码格式设置某个图标闪烁

注:图片自己修改或本地化,请勿调用本站的按钮图片链接,以免删除更改后失效。

四、查看演示

参与评论

游客评论不支持回复他人评论内容,如需回复他人评论内容请