知更鸟begin主题添加阿里矢量菜单图标

  • 1
  • 7,683 次浏览
  • A+
所属分类:网络技术

这几天在网上看到几篇关于begin主题添加阿里图标的文章,都试了一下,都有一些小的错误,最起码我的站不能正常使用,今天就来分享一下本站主题添加阿里矢量菜单图标的过程:

(一)、需要去阿里巴巴的矢量图标库注册一个账号,网址是这个http://iconfont.cn

知更鸟begin主题添加阿里矢量菜单图标

(二)、登录网站后选择图标管理,新建项目如图

知更鸟begin主题添加阿里矢量菜单图标

这里注意的是Symbol前缀为zm-,FontFamily 为zm

(三)们新建了项目以后,就需要去找自己需要的图标了。在图标库搜索自己需要的图标,将其加入自己的购物车

知更鸟begin主题添加阿里矢量菜单图标

(四)图标挑选好了以后,这时开始生成属于自己的图标库吧。将自己选好的图标,添加到自己的项目列表中。

知更鸟begin主题添加阿里矢量菜单图标

(五)当图标添加至图标库以后,开始制作自己的css了

知更鸟begin主题添加阿里矢量菜单图标

需要注意的是:每当我们新加入一次图标都需要重新生成一次css,以及在主题的后台当中更新一次这个css路径。

(六)在主题选项中选择 辅助功能呢 填入图标库的地址

知更鸟begin主题添加阿里矢量菜单图标

(七)在菜单的属性中填写图标类的名称

知更鸟begin主题添加阿里矢量菜单图标

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • 企鹅博客 企鹅博客 0

      加油!!!