WordPress預設的下拉選單只能放置文字連結,如果你希望電腦版的下拉選單可以更吸睛一點,除了文字連結外,還可以放漂亮的圖片、影片、地圖、按鈕等等,就一定要來認識 WordPress世界裡的超級選單(Mega Menu)!
什麼是 Mege Menu 超級選單?
Mega menu 超級選單,是外國人拿來描述內容型態很多樣化的選單,並不是特別指某個外掛,如果你 Google 搜尋 Mega menu plugin,會發現相關的外掛還蠻多的,不過大部分都是要付費的,每個外掛的使用方式也很不一樣,當他們彈性越大、功能越強,學習曲線也就越高,常常讓新手們看英文說明文件看到霧煞煞。
另外,有些佈景主題本身就附帶有 Mega Menu的功能,但是通常彈性比較小,他可能給你幾個下拉選單的版型讓你選擇,但沒辦法讓你完全自訂下拉選單裡的排版與樣式。
為什麼要用 Soledad 主題的 Mega Menu 功能?
今天帶路姬要特別來介紹的這個方式,是透過 Soledad 佈景主題新增加的 Mega Menu 功能來建立超級選單,他允許使用者用 Elementor 編輯器來編輯下拉選單的內容,彈性變得非常大,學習起來更是幾乎零曲線!想當初還沒有這個功能時,我還曾經花了700元台幣買 JetMenu 外掛,才能使用 Elementor 來建立超級選單,還拖慢了網站速度,現在 Soledad 主題更新後,我就砍掉了當初的 Jetmenu,不僅省下700元,網站速度也變快了喔!
Soledad 佈景主題的 Mega Menu 超級選單建立流程:
- 建立 Penci Block區塊(用來製作下拉選單的內容)
- 使用 Elementor 來編輯剛剛新建立的 Block(區塊)
- 到外觀>選單,展開你想指派下拉選單的選單項目,Mega Menu Type處選擇Mega Menu Builder
- 下方 Select Penci Block處,選擇你剛剛建立的下拉選單的 Block(區塊)
如果你不是使用 Soledad 主題怎麼辦呢?
- 可以考慮換成 Soledad 主題喔!帶路姬的五天自學衝刺班有很完整的 Soledad 主題的教學,保證節省你好幾個月自己看英文慢慢摸索的時間!
- 如果想換主題的話,建議參考帶路姬製作過的換主題教學。
- 如果你不想換主題的話,那就只好考慮使用其他外掛來建立超級選單了,不過,老實說,那些外掛真的都複雜很多很多… 學起來挺痛苦的 >_<…
今天的教學先講到這囉!如果你有透過這個教學來建立你的超級選單的話,記得來留言跟帶路姬分享喔!
1 留言
Hi 你好請問下你文章內的標籤樣式是怎麼弄的?