首页 > zblog教程 > 拓源纯净主题添加导航栏目图标的方法

拓源纯净主题添加导航栏目图标的方法

2021-11-27 toyean zblog教程 0人评论 780

以拓源纯净主题为例,为导航栏目添加图标,可参考以下方法:

1、访问阿里Iconfont图标库网站,找到并选择需要使用的图标,批量添加到项目中。

202111111636605809665096.png

拓源纯净主题添加导航栏目图标的方法(1)

2、点击“资源管理”—“我的项目”,找到刚刚创建的“导航栏图标”项目,若使用彩色图标,需要点击“项目设置”,在字体格式中勾选“彩色”,保存后生成Font class线上代码(提示:每次调整项目中的图标或设置,需要重新生成Font class代码)。

202111111636604463660827.png

拓源纯净主题添加导航栏目图标的方法(2)

3、将上图中每个图标对应的类名(如:icon-shouye),填写到zblog后台左侧“模块管理—导航栏—图标”下方对应的文本框中,并且添加一个iconfont类名,中间用空格分隔。如下图所示:

202111111636604486729796.png

拓源纯净主题添加导航栏目图标的方法(3)

4、到拓源纯净主题(主题设置—SEO设置—自定义代码块—页头通用代码)设置中,填写图标项目生成的线上代码。格式如下图:

202111111636604503561440.png

拓源纯净主题添加导航栏目图标的方法(4)

保存后回到网站首页,可看到添加图标的最终效果如下:

202111111636604511496885.png

上一篇:

测试购买单品

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

官方微信公众号
关注拓源商店主题微博
476590949
09:00 - 18:00
拓源网QQ群: 491920017
客服邮箱: