0°

wordpress或网站中阿里图标库引用彩色图标的方法介绍(精)

正如我们的网站所示:首页顶部菜单,文章分类菜单的彩色图标就是引用的字体图标。当然我是将字体图标下载下来引用然后修改css控制变色的,不算真正的彩色字体图标。下面我就来介绍一下彩色图标的运用:

今天给大家介绍一下阿里图标库引用彩色图标的方法。

首先解释一下彩色图标是什么?又或者我们可以把彩色图标用在什么地方:

正如我们的网站所示:首页顶部菜单,文章分类菜单的彩色图标就是引用的字体图标。当然我是将字体图标下载下来引用然后修改css控制变色的,不算真正的彩色字体图标。下面我就来介绍一下彩色图标的运用:

举例就以我首页幻灯片以下的专题页面为例子做介绍:

使用步骤

1.图标库网址:https://www.iconfont.cn

2.选择图标管理,如图

wordpress或网站中阿里图标库引用彩色图标的方法介绍(精)

3.创建项目,如下图

wordpress或网站中阿里图标库引用彩色图标的方法介绍(精)

4.选择你喜欢的图标,然后添加为购物车,再从顶部购物车按钮添加至您的项目

wordpress或网站中阿里图标库引用彩色图标的方法介绍(精)
wordpress或网站中阿里图标库引用彩色图标的方法介绍(精)

5.生成第二步骤中提到的生成Symbol图标,是一串js图标

注意细节是,选择图标管理里面,默认不会到我的项目,要点一下项目才可以。

内附视屏教程

已有50人支付

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
41 条回复 A 作者 M 管理员
  1. 学习学习

  2. 木有积分!!

  3. 积分不够qaq

    • 你积分加够了

  4. 学习学习,可惜积分不够….

    • 哈哈

  5. 积分不够,评论来凑

    • 你们都很强

  6. 积分不够,评论来凑

  7. 积分不够,评论来凑

  8. script>这个是不需要添加的哇?

    • 需要添加到你的网站统计代码的位置,那就是一个引用,必须添加,但是如果你把js代码放到子主题的js文件里面就不需要再统计代码的位置添加

  9. css放到style.css 感觉没生效,引用的图标超大 按理说复制进去不就行了吗

    • 网址私信给我,我给你看看

    • 代码编辑器有问题,代码错了,已更新

  10. 感谢分享

    • 嘻嘻,不用谢

  11. 感谢分享

  12. 积分不够,评论来凑

  13. 感谢博主分享。

    • 哈哈,不用谢

  14. 积分不够,评论来凑

  15. 试试看,之前只会添加导航图标

    • 可以一试 不过导航彩色需要设置一下字体大小

  16. 500???

  17. 积分不够

  18. 小黑屋

    积分差点,博主送点积分嘛

    • E731-5667-3D6E-BF52-F22B fe738342a5

    • 小黑屋

      感谢

  19. 积分在哪里哇,积分在哪里,积分就在评论区的奖励里~

  20. 教程太给力了!

  21. 积分不够,评论来凑

  22. 积分啊积分!!!!!!!!!!

  23. 视频了?

  24. 积分不够,评论来凑

  25. 积分不够,评论来凑

  26. 积分积分

  27. 服务比怎么获取?

    • 每日逛逛就可以了,实在不行就发文章,最后不行就只能充值了

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论