該圖標(biāo)是任何類型設(shè)計(jì)的完美補(bǔ)充。 許多圖標(biāo)是公認(rèn)的 。 在機(jī)場乘坐公共廁所標(biāo)牌。 無需了解當(dāng)?shù)卣Z言，如果您不熟悉當(dāng)?shù)卣Z言，則可以從門前使用的圖標(biāo)立即掌握哪個廁所適合女士們使用，哪個廁所適合紳士們使用。

同樣的事情也可以應(yīng)用于網(wǎng)站； 顯示圖標(biāo)可以幫助用戶瀏覽您的網(wǎng)站。 這有助于提高用戶體驗(yàn)，并使網(wǎng)站看起來更漂亮。

但是在像WordPress 這樣的 CMS中顯示這樣的圖標(biāo)可能是一個挑戰(zhàn)。 如果您的網(wǎng)站是基于頂級WordPress構(gòu)建的，那么我們將在這里向您展示在WordPress菜單中顯示圖標(biāo)的最簡單方法 。

入門

使用名為Menu Icons的WordPress插件可輕松在WordPress中添加圖標(biāo) 。 首先，安裝并激活此插件。

現(xiàn)在我們準(zhǔn)備添加圖標(biāo)。

新增圖示

對于此示例，我想使用TwentyTwelve，一個漂亮干凈的WordPress主題。 我還創(chuàng)建了一些要包含在菜單中的頁面。

通過外觀>菜單創(chuàng)建一個新菜單。 不要忘記分配菜單位置，除非它不會出現(xiàn)在網(wǎng)站上的任何地方。

然后，我們將為每個項(xiàng)目添加一個圖標(biāo)。 首先，讓我們展開菜單項(xiàng)之一。 您會找到一個標(biāo)題為Icon的鏈接：Select icon 。 點(diǎn)擊“選擇圖標(biāo)”開始選擇。 在這里，您將看到一個類似于WordPress媒體庫的窗口。

在撰寫本文時，此插件帶有3個字體圖標(biāo)庫，即Dashicons ， Genericons和FontAwesome 。

但是，即使我們自由使用任何圖標(biāo)，也最好從一個庫中導(dǎo)出圖標(biāo)，因?yàn)樗鼈兠總€都有自己的特征，例如大小和曲線。 換句話說，如果您使用FontAwesome，請?jiān)谡麄€網(wǎng)站上使用它。 這樣做可以保持圖標(biāo)的一致性并使它看起來更加統(tǒng)一。

選擇圖標(biāo)后，您將在右側(cè)面板上看到預(yù)覽。 在右側(cè)面板中進(jìn)行一些調(diào)整。 您可以將圖標(biāo)放置在菜單之前或之后 ，控制字體大小，并設(shè)置垂直對齊方式。 設(shè)置完成后，單擊“ 選擇” ，然后繼續(xù)為菜單中的其他項(xiàng)目添加圖標(biāo)。

最終思想

菜單圖標(biāo)是一個非常方便的插件，用于在菜單中添加圖標(biāo)。 它與使用非常直觀的WordPress UI模式很好地集成在一起。 此外，開發(fā)人員還計(jì)劃為下一個版本提供一些新功能，包括添加更多的圖標(biāo)庫以及上載自定義圖標(biāo)的功能。

希望您喜歡并發(fā)現(xiàn)此技巧有用。 繼續(xù)嘗試插件。

翻譯自: https://www.hongkiat.com/blog/wordpress-menu-icon/

總結(jié)

以上是生活随笔為你收集整理的如何在WordPress菜单中显示图标[WordPress插件]的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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