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

具體方法：

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

二、WP 后臺---外觀---菜單，進入菜單設置頁面，選擇并編輯一個菜單項，在 CSS 類中輸入一個圖標字體選擇器名稱，如圖：

如果在編輯菜單項目面板中無 CSS 類，可以打開右上角的“顯示選項”，在顯示菜單高級屬性中勾選“CSS 類”。（今天才發現有這個的！！！）

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

點開一個認為合適的圖標字體，在下會顯示類似：

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

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

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

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

圖標字體在線制作：https://icomoon.io/app/#/select

---

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

首先進入fontawesome.io，然后在里面找到你想要的圖標，然后單擊進入，然后復制<i>標簽的代碼。

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

參考：

https://dedewp.com/2264.html

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。