为WordPress的菜单栏标题链接前面添加小图标的方法

大家可能注意到了，虾皮路的主题已经换成了QUX的主题最新版，刚开始启用的时候发现一个问题，就是菜单栏的美化显示问题。为什么别人的网站顶部菜单栏的链接名前面都有个小图标，为什么我的网站的菜单栏链接就没有呢？虾皮路在后台捣鼓了很久都不知道在哪里设置，后来网上查了一下，才发现原来的设置方法超级简单，和主题无关，也就是所有网站都能直接显示。这里虾皮路就分享一下为WordPress的菜单栏标题链接前面添加小图标的方法。

效果图片如下：

每个菜单的标题链接前面都有一个小图标。

其实这个有两种解决办法。虾皮路就给大家说一下

一、菜单标题链接前加彩色图标

这个办法很早虾皮路就想到了，其实就是利用微软的输入法，默认支持图标字体显示，之前虾皮路也介绍过了《Shopee虾皮平台商品描述的emoji表情符号设置图文教程》及《Emoji表情符号大全-Shopee虾皮平台卖家必备》，选择好相应的图标，然后到WordPress后台的菜单选项：外观-菜单

然后直接在分类目录的导航标签里面，将图标🏡加在菜单链接名前面，如下图

保存即可。

二、菜单标题链接前加灰色图标

上面介绍的是彩色图标，但是有的人觉得太花哨了，和主题不是很配，那么虾皮路再介绍一下灰色的图标。

图标的查找选择可以到这里查找：http://www.fontawesome.com.cn/faicons/

有很多图标选择，选择你觉得好看的图标，点击后，也有相应的提示告诉你如何使用。

可以用 <i> 标签把 Font Awesome 图标放在任意位置。

然后再回到WordPress后台的菜单选项：外观-菜单

在分类目录的导航标签里面，将代码加在链接名称前面，如下图

保存即可。

三、图标使用总结

以上两种方法简单使用，而且并不是一定要在菜单标题链接增加，也可以在很多地方提交，比如内容，比如章节标题等等。这里根据自己的喜好进行选择，比如如果网站绚丽多彩的，需要突出特色的，可以选择第一种方法增加彩色图标，如果是一般的网站，可以选择第二种方法，低调简单。