Menu Icons by ThemeIsle是一款 WordPress菜单图标插件,默认的 WordPress菜单只有文字和链接,使用这款插件后添加图标就让整个菜单部分一下子“活”起来了, 为整个 WordPress页面布局增加了灵动气息。所谓网站设计在于细节,也包含了这部分内容。
很多主题内置了菜单图标功能,也省下了一款插件。建议大家使用主题时尝试寻找一下相关功能,免得做多余的工作。
Menu Icons by ThemeIsle效果
下图中的 facebook等那一行顶部菜单是使用了 Menu Icons by ThemeIsle插件之后的效果,也可以作用于主要菜单都是没问题的。
Menu Icons by ThemeIsle安装启用
在 WordPress后台 > 插件 > 安装插件,搜索 Menu Icons by ThemeIsle,如下图所示,安装启用。
如果你的网站无法正常安装,要手动去 WordPress官网下载,上传到网站插件目录中,再去后台启用。
Menu Icons by ThemeIsle插件设置、使用
安装后去“外观”>“菜单”,添加菜单。不会添加请看 WordPress菜单设置教程。
1、在“Menu Icons Settings”中启用/禁用 icon图标类型。
如上图所示,建议全都勾选,点击 save settins后生效。
2、为当前导航菜单 current menu 设置参数,包括隐藏标签文字、图标位置、垂直位置、字体尺寸、SVG宽度、图标大小等。要注意的是只对新建菜单文字生效。
比如下图中右侧的 youtube是设置完current menu参数后新添加的菜单文字,那么这些参数对上面 facebook、twitter、instagram、email就不生效,只对 youtube生效。
如果想作用于之前的菜单文字怎么办?目前看只有删除掉,设置参数,再新增菜单文字,重新排序,就可以了。
3、使用 menu icon功能
点开一个菜单文字,如下图所示在里面找到 icon: select,点击。
点击后弹窗如下图所示,可以手动挑选,也可以在右上角搜索关键词快速选择钟意的 icon。
在上图右侧也可以为当前导航菜单 current menu 设置参数,参数与上面提到的是一样的。
记得右下角点击 save。
4、最后要点击 Save menu,这是最后一步操作,否则前面操作都会无效。
WordPress菜单图标插件选择 Menu Icons by ThemeIsle插件比较简单好用,容易上手。如果你的主题不支持添加菜单icon,你又想这么做,不妨去试试。