目前圖標(biāo)字體非常流行，圖標(biāo)字體使用簡單，與圖片格式的小圖標(biāo)相比，支持視網(wǎng)膜顯示，可以無限放大。特別是一些響應(yīng)式設(shè)計的主題模板，都會或多或少使用圖標(biāo)字體。陌小雨所用的 xiu 主題就集成了圖標(biāo)字體（見導(dǎo)航條），我們還可以單獨為導(dǎo)航菜單上的項目也配上個性化的圖標(biāo)字體。

具體方法：

一、WP 后臺--插件--安裝插件頁面搜索：Font Awesome 4 Menus，下載安裝并啟用。

二、WP 后臺---外觀---菜單，進(jìn)入菜單設(shè)置頁面，選擇并編輯一個菜單項，在 CSS 類中輸入一個圖標(biāo)字體選擇器名稱，如圖：

如果在編輯菜單項目面板中無 CSS 類，可以打開右上角的“顯示選項”，在顯示菜單高級屬性中勾選“CSS 類”。（今天才發(fā)現(xiàn)有這個的?。。。?/p>

圖標(biāo)字體選擇器名稱，打開此頁查看：http://fortawesome.github.io/Font-Awesome/icons/

點開一個認(rèn)為合適的圖標(biāo)字體，在下會顯示類似：

<i class="fa fa-home"></i>

只需在菜單 CSS 類中輸入 fa fa-home 就可以了。

那然這個圖標(biāo)字體庫并不只局限于使用在導(dǎo)航菜單上，只要把相應(yīng)的圖標(biāo)代碼加到主題模板的相應(yīng)位置，也同樣可以顯示。

如果認(rèn)為上面插件提供的圖標(biāo)字體不符合自己的要求（其實這套 Font Awesome 圖標(biāo)字體早已爛大街），還可以自己做一套更加個性化的圖標(biāo)字體。

圖標(biāo)字體在線制作：https://icomoon.io/app/#/select

---

2019年6月7日更新，如果不想安裝插件或者所用主題以及引入了Font Awesome 圖標(biāo)字體，可以直接使用以下方法實現(xiàn)：

首先進(jìn)入fontawesome.io，然后在里面找到你想要的圖標(biāo)，然后單擊進(jìn)入，然后復(fù)制<i>標(biāo)簽的代碼。

接著進(jìn)入你的后臺，在外觀->菜單里面找到你要進(jìn)行添加的菜單，然后在導(dǎo)航標(biāo)簽的文字前面加入剛才那一段<i>標(biāo)簽代碼，然后保存，刷新一下即可看到。

參考：

https://dedewp.com/2264.html

https://www.licoy.cn/1447.html

總結(jié)

以上是生活随笔為你收集整理的WordPress为导航菜单添加个性图标字体的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。