添加客服微信
即时发起沟通

客服微信

咨询热线
13477025536

咨询电话

回到顶部

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

教程

发布于 2023-03-22

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

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

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

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

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

WP插件教程—Menu Image为导航菜单添加个性图标/图片插图1

2、  Menu Image插件的设置:

插件安装并启用后,进入Menu Image的设置页面。
在这里,你可以对插件的默认参数进行设置:
● Menu image Hover:悬停菜单图片,勾选才能启用
● Menu Image sizes:菜单图片尺寸
需要注意的是,如果你在上传图片后更改了图片尺寸,需要使用此插件重新生成缩略图,才可生效。

WP插件教程—Menu Image为导航菜单添加个性图标/图片插图2

3、  Menu Image插件的使用:

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

WP插件教程—Menu Image为导航菜单添加个性图标/图片插图3

Title Position:设置图片/图标的位置,可以是在导航菜单的上、下、前、后,甚至可以直接隐藏菜单,只显示图片/图标。
Use Icon/image:选择使用图标还是图片。
选择使用Image图片时,点击【set image】即可上传图片,还可设置更改图片的大小。

WP插件教程—Menu Image为导航菜单添加个性图标/图片插图4

选择使用Icon图标时,会提供一些预设图标供你选择。你也可以安装FontAwesome插件,使用FontAwesome图标。
选定图片/图标后,点击【保存更改】,即可设置完成,可以接着去设置其他菜单了。

WP插件教程—Menu Image为导航菜单添加个性图标/图片插图5

总的来说,使用Menu Image为导航菜单添加个性图标/图片还是比较简单的。
如果你也想让网站菜单来看起来更个性化、更有趣,不妨也试试Menu Image插件吧!
【相关阅读推荐】

 

 

沃朴思WPScale提供一键建站工具,你无需下载安装WordPress到本地,无需安装宝塔面板,即可在网页上快速创建一个WordPress网站。【欢迎试用】

 


免责声明:本站发布的内容(图片、视频和文字)以原创、编译、转载和分享为主,若有侵权,请联系我们删除。【电话/微信:157-9668-8209】


分类

近期文章

WordPress

关于WordPress页脚您需要了解的一切以及如何自定义页脚

WordPress

都2023年了,古腾堡可以代替Elementor了吗?

WordPress

WordPress 和人工智能以及 OpenAI 的 ChatGPT

相关文章

en_USEnglish