正如我已經在許多場合評論過的那樣(如果你讀過我的文章,你就會知道),自從我發現這個主題後,我就不再使用另一個主題,這要歸功於它強大的定制能力、它的輕巧性以及它與Elementor Page 的完美整合Builder,設計網站的最佳視覺佈局設計師。
如果您想了解有關這個精彩主題或模板的所有內容,我邀請您閱讀我在部落格上製作的完整 OceanWP 教程,其中包含影片。
也就是說,OceanWP 有無數的配置選項,我向您保證您將立即學會如何自訂它。
在它提供的所有選項中,有一個吸引了很多人的注意,因為使用 OceanWP,您可以在 WordPress 中建立大型選單,而無需安裝額外的外掛程式。
但在告訴你如何做之前,如果你對什麼是超級菜單有疑問,讓我們分成幾個部分,就像開膛手傑克所說的那樣,從頭開始...
設計網站的階段
目錄
什麼是超級菜單?
大型菜單範例
如何在 WordPress 中建立選單內容
在 WordPress 中組織選單項
超級選單設定
將視覺內容加入大型選單中
結論及個人看法
什麼是超級菜單?
一般來說,網站上的 WordPress 選單在視覺外觀方面非常簡單。
事實上,絕大多數通常只有兩個層次結構級別:主鏈接和一些懸掛在主鏈接上的鏈接,這些鏈接構成了子菜單,正如我在本例中向您展示的那樣:
產品
產品1
產品2
產品3
服務
服務1
服務2
服務3
在這種情況下,「產品」和「服務」將是主選單項,每個編號的項目將是分別掛在「產品」和「服務」上的子項目。
在這裡,我向您展示了一個帶有多個子項目的子選單的標準選單的範例。
正如你所看到的,沒有什麼特別的...
但巨型菜單更進一步…
在大型菜單中,您可以添加各種視覺元素,例如圖像或視頻,這將使菜單的內容比其他任何內容都更像夜總會,但在某些情況下,顧客想要它、需要它或已經擁有它他在另一個網站上看到了它,然後他興奮起來。
有時,大型菜單非常有用且實用。
事實是,如果您想在 WordPress 中製作大型選單,請不要排除使用此 OceanWP 選項,因為它不會讓您無動於衷。
此外,由於它與 Elementor 的結合,您可以完全自訂它,從而獲得出色的效果。
大型菜單範例
就像生活中的一切(或幾乎一切)一樣,一張圖片勝過一千個文字,我想向您展示一些大型菜單的示例,其中一些比其他菜單更令人眼花繚亂,但這將使您了解可以實現什麼:
Movistar:Movistar 網站上的大型選單包含帶有圖像的標題,子項目懸掛在該圖像上。
亞馬遜:在零售巨頭的網站上,我們不僅可以看到菜單選項,還直的產品;另一個非常好的提高特定銷售額的選擇。
迪卡儂:在這裡,我們看到一個「混合」巨型選單,其中所有主要選項都顯示為子項目,此外,還有幾個部分,右側帶有圖像(Polars 和運動鞋),他們希望將其突出顯示為“橫幅”。
如何在 WordPress 中建立選單內容
要在WordPress中建立選單,無論是標準選單還是大型選單,我們必須先明確要顯示的頁面結構。
我上面給您的有關產品和服務的範例非常適合我們來表達我想告訴您的內容。
所以…
在設計其視覺外觀之前發明的選單結構可能如下,具有三個層次結構層級:
開始
關於我們
產品
產品1
產品2
產品3
服務
服務1
服務2
服務3
部落格
接觸
你跟著我嗎?好的!
如果我們將此選單保留為常規選單的預設格式,我們將看到如下所示:
但你還沒讀到這麼遠就保持這樣......
讓我們繼續...
在 WordPress 中組織選單項
現在我們已經準備好了網站的結構及其元素和子元素,我們要做的就是建立頁面(主頁、關於我們等)並將 丹麥電話號碼庫 它們添加到 WordPress 的主選單中的「外觀/選單部分。
這就是一切的樣子:

超級選單設定
一旦我們建立並組織了標準選單,我們將對其進行配置,以便它在 OceanWP 中顯示為大型選單。
為此,我們必須選擇每個主選單項目(例如“產品”)並啟動以下選項(對其他主項目執行相同操作):
停用連結:如果有任何一個