WordPress添加菜单小图标教程

简介

有时候去逛其他站长网站的时候,发现他们的菜单栏前面都会有一个非常有意思的小图标,就像这样:

《WordPress添加菜单小图标教程》那么本文就介绍下如何添加这么有个性的小图标。

方法

在这里我们使用一个插件:Font Awesome 4 Menus。直接在【插件】中心搜索该插件:

《WordPress添加菜单小图标教程》

安装并启用该插件后,接下来登录该网站:http://fontawesome.dashgame.com/#basic

《WordPress添加菜单小图标教程》

这里面罗列了各式各样的标签,原先的使用方式是直接点击标签后的复制小按钮复制该标签,但是现在不能点击。现在可以通过这样的方式:

首先通过【右键】-【检查】在浏览器审查该元素的名字,如图所示:

《WordPress添加菜单小图标教程》

红框中即为我们要调用的名字,然后在wordpress的【外观】-【菜单】中【显示选项】先把CSS类勾选:

《WordPress添加菜单小图标教程》接着在下面的菜单选项中的CSS类中添加该元素的名字:

《WordPress添加菜单小图标教程》保存菜单就可以得到我们想要的效果了。其实多添加几个我们就能发现添加CSS类的格式为fa fa-图标名,那我们直接就可以找到想要的图标,在CSS类中添加该格式就行。

总结

本文只介绍了我所用的方式,他们网站上还提供了其他的安装方式,有兴趣的也可以了解下。

点赞
  1. 帅气逼人说道:

    66666666站长威武霸气

    1. admin说道:

      谢谢鼓励,哈哈

发表评论

电子邮件地址不会被公开。 必填项已用*标注

10 + 9 =