• 注册
  • 发布
  • APP下载安卓
  • 注册
  • 查看作者
    • wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      本文语音阅读 播音源:Aiqi

      WP站点支持font awsome图标文字毋庸置疑,用的次数多了也会觉得审美疲劳,今天FUNION教大家快速掌握一门新技巧:wordpress引入iconfont图标文字

      先看下官网效果展示:

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了


      完成这个事情需要准备以下几点,飞小优现将wp引入iconfont图标教程分享给大家:

      1.登录iconfont官网,传送门?点击进入 注册即可!

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      2.搜索想要的目标图标,以官网为例,搜索“投稿”,接下来点击图标添加到购物车,点击项目,完成项目命名,在查看下

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      添加项目

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      完成项目命名

      3.查看添加的图标,然后生成代码,将代码添加到wp中的自定义css或者主题下的css文件底部中,如下,

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      添加完毕后,还需要找到图标下的代码,如下图,

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      4.接下来可以在wp后台通过添加菜单时,添加代码实现,如:

      <i class="iconfont">&#xe63c;</i>

      wordpress网站引入iconfont图标简单美观又大方,要是早一点落实就好了

      TIPS:这里填写到后台时会出现一个小问号的情况“?”,这表示没有生效,此时你还需要粘贴这段代码到css文件,同步骤3,如下,

      .iconfont{
      font-family:"iconfont" !important;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
      }

      最后,你打开前台就会看到已经生效了!

      总结:完成WP引入iconfont图标需要4步骤:

      1. 注册iconfont账号,登录找到目标icon创建项目

      2. 添加2段代码

      3. 填写输出到具体场景下的代码即可。

      以上就是飞小优跟大家分享的WP如何引入iconfont图标教程,希望大家多多关注,不清楚的可以在本文章评论回复!

    • 生成海报
    • 广东·深圳
    • 2
    • 0
    • 0
    • 182
    • 诸子百家翰林大学士

      请登录之后再进行评论

      登录
      海报

      最新评论

      小助手小助手2小时前
      打赏了50优币

      来自: 飞优网是干嘛的

      小助手小助手2小时前

      飞优网一家专注一数字营销的营销人交流分享平台,你可以在平台发布对产品,运营、设计、技术等板块领域的个人见解,同时我们也邀请BAT知名KOL入驻平台,分享整个相关行业insight,希望通过这个平台能够让更多用户不在孤寂地成长!

      来自: 飞优网是干嘛的

      小助手小助手2小时前
      打赏了50优币

      来自: 飞优网是干嘛的

      小助手小助手2小时前
      飞优网一家专注一数字营销的营销人交流分享平台,你可以在平台发布对产品,运营、设计、技术等板块领域的个人见解,同时我们也邀请BAT知名KOL入驻平台,分享整个相关行业insight,希望通过这个平台能够让更多用户不在孤寂地成长!

      来自: 飞优网是干嘛的

      文韬武略文韬武略2天前
      tob的营销需要循序渐进,但是往往boss们都比较急功近利,很难按需达成

      来自: Niube

      诸子百家诸子百家2天前
      Niube

      来自: 专访黄海钧:TOB品牌信任生长之路

      诸子百家诸子百家2天前
      楼主辛苦了,谢谢楼主,楼主好人一生平安!

      来自: 专访黄海钧:TOB品牌信任生长之路

      文韬武略文韬武略1周前
      赠送了礼物[比心]

      来自: 新站快速收录的秘密「SEO快速搜录工具下载」

      文韬武略文韬武略1周前
      打赏了20优币

      来自: 收到了好多人的私信,说要订我亲

      耳东人圭耳东人圭1周前
      赠送了礼物[比心]

      来自: 如何制作一个好看的广告banner?(纯代码实现)

    • 做任务
    • 签到中心
      小黑屋
      举报中心
    • 关闭窗口
      下载海报