一个现代化WordPress网站,移动端体验才是最重要的开发方向。相信使用过子比主题的用户都知道,zibll子比主题一直都十分注重移动端的功能开发和用户交互体验,我们希望通过一款主题,让您的网站拥有堪比优质APP的移动端体验,强大而又丝丝顺滑!
功能介绍
首先我们简单的介绍一个移动端底部TAB的功能以及特色移动端底部TAB也就是显示在手机上,页面底部的按钮,让手机端更加方便操作和跳转
- 按钮数量随意添加、删除、排序
- 每个按钮支持自定义图标、自定义文字、自定义尺寸
- 主题预置了漂亮的多彩SVG图标
- 按钮支持添加标签显示
- 文章页、帖子页支持自动显示文章功能按钮
- 支持页面滚动时隐藏功能
- 漂亮的UI设计,颜色、背景、间距、尺寸都精心设计
- 细节完美!例如:适配所有手机,不会被全屏手机的底部横条遮挡
- 首页按钮支持自动切换为返回顶部按钮
- 消息按钮支持自动显示未读消息数量
- 添加按钮支持投稿、发帖、创建板块、创建话题
- 文章内容页面自动显示当前内容的评论、点赞、收藏、评分、分享、购买按钮
功能设置
进入
![图片[1]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-20.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1024,h_891)
在这里你可以开启此功能、添加按钮、根据需要设置功能
![图片[2]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-21.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1024,h_918)
当我们添加一个按钮的时候,我们可以选择默认图标,或者自定义图标,也可以添加文章或徽章。不同的按钮类型有不同的功能
案例展示
这个功能使用设置都是十分简单的,主题默认是一套5键的按钮,那么我们接下来展示几个设置案例,供大家参考一下
![图片[3]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-23.png)
![图片[4]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-24.png)
![图片[5]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-27.png)
![图片[6]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-28.png)
![图片[7]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-29.png)
![图片[8]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-26.png)
![图片[9]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-25.png)
![图片[10]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-22.png)
![图片[11]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-42.png)
![图片[12]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/12/图片-43.png)
zibll子比主题V6.3新增付费内容页面,自动显示购买按钮
![图片[13]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/04/图片-4.png)
![图片[14]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/04/图片-3.png)
最后,如需使用自定义HTML图标,可以参考以下教程
© 版权声明
分享是一种美德,转载请保留原链接
THE END



![Zibll子比主题-V8.2商城系统已更新[2025-10-01][更新日志]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/03/更新日志.jpg)
![付费阅读、付费资源、付费图库、付费视频等知识付费功能详解及教程[图文教程]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/03/支付功能-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![子比主题官方推广计划正式上线,推广可获高额奖励[限时推广]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/11/推广计划.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_429,h_300)



![zibll子比主题配置不同类型用户文件上传格式、上传大小限制教程[V7新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2023/02/文件上传格式大小限制.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)









暂无评论内容