如何给WordPress网站添加悬浮按钮菜单,Floating Menu

在搭建独立站商城的时候,一个美观的悬浮菜单不仅能帮助买家快速找到入口,还能让网站导航更便捷高效。今天这篇文章就叫你如何给我们的网站添加这样的悬浮菜单。

局部截取 20250505 222337

视频教程

一. 安装插件

登录WordPress后台,选择添加插件。

在搜索框搜索Float Menu Lite,安装并启用。

局部截取 20250505 222703

二. 设置按钮参数

在插件中心找到这个插件,点击Settings就可以进入设置页面。

局部截取 20250506 082448

选择Add New,就可以添加新的按钮样式。

局部截取 20250506 082619

先填写一个标题,然后在下面添加新的按钮。

局部截取 20250506 082805

接着可以对按钮的内容进行设置。

  • Label Text,显示在网站前台悬浮按钮上的文字。
  • Type,可以给按钮添加链接。
局部截取 20250506 083007
  • Icon,给按钮添加图标。
局部截取 20250506 083155
  • Style,更改文字和按钮的颜色,悬浮颜色,背景色。
局部截取 20250506 090637

点击下面的Add Button可以创建多个按钮。

局部截取 20250506 090722

右边还可以设置悬浮菜单的状态,是否发布,是否开启测试模式,也可以通过简码放到想要放置的位置。

局部截取 20250506 090855

三. 相关推荐插件

3.1 Sticky Buttons

局部截取 20250506 094338

3.2 Side Menu Lite

局部截取 20250506 094354

这两款和上面介绍的插件是同一个发布者,只是样式上稍微有一点不同。

3.3 Simple Floating Menu

这款插件也非常的简单易用。

局部截取 20250506 094559

效果展示。

局部截取 20250506 095803

参数设置页面。

局部截取 20250506 095842

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

订阅评论
提醒
guest
0 评论
最新
最旧 最多投票
内联反馈
查看所有评论

AI 小菌
现代响应式侧边栏
快捷菜单