wordpress网站添加导航菜单图标方法

  • A+
所属分类:wordpress

图标是给文字一种很好的补充,许多图标都是可以轻松识别的。图标放在网站上,可以帮助用户理解文字的含义,而且还能让网站变得漂亮,不再那么单调,提升用户体验。

wordpress网站添加导航菜单图标方法

单触角蚂蚁网站导航菜单图标

如何给你的wordpress网站添加导航菜单图标?在这里推荐两种插件来实现:

1.Menu Icons插件

在导航菜单前插入一个图标可以使用 “Menu Icons” 插件,安装插件之后可以在菜单的设置界面找到图标设置:

wordpress网站添加导航菜单图标方法

WordPress在导航菜单前添加图标

点击 Select icon 会弹出非常简单高效的图标设置界面,总共可以选择五组图标,分别是 Dashicone,Elusive,Font Awesome , Genericons和Image,建议所有的菜单只用其中的一组,可以使图标显得整齐划一;其中的Image是选择网站的多媒体库中图片做图标。

wordpress网站添加导航菜单图标方法

WordPress在导航菜单前添加图标

选择一个图标之后你可以设置图标的大小、相对位置、在文字的前后和是否直接替换文字,功能非常方便和强大。

有人说,这个插件有一个很大的缺点,就是不管你用不用,都会引入四套图标的文件,会对资源造成一定的浪费。我想告诉大家的是,现在这个插件升级了,在菜单选择的旁边有menu icons settings(menu icons插件设置),完全可以去掉你不用的另外四种图标的加载文件,这样就不用浪费资源了,当然前提是你只选择了一套图标文件。

wordpress网站添加导航菜单图标方法

menu icons settings(menu icons插件设置)

menu icons插件主页:http://wordpress.org/plugins/menu-icons/

2.Menu Image插件

话说有时候给WordPress网站的导航菜单添加个小图标还是比较酷的一种效果,今天推荐的另一个插件就是 Menu Image 。

Menu Image 功能很简单,启用插件后,就会在 主题 > 菜单 下,可以在添加菜单的时候,为每个菜单项目设置一个小图标,然后前端菜单就会显示出来,如下图所示:

wordpress网站添加导航菜单图标方法

Menu Image插件导航菜单设置

在后台插件安装界面搜索 Menu Image 即可在线安装,或者下载 Menu Image。都说要使用好这个插件,需要具备一些基本的CSS知识,这样才能控制前端的显示效果,其实只要你具有一点审美观点就行了。

wordpress网站添加导航菜单图标方法

wordpress网站添加导航菜单图标的两个插件

总之,Menu Icons和Menu Image都可以实现wordpress网站添加导航菜单图标,但是就我个人而言更新欢Menu Icons,因为它本身就包含了Menu Image功能,而且不需要CSS知识,对我等小白站长非常适合,只要根据您个人的口味来设置wordpress网站添加导航菜单图标就ok了!当然,你有一定的CSS知识,那就更多一重选择了。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: