• 业务合作 全媒体搜索+信息流,招商医疗保健品等行业竞价开户,请咨询客服QQ:40974387。
  • 业务合作 SEM竞价托管,竞价单页制作,网站制作,请咨询客服QQ:40974387。

wordpress导航菜单前添加矢量图标

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/

 

手机阅读 | 转载注明:http://www.hekaiyu.cn/record/121.html
18 COMMENTS
  1. 2015/09/15
    唐三

    是icon-home

  2. 2015/09/15
    唐三

    我的标签写的是 首页
    标题属性写的是icom-home

  3. 2015/09/15
    唐三

    为何我按照你的方法没有显示呢

    • 2015/09/15
      开水网络
      @唐三 你看看网页的源码 找找问题
      • 2015/09/15
        唐三
        @开水网络 你有联系方式吗,我截图给你看
  4. 2015/09/15
    唐三

    请问你引用到主题的head是

    • 2015/09/15
      开水网络
      @唐三 是啊
      • 2015/09/15
        唐三
        @开水网络 为何我引用了 插入了标题没有显示
        • 2015/09/15
          开水网络
          @唐三 网站发我
          • 2015/09/15
            唐三
            @开水网络 www.tangsan.name
          • 2015/09/15
            唐三
            @开水网络 我先将解压文件传到主题更目录 然后修改主题根目录吓得header.php 在head里面添加了
          • 2015/09/15
            开水网络
            @唐三 图标css的连接有问题,你把目录修改简单点,放在模板css的后面
          • 2015/09/15
            唐三
            @开水网络 修改不简单吧,路劲都是这样的
          • 2015/09/15
            开水网络
            @唐三 font-awesome.min.css 放模板目录就可以了 你前一个目录名要不是写错了要不就是没放里面
          • 2015/09/15
            开水网络
            @唐三 你的代码都是中文字符
          • 2015/09/15
            开水网络
            @开水网络 能显示才怪
          • 2015/09/15
            唐三
            @唐三
LEAVE A REPLY
loading