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

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

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

视频教程

一. 安装插件

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

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

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

二. 设置按钮参数

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

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

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

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

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

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

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

  • Label Text,显示在网站前台悬浮按钮上的文字。
  • Type,可以给按钮添加链接。
如何给WordPress网站添加悬浮按钮菜单,Floating Menu 6
  • Icon,给按钮添加图标。
如何给WordPress网站添加悬浮按钮菜单,Floating Menu 7
  • Style,更改文字和按钮的颜色,悬浮颜色,背景色。
如何给WordPress网站添加悬浮按钮菜单,Floating Menu 8

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

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

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

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

三. 相关推荐插件

3.1 Sticky Buttons

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

3.2 Side Menu Lite

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

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

3.3 Simple Floating Menu

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

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

效果展示。

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

参数设置页面。

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

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

白小菌
白小菌

嗨,我是白小菌,一个热爱学习并分享的博主。喜欢把复杂内容拆解成简单易懂的步骤,与大家一起学习成长。 在这里,你会看到我分享的外贸,跨境电商,Wordpress建站,SEO、有用的工具技巧等。 如果你有任何疑问或想法,可以在博客任意文章下方留言。如果有更复杂的需求,也可以选择付费咨询,我会尽我所能帮你解决问题。

文章: 455

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注