WordPress导航菜单添加个性图标插件:Menu Image

原创 David  2023-03-14 13:52  阅读 88 次
>明月合作型SEO

首先,WordPress添加导航菜单图标需要使用到一个插件:Menu Image。我们在网站后台插件安装界面搜索 Menu Image 即可在线安装,或者点击此处下载 Menu Image 插件,上传到插件目录并启用。

启用插件后,就会在 外观 > 菜单 下,在添加菜单的时候,为每个菜单项目设置一个小图标,然后前端菜单就会显示出来。

通过wordpress后台外观下的菜单功能设置导航栏,默认情况下支持纯文本的菜单文字,或者输入html代码使用字体图标(如fontawesome),如果想要给导航菜单添加上传图标图片的功能,那么可以通过wordpress插件Menu Image实现。

使用Menu Image插件,会在外观下的菜单设置面板中增加图片上传功能,支持设置两张不同的图标,用于鼠标的交互效果(即默认显示一张,当鼠标移动到菜单上时显示另外一张);支持选择不同的图标尺寸;支持选择图标显示的位置(上下前后)。

插件教程:

1、下载插件:Menu Image(现在WP官网不能访问,如果使用的是香港主机,可以直接在后台——插件——安装插件中搜索Menu Image进行在线安装)

2、启用插件后,进入后台——外观——菜单,在菜单结构里点击要设置的菜单项,在下拉的面板中设置即可

  • Menu image:默认图标
  • Image on hover:鼠标悬停时显示的图标
  • Image size:选择显示的尺寸
  • Title position:选择显示的位置。Hide(隐藏)、Above(上边)、Below(下边)、Before(左边)、After(右边)

插件设置:

在后台左下角的Menu Image下的Menu Image里可以对Menu Image插件默认参数进行设置:

  • Menu image Hover:悬停菜单图片,勾选能启用
  • Menu Image sizes:菜单图片尺寸,设置后,即在外观菜单的设置面板中重新上传图片,否则不生效。

如下图,左侧是配置界面,右侧是预览效果,右下角点击保存即可。

Menu Image设置界面

本文地址:https://www.rrdsyy.com/1969.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:明月网络营销
版权声明:本文为原创文章,版权归 明月SEO 所有,欢迎分享本文,转载请保留出处!
西安网站制作

发表评论


表情