1 如何使用圖標(biāo)字體？
新媒體人做SEO就是在給網(wǎng)站優(yōu)化和提升用戶體驗(yàn)。
你可以在WordPress網(wǎng)站上，添加圖標(biāo)字體，非常美觀，支持響應(yīng)式設(shè)計的WP主題模板。
圖標(biāo)字體和小圖像格式的圖標(biāo)不同：
- 支持視網(wǎng)膜顯示.
- 可以無限放大。
- 將導(dǎo)航菜單上的項(xiàng)目分別個性化為Icon字體。
具體效果圖，可查看我們網(wǎng)站的導(dǎo)航菜單。
如何使用圖標(biāo)字體？
第 1 步：安裝插件
- WP后臺 → 插件 → 安裝插件 → 搜索“Font Awesome 4 Menus”，下載并安裝并啟用；
- 你也可以直接在網(wǎng)站上下載，然后上傳后通過FTP上傳或安裝。
第 2 步：尋找圖標(biāo)字體
點(diǎn)此前往 圖標(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后臺?→ 外觀 → 菜單，進(jìn)入菜單設(shè)置頁面。
- 選擇并編輯一個菜單項(xiàng)，
- 在CSS類中，粘貼我們剛剛復(fù)制的圖標(biāo)字體名稱（
fa fa-home）?▼
- （其他圖標(biāo)的操作是相同的）
- 最后點(diǎn)擊保存可以。
注意事項(xiàng)
如果在編輯菜單項(xiàng)面板中沒有CSS類，則可以打開右上角的 “顯示選項(xiàng)”，并在顯示菜單的高級屬性中，選中“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)字體插件》，對您有幫助。
