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

每个菜单的标题链接前面都有一个小图标。
其实这个有两种解决办法。it168资讯就给大家说一下
一、菜单标题链接前加彩色图标
这个办法很早it168资讯就想到了,其实就是利用微软的输入法,默认支持图标字体显示,之前it168资讯也介绍过了《Shopee虾皮平台商品描述的emoji表情符号设置图文教程》及《Emoji表情符号大全-Shopee虾皮平台卖家必备》,选择好相应的图标,然后到WordPress后台的菜单选项:外观-菜单
然后直接在分类目录的导航标签里面,将图标🏡加在菜单链接名前面,如下图
保存即可。
二、菜单标题链接前加灰色图标
上面介绍的是彩色图标,但是有的人觉得太花哨了,和主题不是很配,那么it168资讯再介绍一下灰色的图标。
图标的查找选择可以到这里查找:http://www.fontawesome.com.cn/faicons/
有很多图标选择,选择你觉得好看的图标,点击后,也有相应的提示告诉你如何使用。
可以用 标签把 Font Awesome 图标放在任意位置。
然后再回到WordPress后台的菜单选项:外观-菜单
在分类目录的导航标签里面,将代码加在链接名称前面,如下图
保存即可。
三、图标使用总结
以上两种方法简单使用,而且并不是一定要在菜单标题链接增加,也可以在很多地方提交,比如内容,比如章节标题等等。这里根据自己的喜好进行选择,比如如果网站绚丽多彩的,需要突出特色的,可以选择第一种方法增加彩色图标,如果是一般的网站,可以选择第二种方法,低调简单。