wordpress导航栏标题加小图标

插件的方式:

1,wordpress 后台安装插件:搜索 Font Awesome 4 Menus  下载并启用
2,在菜单管理中找到css类选项:

wordpress导航栏标题加小图标

 

3,如果没有显示出css类这个 属性的,找到显示选项中勾选css类。

wordpress导航栏标题加小图标

4,接下来你需要的小图标在这个网站中http://fontawesome.dashgame.com/ 找到想要的,然后点击图标后面的复制按钮 粘贴到css类的框中。

wordpress导航栏标题加小图标

保存菜单,打开前台看下效果吧!

不使用插件方式:

1,下载整个图标库文件,放在你的网站目录中

wordpress导航栏标题加小图标

2,在header.php 文件head 标签中加载js

<link rel="stylesheet" href="/wp-content/themes/hmj-blog/font-awesome/css/font-awesome.min.css"> //红色部分这里填写你自己的路径

3,在菜单管理中,导航标签写成<i class="fa fa-home">主页</i>  的形式 。

保存菜单,打开前台看效果吧!

我这里也是说了我使用过的两种方法,具体详细使用/多种使用方法请参考http://fontawesome.dashgame.com/ 此网站!毕竟都是用的人家网站的东西

分享