知更鸟begin破解主题用阿里图标库添加菜单图标的方法

2019年4月6日01:17:01 7 1,393 views

折腾到2019年4月6日00:30:45,终于搞定了begin5.2主题的图标问题,我找了很多网上发的文章,没有一个我是成功了的,在仔细看看他们的教程,明明在上一步用的be作为前缀的,到后面用的后面就变成了zm,说实话我看着也是懵逼的,还有就是上一张图片的文字内容和下一张图片完全对不上,所有的事情还是要靠自己搞定,什么破解版本的是这样是那种,看我下面张图片,我是怎么做到的。并不是破解版的问题。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

这是网上说的破解版的样子

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

今晚上我就来带大家解决这个问题,当然我的这个也是破解版的,用了有一两年了,不想换了,想用的我建议还是去支持一下正版,几百元而已,而且还带售后,破解版的自己解决问题。


下面就是教大家怎么添加图标了。

首先上阿里图标库注册创建一个项目,https://www.iconfont.cn/

图标管理-我的项目

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

创建一个图标项目

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

友情提示:在FontClass/Symbol 前缀和Font Family,分别填写【be-】和【be】

在输完be-和be最好在里面回车一下(经过我多次的实验),以放创建成功名字还是没变。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

创建完项目后最好做一个确认,以确保和上图我们创建的一样(这个有时候你本来填写是be,但是创建成功后项目并没有改变),以及上一步在输完be-和be最好在里面回车一下就是这点原因,我做过好多次,才确定的,一定要在方框内回车一下。

接下就是寻找我们的图标了,选择我们喜欢的图标加入购物车。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

把我们购物车中的图标添加到项目中

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

复制css链接到博客中

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

然后把链接添加到阿里图标库中

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

下一步就是把图标添加到菜单中,在添加到菜单中之前需要把菜单的CSS模版开启

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

然后我们就会看到菜单有了一个CSS类了,我们就可以用这个类添加图标样式了

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

在菜单上有CSS类后,我们就是可以复制刚才我们添加的图标了。使用复制直接把名字复制过来就行了。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

然后添加到相应的导航CSS类上。

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

最后就是记得要保存菜单额,保存过后才能看到效果。如下图:

知更鸟begin破解主题用阿里图标库添加菜单图标的方法

好了大概就这样了,我用的是begin5.2破解版http://www.wdooc.com/archives/1922

如果像我这样做了还不行的话,要确定在阿里图标的项目设置成功了吗,如果项目设置没问题就装一个插件 Font Awesome 4 Menus 试试。

现在是北京时间2019年4月6日01:13:40,这个难题攻破了,可以睡觉了,大家晚安了哈,如有什么不懂得地方就请留言吧。

 

历史上的今天:


欢迎来到菜鸟头头的个人博客
本文章百度已收录,若发现本站有任何侵犯您利益的内容,请及时邮件或留言联系,我会第一时间删除所有相关内容。

  • A+
所属分类:WEB

发表评论

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

目前评论:7   其中:访客  4   博主  3

    • avatar 请输入您的QQ号 0

      请问大师,这个阿里图标和文字没有对齐是怎么解决的?

      • avatar 廖为祥博客 0

        厉害了大哥 按照你的做一步搞定!

        • avatar 小A 1

          感谢分享,刚在本站下载安装了知更鸟LTS,以前5.2版本中设置的图标都无法使用了,用了这个的方法后成功显示,但是有个问题,发现图标都比以前小了一号,不知道是我感觉出错了还是哪里设置有问题。

            • avatar 头头 Admin

              @小A 哈哈,我居然都不知道LTS可以这样修复图标问题,厉害了

            • avatar 日/夜/撸/成/人/电/影 0

              今晚上我就来带大家解决这个问题,当然我的这个也是破解版的,用了有一两年了,不想换了,想用的我建议还是去支持一下正版,几百元而已,而且还带售后,破解版的自己解决问题