WPCOM線上的WordPress主題目前均支持圖標的設置,并且我們內(nèi)置了3款優(yōu)秀的圖標可供使用:FontAwesome、Material Icons、Remix Icon,先簡單介紹下這幾款圖標吧:

FontAwesome

4.7版本,沒用最新版是因為5.0+版本增加了Pro版,涉及到版權(quán)是一方面的原因,單從免費版來說是不如4.7版本的。

項目地址:https://fontawesome.com/v4.7.0/icons/

Material Icons

Google開源項目,圖標豐富

項目地址:https://material.io/resources/icons/

Remix Icon

國人出品的開源圖標庫,除了圖標豐富質(zhì)量高以外,還有較為完整的國內(nèi)社交媒體圖標

項目地址:https://remixicon.com/

自定義圖標

除了這幾款內(nèi)置圖標以外呢,為了滿足用戶的自定義需求,我們還支持引入自建的iconfont圖標項目,具體教程可以參考這篇文章:WPCOM主題Iconfont圖標庫添加及使用教程

一、圖標的開啟

進入后臺主題設置>風格樣式,找到圖標設置選項,然后根據(jù)自己需要選項需要開啟的圖標,如圖: WPCOM主題圖標使用教程

開啟對應圖標并保存主題設置以后,別忘了刷新主題設置頁面(1-2次左右)來清除本地瀏覽器緩存。

二、圖標的使用

開啟圖標以后,接下來就是如何使用這些圖標了,目前主題常見的使用到圖標的地方有頁面右側(cè)浮層、手機端底部浮層、菜單、以及一些模塊等,具體可以留意設置選項信息。

下面我們以頁面右側(cè)浮層的圖標設置為例

首先我們找到對應選項位置:主題設置>常規(guī)設置下的頁面右側(cè)浮層選項,點擊下方的添加選項,可以看到里面有個圖標的選項,如圖:

WPCOM主題圖標使用教程

這就是一個圖標選項了,對于有多個圖標庫的情況下選項左邊是可以選擇需要使用到的圖標庫,如果只有一個圖標庫的情況下左邊的圖標庫選項會自動隱藏。

現(xiàn)在我們選擇了Remix Icon,然后再展開右邊,可以看到待選圖標列表:

WPCOM主題圖標使用教程

如果圖標較多,也可以搜索關(guān)鍵字來快速檢索圖標,比如wechat

WPCOM主題圖標使用教程

菜單里面設置圖標

在早期的主題版本中,我們設置圖標是通過添加圖標代碼的方式(參考這里),而從2021年年初開始我們已經(jīng)對菜單和小工具的設置面板做了全面升級(參考這里),目前可以直接在菜單里面使用圖標選項來設置,如圖:

WPCOM主題圖標使用教程

關(guān)于更多圖標使用中遇到的更多問題,可以聯(lián)系我們在線客服獲取幫助。