首頁 WordPress 教學 WordPress 超級選單 Mega Menu:3 步驟做出排版自由的下拉選單

WordPress 超級選單 Mega Menu:3 步驟做出排版自由的下拉選單

Mega Menu 幫助你更有組織地呈現更多的子選單項目

發佈日期: 上次更新: 1 留言 2K 次瀏覽

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 超級選單建立流程:

Soledad 主題讓你用三步驟輕鬆建立超級選單!
  1. 建立 Penci Block區塊(用來製作下拉選單的內容)
  2. 使用 Elementor 來編輯剛剛新建立的 Block(區塊)
  3. 到外觀>選單,展開你想指派下拉選單的選單項目,Mega Menu Type處選擇Mega Menu Builder
  4. 下方 Select Penci Block處,選擇你剛剛建立的下拉選單的 Block(區塊)

如果你不是使用 Soledad 主題怎麼辦呢?

  1. 可以考慮換成 Soledad 主題喔!帶路姬的五天自學衝刺班有很完整的 Soledad 主題的教學,保證節省你好幾個月自己看英文慢慢摸索的時間!
  2. 如果想換主題的話,建議參考帶路姬製作過的換主題教學
  3. 如果你不想換主題的話,那就只好考慮使用其他外掛來建立超級選單了,不過,老實說,那些外掛真的都複雜很多很多… 學起來挺痛苦的 >_<…

今天的教學先講到這囉!如果你有透過這個教學來建立你的超級選單的話,記得來留言跟帶路姬分享喔!

留言給帶路姬吧!

1 留言

俠客 2022-03-10 - 4:21 pm

Hi 你好請問下你文章內的標籤樣式是怎麼弄的?

回答
訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:2,614,479(2024/2/2)
總訪客量:626,454 (2024/2/2)

© WordPress 網站帶路姬 2018~2024 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

★ 完全免費的影音+圖文教學 ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link