wordpress导航菜单前的 Icon矢量图标看着很舒服,于是就研究了一下。网上的方法有很多像插件,大多收费,所以不推荐;还有就是在标题前加img标签,好丑的样子,不推荐;最后一中是最简单,最方便的,也是开水网络用到的,推荐大家试试。

这个功能3.0就已经有了,就是CSS类。不过CSS并不能更方便用户去修改或添加更多的 Icon 字体,这里介绍的是,用标题属性来替代CSS类来添加 Icon 字体,这个功能已经添加到wpdx里,其他的主题需要先在head引用 FontAwesome 字体。

1、点击下载 FontAwesome 字体

2、解压上传至当前主题根目录;

3、使用<link rel="stylesheet" type="text/css" href="http://hekaiyu.cn/wp-content/themes/wpdx/*****.css">引用到主题的head;

4、在菜单的属性下面来调用;

wordpress导航菜单前添加矢量图标-开水网络
wordpress图标

 

d调用代码是icon-xxxxxx,如上图,具体调用内容请移步:http://fortawesome.github.io/Font-Awesome/3.2.1/icons/