如何將社交媒體圖標添加到WordPress菜單


您是否要在WordPress菜單上添加社交媒體圖標? 雖然WordPress並未提供“社交媒體配置文件”部分,但是您可以輕鬆地使用WordPress導航菜單在WordPress中任何可啟用小部件的區域上添加和顯示社交媒體圖標。 在本文中,我們將向您展示如何向WordPress菜單添加社交媒體圖標。

如何在菜單中添加社交媒體圖標

為什麼要在菜單上添加社交媒體圖標?

使用WordPress菜單添加社交媒體圖標的最大優點是,您可以通過簡單的拖放界面更改其顯示順序。

雖然您可以使用第三方插件在邊欄中顯示社交媒體圖標,但大多數解決方案都不那麼靈活。

除了簡單的拖放界面之外,當您將社交媒體圖標添加到WordPress菜單時,您可以將其顯示在網站上任何可設置小部件的區域,包括側邊欄,頁腳區域,帖子下方等。

話雖如此,讓我們來看看如何輕鬆地將社交媒體圖標添加到WordPress菜單。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

將社交媒體圖標添加到WordPress菜單

您需要做的第一件事是安裝並激活Menu Image插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 外觀»菜單 頁並創建一個新菜單。

新的社交菜單

接下來,您需要在新的社交菜單中分別為每個社交媒體頻道添加自定義鏈接。

您會注意到每個菜單項下都有一個菜單圖像按鈕選項。 您可以使用它在此處上傳您的社交媒體圖標。

設置菜單圖標

它允許您在懸停時上傳其他圖標,並在鼠標懸停時顯示主圖標圖像。

之後,您可以選擇社交圖標的大小。 圖像大小有多個選項。 確保為所有社交菜單圖標選擇相同的大小,以免損壞菜單區域。

社會圖標大小

接下來,您需要選擇一個位置以顯示帶有圖標的每個社交渠道的名稱。 如果只想顯示沒有任何標籤的社交圖標,則需要在“標題”位置設置下選擇“隱藏”選項。

菜單標題位置

只需重複相同的操作,即可添加所需數量的社交圖標。

添加完菜單項後,您需要為社交菜單選擇顯示位置,然後單擊“保存菜單”按鈕。

菜單顯示位置

現在,您可以訪問您的網站以在WordPress菜單中查看社交媒體圖標。

社交媒體菜單

您還可以在WordPress邊欄中添加社交圖標菜單。 只需轉到 外觀»小部件 頁並將“導航菜單”小部件拖到側邊欄小部件區域。

小部件中的社交菜單

在選擇菜單下拉菜單中,您應該選擇上面創建的社交菜單,然後單擊“保存”按鈕。

側邊欄中的社交菜單

注意: 上面的圖像僅出於示例目的顯示。 為了使小部件看起來完全一樣,您需要添加自定義CSS。

就這樣。 我們希望本文能幫助您學習如何將社交媒體圖標添加到WordPress菜單。 您可能還想查看有關如何設置WordPress導航菜單樣式的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。