UnoDock移动端底部导航栏插件

unodock

UnoDock – 移动端底部导航栏 为移动端打造 App 风格的底部菜单,图标、颜色和链接均可完全自定义。

入库
下载 v1.4.3

UnoDock 能在移动端网站底部添加一个固定导航栏,复刻用户在日常 App 中熟悉的操作体验。你可以自由选择图标、配色、链接及排列顺序,无需编写代码,也无需依赖页面构建器进行复杂操作。
无论是博客、电商商店、服务类企业还是会员网站,UnoDock 都能将最重要的页面置于“一键触达”的位置,彻底解决移动端用户不愿点开汉堡菜单的痛点。

📱 在线预览

安装前想先体验?开发者官网 UnoizeStudio.com 已全站启用 UnoDock。用手机访问该站点即可直接交互:点击切换板块、查看激活状态动画、感受响应速度。这是判断其风格是否适配你网站的最快方式。

💡 为什么选择 UnoDock

  • 专为移动端与速度而生: 资源仅在导航栏实际显示时加载,对桌面端访客或隐藏导航栏的页面零影响。
  • 真正的高度自定义: 支持纯色、渐变或现代毛玻璃(模糊)背景;自定义图标与布局。
  • 无外部依赖: 所有图标和字体均在本地打包,不请求第三方 CDN,无数据回传。
  • 兼容任意主题与构建器: 独立渲染,不依赖主题标记、Elementor、Gutenberg 或其他工具。
  • 默认可访问: 内置规范的 ARIA 标签和“当前页面”指示器,确保屏幕阅读器正确播报。

⚡ 底层性能优化

大多数导航插件仅满足于“能用”,而 UnoDock 追求极致的即时响应:

  • 预加载机制: 利用现代 Speculation Rules API(Chrome/Edge 快速浏览的核心技术),手指触碰按钮瞬间即开始预取目标页面;其他浏览器自动降级为 prefetch。
  • 资源精简托管: 所有脚本和样式表均经压缩并由本站点提供,无外部 CDN 请求拖慢速度。
  • 条件加载: 仅在页面启用并设定显示导航栏时才加载相关资源。
  • 即时视觉反馈: 触摸按钮即刻响应,无需等待页面加载完成。

🆓 免费版功能

  • 支持 2-6 个按钮,拖拽排序。
  • 内置 Font Awesome、Dashicons、Bootstrap Icons 三大图标库(1,400+ 图标),支持搜索。
  • 按钮可选文字标签,支持置于图标上方或下方。
  • 链接目标丰富:URL、现有页面、内置搜索框、WhatsApp(预填消息)、直接拨号或触发 Popup Maker 弹窗。
  • 背景样式:纯色、渐变或毛玻璃效果(适用于导航栏及单个按钮图标)。
  • 点击即时触觉反馈。
  • 现代取色器,支持实时光谱与色相选择。
  • 激活态图标颜色及动态下划线均可自定义。
  • 8 套预设模板,秒级实现精致外观。
  • WooCommerce 购物车徽章 & YITH 愿望清单徽章实时更新,无需刷新页面。
  • 灵活的可见性规则:全站显示、仅特定页面显示或排除指定页面。
  • 支持固定或静态定位,适配 iPhone 刘海屏安全区域,避免遮挡手势条。
  • JSON 导入/导出配置,便于备份或迁移。
  • 一键开关、内置缓存工具、设置修复工具及卸载控制。

🚀 PRO 版进阶功能

  • 特色居中按钮: 突出核心操作,尺寸可调。
  • 4 款专属高级模板: 围绕居中按钮设计。
  • 圆角顶部: 更柔和现代的轮廓。
  • 点击动画: 缩放特效增强触感。
  • 振动反馈: 支持的 Android 设备点击时触发振动。
  • 可扩展面板: 上滑拖柄展开额外按钮区,保持主栏整洁。
  • 访客身份过滤: 仅对登录或未登录用户显示,适合会员站。
  • 角色限制: 仅向特定 WordPress 角色的登录用户展示。
  • 滑动菜单面板: 关联 WP 菜单,侧滑展开,支持子页面、5 种入场动画及最多 4 个社交图标。
  • 菜单图标: 为滑动菜单项添加图标。
  • 开发者优先支持。

📜 开源许可说明

  • 本插件打包了 Font Awesome Free 图标字体子集(Solid 样式),遵循 SIL OFL 1.1(字体)和 CC BY 4.0(图标)许可。
  • 打包了 Bootstrap Icons 精选子集,遵循 MIT 许可。
  • WordPress Dashicons 直接调用核心文件,无需额外打包或授权声明。

常见问题

是否兼容所有主题?
是的。UnoDock 独立于主题代码渲染其固定导航栏,且默认仅在移动端屏幕尺寸下显示。
是否会拖慢网站速度?
不会。样式和脚本仅在当前页面启用并设定显示导航栏时才会加载;在隐藏导航栏的页面上,相关资源完全不会被加载。
是否会从外部服务器加载资源?
不会。所有图标和字体均随插件本地打包,无外部 CDN 请求,也无第三方追踪行为。
是否必须安装 WooCommerce?
不是。WooCommerce 仅用于可选的实时购物车数量徽章功能;未安装 WooCommerce 时,插件所有核心功能均可正常使用。
最多可以添加多少个按钮?
免费版与 PRO 版均支持 2 至 6 个按钮。超过 6 个按钮会严重影响移动端操作体验。如需更多入口,可使用 UnoDock PRO 的可扩展面板功能,通过上滑抽屉添加额外按钮,避免主导航栏过于拥挤。