本站设计-手机端底部TAB导航按钮设置教程

一个现代化WordPress网站,移动端体验才是最重要的开发方向。相信使用过子比主题的用户都知道,zibll子比主题一直都十分注重移动端的功能开发和用户交互体验,我们希望通过一款主题,让您的网站拥有堪比优质APP的移动端体验,强大而又丝丝顺滑!

功能介绍

首先我们简单的介绍一个移动端底部TAB的功能以及特色
移动端底部TAB也就是显示在手机上,页面底部的按钮,让手机端更加方便操作和跳转

  • 按钮数量随意添加、删除、排序
  • 每个按钮支持自定义图标、自定义文字、自定义尺寸
  • 主题预置了漂亮的多彩SVG图标
  • 按钮支持添加标签显示
  • 文章页、帖子页支持自动显示文章功能按钮
  • 支持页面滚动时隐藏功能
  • 漂亮的UI设计,颜色、背景、间距、尺寸都精心设计
  • 细节完美!例如:适配所有手机,不会被全屏手机的底部横条遮挡
  • 首页按钮支持自动切换为返回顶部按钮
  • 消息按钮支持自动显示未读消息数量
  • 添加按钮支持投稿、发帖、创建板块、创建话题
  • 文章内容页面自动显示当前内容的评论、点赞、收藏、评分、分享、购买按钮

功能设置

进入主题设置->全局&功能->手机底部TAB

本站设计-手机端底部TAB导航按钮设置教程 插图1

在这里你可以开启此功能、添加按钮、根据需要设置功能

本站设计-手机端底部TAB导航按钮设置教程 插图2

当我们添加一个按钮的时候,我们可以选择默认图标,或者自定义图标,也可以添加文章或徽章。不同的按钮类型有不同的功能

案例展示

这个功能使用设置都是十分简单的,主题默认是一套5键的按钮,那么我们接下来展示几个设置案例,供大家参考一下

本站设计-手机端底部TAB导航按钮设置教程 插图3
本站设计-手机端底部TAB导航按钮设置教程 插图4

新增付费内容页面,自动显示购买按钮

图片[13]-WordPress网站为手机端底部添加TAB导航按钮详细教程-Wordpress主题模板-zibll子比主题

最后,如需使用自定义HTML图标,可以参考以下教程

温馨提示:本文最后更新于2022-12-15 18:25:27,某些文章具有时效性,若有错误或已失效,请在下方留言或联系云小叔叔
文章版权声明 1、本网站名称:元宇宙之家
2、本站永久网址:https://liboven.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞33赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称常用语表情代码图片

    暂无评论内容