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

虫子君
239
文章
50
评论
2018.9. 318:00:30 1 443 560字阅读1分52秒

专为某人写的,前言就省略了,直接进入主题。

为了网站的美观,很多小伙伴们喜欢在自己的网站当中添加一些漂亮的小图标让自己的网站边的更加的生动。那么现在虫子君就带着小伙伴们,自己动手来实现吧。

对对了,由于虫子君使用的知更鸟主题。那就从知更鸟主题开始说。

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

第二部,由于需要用到再现图标,需要调用css,所以我们需要在注册好了账号之后,新建自己的项目。

注意:新建项目的前缀一定要是“zm”看图片!!!

第三步当我们新建了项目以后,这时候就需要去找自己需要的图标了。在图标库搜索自己需要的图标,将其加入自己的购物车。

第四步;当我们需要的图标挑选好了以后,这时开始生成属于自己的图标库吧。将自己选好的图标,添加到自己的项目列表中。

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

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

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

第六步,复制图标的样式名称,到主题的菜单css属性当中。

注意:如果你的wordpress后台,不显示这个css类,那请在顶部的显示选项当中,将所有的框框都勾选上,这时你再看就会有巨大的发现。

好了文章到此结束,吃东西去咯。!!!

  • 版权声明: 发表于 2018.9. 318:00:30
  • 转载注明:https://chonzi.com/6301.html
匿名

发表评论

匿名网友 填写信息

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

评论:1   其中:访客  1   博主  0
    • avatar 秋叶home @回复 1

      还是不显示郁闷我了