首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WordPress插件教程—Menu Image为网站导航菜单添加个性化图标/图片

在网站导航中添加图标可以让你的网站看起来更个性化。

在本文中,我们将向你介绍如何通过Menu Image插件为WordPress网站导航菜单添加图标或图片。

1、  Menu Image插件的安装与启用:

在WordPress仪表盘中安装并启用Menu Image插件。

2、  Menu Image插件的设置:

插件安装并启用后,进入Menu Image的设置页面。

在这里,你可以对插件的默认参数进行设置:

Menu image Hover:悬停菜单图片,勾选才能启用

Menu Image sizes:菜单图片尺寸

需要注意的是,如果你在上传图片后更改了图片尺寸,需要使用此插件重新生成缩略图,才可生效。

3、  Menu Image插件的使用:

启用插件后,进入【WordPress仪表盘—>外观—>菜单】中,将鼠标放在【菜单结构】下需要添加图片的菜单上时,菜单名称后面会出现蓝色的【Menu Image】按钮,单击此按钮,即可为相应导航菜单添加图片/图标。

Title Position:设置图片/图标的位置,可以是在导航菜单的上、下、前、后,甚至可以直接隐藏菜单,只显示图片/图标。

Use Icon/image:选择使用图标还是图片。

选择使用Image图片时,点击【set image】即可上传图片,还可设置更改图片的大小。

选择使用Icon图标时,会提供一些预设图标供你选择。你也可以安装FontAwesome插件,使用FontAwesome图标。

选定图片/图标后,点击【保存更改】,即可设置完成,可以接着去设置其他菜单了。

总的来说,使用Menu Image为导航菜单添加个性图标/图片还是比较简单的。

如果你也想让网站菜单来看起来更个性化、更有趣,不妨也试试Menu Image插件吧!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20230321A07O3X00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券