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

lichongyang
lichongyang
lichongyang
111
文章
0
评论
2020年3月29日23:10:52 评论 265 次浏览

折腾到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.cnntt.com/archives/1922

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信小程序
  • 我的微信小程序扫一扫
  • weinxin
lichongyang
  • 本文由 发表于 2020年3月29日23:10:52
  • 转载请务必保留本文链接:https://www.chongyangli.com/archives/%e7%9f%a5%e6%9b%b4%e9%b8%9fbegin%e7%a0%b4%e8%a7%a3%e4%b8%bb%e9%a2%98%e7%94%a8%e9%98%bf%e9%87%8c%e5%9b%be%e6%a0%87%e5%ba%93%e6%b7%bb%e5%8a%a0%e8%8f%9c%e5%8d%95%e5%9b%be%e6%a0%87%e7%9a%84%e6%96%b9/
宝塔面板更换PHP版本 wordpress

宝塔面板更换PHP版本

宝塔面板更换PHP版本 现在 WordPress 站点一般都要求最低的 PHP 版本是 5.6,建议 7.0 以上,那么安装有宝塔 Linux 面板的站长如何实现一键切换网站的 PHP 版本呢? 1、...
匿名

发表评论

匿名网友 填写信息

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