Under the bodhi tree

wordpress引入本地化iconfont图标

方案 阅读 42 0 评

本文探讨如何让iconfont下载至本地,实现iconfont本地化,并在wordpress项目中调用本地的iconfont图标。

1.首先,登录iconfont,找到“资源管理”–“我的项目”,找到自己的项目。点击“项目设置”。

2.弹出如下对话框,默认勾选以下内容。

注意:可根据自己的需要勾选内容后保存,但Base64务必勾上。以上内容足够word press调用的格式需要。

3.然后点击“下载到本地”,会生成一个压缩文件。

4.将下载的文件解压,自己重新命名,例如我得命名是iconfont

5.接下来将iconfont这个文件夹拷贝到wordpress主题的某个位置,位置可以自己随意,这里我拷贝到主题下的static/之下,然后记住这个路径,以备下一步调取。

6.在wordpress主题中调用。找到主题的header.php,通过link代码引入该图标的样式表即可。

7.这样的话,就可以本地使用iconfont图标文件了。如果不知道调入css文件之后如何设置,可以参照“wordpress调用Iconfont图标”一文。

8.说说这样的好处。最重要的文件本地化了,即使是在断网,或者阿里图标网站停摆的情况下,定义的icon图标仍然可以使用,增加了稳定性和安全性。当然,本方法只限于自定义类型的wordpress主题,不适合大批量的icon调用环境,且需要一定的动手操作能力。

< 上一篇

你的留言