如何在 WordPress 中創建可折疊的側邊欄菜單

已發表: 2022-05-10

如今,許多 WordPress 網站所有者決定創建一個可折疊的側邊欄菜單。 如果您正在運營一個巨大的網站或電子商務商店,這可能是您的理想解決方案。 為了幫助您在您的網站上設置此功能,我們諮詢了 WordPress 專家團隊,並在本文中進一步準備了詳盡的指南。 但首先,我們將解釋什麼是可折疊側邊欄菜單,以及為什麼要將它放在您的網站上。

什麼是 WordPress 中的可折疊側邊欄菜單,您應該何時創建它?

最人性化的菜單允許訪問者快速訪問他們需要的所有鏈接。 但是,對於具有大量頁面或更複雜佈局的站點,這可能非常困難。

左手拿著咖啡杯並用右手瀏覽帶有可折疊側邊欄菜單的 WordPress 網站的人
如果您在 WordPress 網站上創建可折疊的側邊欄菜單,您將使其更加用戶友好。

試想一下亞馬遜或 eBay,它們是擁有大量產品類別和子類別的大型電子商務企業。 仔細想想——把每一個產品類別都放在一個共同的菜單上並不是一個好主意。 您需要滾動一段時間才能找到您要查找的類別。

這是可折疊側邊欄菜單派上用場的完美示例。 它們允許您以父子關係組織內容,因此當您的客戶單擊父鏈接時,它將展開以顯示所有子類別或子類別。

請記住,可折疊側邊欄菜單也稱為可擴展菜單。 如果您遇到這個術語,知道它代表相同的事物會很有用。 該名稱顯然與以下事實有關:當您的一位訪問者點擊您網站上的某個部分時,菜單會展開。

可折疊的側邊欄菜單可幫助您使您的網站更加用戶友好,因為它們隱藏了訪問者的大量內容和復雜性。 您將幫助他們避免瀏覽大量類別和子類別,並且您網站上越來越多的訪問者將顯示他們對此的欣賞程度。

除了為您的網站提供專家級服務外,我們還願意分享我們的知識和經驗。 因此,以下是如何在 WordPress 中快速輕鬆地創建可折疊的側邊欄菜單。

在 WordPress 中創建可折疊側邊欄菜單的最簡單方法

向您的網站添加可折疊側邊欄菜單的最簡單快捷的方法是使用 Bellows Accordion Menu 插件。 此插件允許您將可折疊的側邊欄菜單添加到任何頁面、帖子或小部件位置,包括您的側邊欄

筆記本電腦的左上角,上面打開了 WordPress 儀表板和插件
Bellows Accordion Menu 插件允許您在 WordPress 中快速輕鬆地創建可折疊的側邊欄菜單。

第一步當然是安裝和激活插件。 要開始創建可折疊的側邊欄菜單,請轉到“外觀”並在 WordPress 儀表板激活後單擊“菜單”頁面。

然後,填寫“菜單名稱”部分。 請記住,這僅供您使用,您的訪問將無法看到它。 這意味著您可以選擇任何您想要的名稱,而不必將其連接到任何類別。 完成後,只需單擊“創建菜單”按鈕。

下一步是選擇要包含在可折疊側邊欄菜單中的頁面。 默認情況下,WordPress 只顯示您最近的頁面,但是,如果您單擊“查看全部”選項,您將看到您的所有帖子。 或者,您也可以使用“全選”按鈕,並使用所有頁面自動填充可折疊菜單。

決定添加哪些頁面後,單擊“添加到菜單”選項。 您甚至可以添加自定義鏈接或選擇特定主題或博客類別。 您可以在我們關於在 WordPress 中添加導航菜單的文章中了解更多相關信息。

將頁面添加到菜單後,您可以通過簡單的拖放來移動它們並切換它們的順序。

可折疊側邊欄菜單中的父子關係

可折疊菜單的重點是父子連接。 每當您的訪問者將鼠標懸停在菜單中的父類別上時,它就會展開並為他們提供選擇子類別之一的選項,

添加子頁面很簡單,只需將它們拖放到父頁面下方即可創建這種關係。 現在,您需要將該可折疊菜單添加到您的 WordPress 側邊欄。 為此,您必須使用 Bellows Accordion Menu 插件將為您生成的簡碼。

轉到“外觀”,然後單擊“波紋管菜單”,您將獲得您的簡碼,但請確保選擇“顯示全部”選項卡。 現在,您可以選擇將突出顯示整個代碼的簡碼框。 複製代碼,因為您需要將其粘貼到小部件中。 轉到“外觀”然後“小部件”並查找側邊欄選項。

找到側邊欄區域後,單擊它,因為它會展開。 您將能夠添加塊,但您需要找到簡碼之一。 找到它後,只需粘貼您複製的代碼,然後單擊“更新”圖標。 您已成功將可折疊菜單添加到您的網站。

穿著白色襯衫的女人坐在沙發上,拿著信用卡,在網上購物
在 WordPress 中添加可折疊的側邊欄菜單將幫助您吸引和留住客戶。

這個插件最好的事情之一是它允許您輕鬆自定義默認菜單。 您可以選擇不同的顏色並使用設計,直到您創建適合您網站的東西。 只需轉到“外觀”,然後單擊“自定義”即可開始。

底線

我們希望我們的指南能幫助您了解為什麼以及如何在 WordPress 中創建可折疊的側邊欄菜單。 如您所見,這是一個非常簡單明了的過程,因此即使您是初學者,也不應該有任何問題。 或者直接聯繫 WP Full Care 團隊,獲得免費諮詢,並決定為您的網站提供應有的專家服務。