1 如何使用圖標(biāo)字體？

• 2 注意事項

新媒體人做SEO就是在給網(wǎng)站優(yōu)化和提升用戶體驗。

你可以在WordPress網(wǎng)站上，添加圖標(biāo)字體，非常美觀，支持響應(yīng)式設(shè)計的WP主題模板。

圖標(biāo)字體和小圖像格式的圖標(biāo)不同：

• 支持視網(wǎng)膜顯示.
• 可以無限放大。
• 將導(dǎo)航菜單上的項目分別個性化為Icon字體。

具體效果圖，可查看我們網(wǎng)站的導(dǎo)航菜單。

如何使用圖標(biāo)字體？

第 1 步：安裝插件

• WP后臺 → 插件 → 安裝插件 → 搜索“Font Awesome 4 Menus”，下載并安裝并啟用；
• 你也可以直接在網(wǎng)站上下載，然后上傳后通過FTP上傳或安裝。

第 2 步：尋找圖標(biāo)字體

點此前往 圖標(biāo)字體官方網(wǎng)站

打開圖標(biāo)字體官方網(wǎng)站，找到我們需要的圖標(biāo) ▼

• 你可以在單擊圖標(biāo)時顯示的 <i class =“fa fa-home”> </ i>復(fù)制 fa fa-home。
• 如果主頁圖標(biāo)名稱為home，那么我們需要在 “菜單CSS類” 中輸入 fas fa-home

第 3 步：菜單輸入CSS類字體圖標(biāo)

• WP后臺 → 外觀 → 菜單，進入菜單設(shè)置頁面。
• 選擇并編輯一個菜單項，
• 在CSS類中，粘貼我們剛剛復(fù)制的圖標(biāo)字體名稱（fa fa-home） ▼

• （其他圖標(biāo)的操作是相同的）
• 最后點擊保存可以。

注意事項

如果在編輯菜單項面板中沒有CSS類，則可以打開右上角的 “顯示選項”，并在顯示菜單的高級屬性中，選中“CSS類” ▼

• 當(dāng)然，這個圖標(biāo)字體庫不限于在導(dǎo)航菜單中使用，只要將相應(yīng)的圖標(biāo)代碼添加到主題模板的相應(yīng)位置即可。

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress菜單圖標(biāo)CSS怎么添加？安裝WP導(dǎo)航圖標(biāo)字體插件》，對您有幫助。