iconfont是阿里巴巴體驗團隊傾力打造,國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。

nicetheme 在制作 WordPress主題時,一般會選用 iconfont 的圖標。

如何在網站中引用 iconfont 圖標呢?請看下面教程:

1、可在本地電腦中,解壓主題包,在 nicetheme 的主題目錄中,路徑:主題根目錄-fonts,可以找到一個名字為demo_index.html的文件(如果沒找到,可能每個主題的路徑不一樣,建議用一下搜索,搜索 demo_index.html ),打開即可如下圖

如何插入阿里巴巴 iconfont 圖標-nicetheme_奈思主題

2、如下圖,可看到每個標題下,會有圖標的名稱以及圖標 class 標簽

如何插入阿里巴巴 iconfont 圖標-nicetheme_奈思主題

3、舉個例子,上圖紅色下劃線 icon-custom,就是我們一會需要使用的圖標標簽。方式如下:

<i class="iconfont icon-custom"></i>

4、直接復制以上代碼到指定位置即可,如 LightHouse 主題中,菜單可插入圖標,見下圖位置(其他主題不一定有這個設置)。

如何插入阿里巴巴 iconfont 圖標-nicetheme_奈思主題