WordPress菜单图标插件Menu Icons by ThemeIsle

2023-04-07 112 0

Menu Icons by ThemeIsle是一款 WordPress菜单图标插件,默认的 WordPress菜单只有文字和链接,使用这款插件后添加图标就让整个菜单部分一下子“活”起来了, 为整个 WordPress页面布局增加了灵动气息。所谓网站设计在于细节,也包含了这部分内容。

文章目录  
Menu Icons by ThemeIsle效果
Menu Icons by ThemeIsle安装启用
Menu Icons by ThemeIsle插件设置、使用

很多主题内置了菜单图标功能,也省下了一款插件。建议大家使用主题时尝试寻找一下相关功能,免得做多余的工作。

Menu Icons by ThemeIsle效果

下图中的 facebook等那一行顶部菜单是使用了 Menu Icons by ThemeIsle插件之后的效果,也可以作用于主要菜单都是没问题的。

Menu Icons by ThemeIsle效果

Menu Icons by ThemeIsle安装启用

在 WordPress后台 > 插件 > 安装插件,搜索 Menu Icons by ThemeIsle,如下图所示,安装启用。

Menu Icons by ThemeIsle安装启用

如果你的网站无法正常安装,要手动去 WordPress官网下载,上传到网站插件目录中,再去后台启用。

Menu Icons by ThemeIsle插件设置、使用

安装后去“外观”>“菜单”,添加菜单。不会添加请看 WordPress菜单设置教程。

1、在“Menu Icons Settings”中启用/禁用 icon图标类型。

在“Menu Icons Settings”中启用/禁用 icon图标类型

如上图所示,建议全都勾选,点击 save settins后生效。

2、为当前导航菜单 current menu 设置参数,包括隐藏标签文字、图标位置、垂直位置、字体尺寸、SVG宽度、图标大小等。要注意的是只对新建菜单文字生效。

比如下图中右侧的 youtube是设置完current menu参数后新添加的菜单文字,那么这些参数对上面 facebook、twitter、instagram、email就不生效,只对 youtube生效。

为当前导航菜单 current menu 设置参数

如果想作用于之前的菜单文字怎么办?目前看只有删除掉,设置参数,再新增菜单文字,重新排序,就可以了。

3、使用 menu icon功能

点开一个菜单文字,如下图所示在里面找到 icon: select,点击。

在里面找到 icon: select,点击

点击后弹窗如下图所示,可以手动挑选,也可以在右上角搜索关键词快速选择钟意的 icon。

可以手动挑选,也可以在右上角搜索关键词快速选择钟意的icon

在上图右侧也可以为当前导航菜单 current menu 设置参数,参数与上面提到的是一样的。

记得右下角点击 save。

4、最后要点击 Save menu,这是最后一步操作,否则前面操作都会无效。

WordPress菜单图标插件选择 Menu Icons by ThemeIsle插件比较简单好用,容易上手。如果你的主题不支持添加菜单icon,你又想这么做,不妨去试试。

相关文章

WordPress如何开启 memcached 进行优化加速
WordPress如何开启 Opcache 优化进行加速
WordPress通过redis缓存数据库教程
WordPress完美更换域名方法
WordPress自动给文章标签加内联方法!
WordPress如何添加顶部导航

发布评论