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、在菜单的属性下面来调用;
d调用代码是icon-xxxxxx,如上图,具体调用内容请移步:http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
是icon-home
@唐三 引用cds的。qq 40974387
我的标签写的是 首页
标题属性写的是icom-home
为何我按照你的方法没有显示呢
@唐三 你看看网页的源码 找找问题
@开水网络 你有联系方式吗,我截图给你看
请问你引用到主题的head是
@唐三 是啊
@开水网络 为何我引用了 插入了标题没有显示
@唐三 网站发我
@开水网络 http://www.tangsan.name
@开水网络 我先将解压文件传到主题更目录 然后修改主题根目录吓得header.php 在head里面添加了
@唐三 图标css的连接有问题,你把目录修改简单点,放在模板css的后面
@开水网络 修改不简单吧,路劲都是这样的
@唐三 font-awesome.min.css 放模板目录就可以了 你前一个目录名要不是写错了要不就是没放里面
@唐三 你的代码都是中文字符
@开水网络 能显示才怪
@唐三