切換菜單

選單模組現已進入測試階段!

已發表: 2015-08-04

Beaver Builder 產品 25% 折扣!快點促銷結束...精益更多!

new-menu-module
  • 海狸建造者

選單模組現已進入測試階段!

更新:選單模組現已從版本 1.6.2 開始可用。

今天,我們正式發布了過去兩週處於測試版的新貼文模組以及新選單模組的測試版。如果您還沒準備好,請前往您的帳戶下載最新的測試版並試用選單模組!

超強客製菜單

與內建的自訂選單小工具一樣,選單模組可讓您選擇在外觀 > 選單下建立的選單之一以插入到佈局中。這就是相似之處,因為選單模組可讓您使用選單的佈局、樣式和響應式顯示選項來執行更多操作。

多種選單佈局

選單模組包含四種不同的選單佈局選項。這些選項包括…

  • 水平– 標準水平佈局,類似於大多數主題中的佈局。此佈局還支援下拉子選單。
  • 垂直– 垂直佈局,支援彈出到選單左側或右側的子選單。
  • 手風琴– 垂直手風琴佈局,單擊切換圖示時會內嵌顯示子選單。
  • 擴充– 類似自訂選單小工具的佈局,頂層選單項目和子選單項目以無序列表樣式格式顯示。

風格一切

選單模組還包含一些樣式選項,可讓您創建許多不同的獨特選單設計。這些選項包括文字顏色、字體大小、背景顏色和整體選單對齊等樣式。請務必查看選單模組設定中的“樣式”標籤以查看所有可用選項。

在行動裝置上運作良好

除了允許您創建功能強大的自訂選單之外,選單模組在較小的螢幕尺寸(例如行動裝置上的螢幕尺寸)上也看起來很棒。在常規標籤下,您將找到一個名為「移動風格」的選項,該選項可讓您自訂選單在較小螢幕尺寸上的外觀。這些選項包括…

  • 展開– 選單不會折疊,所有選單項目將以無序列表樣式格式顯示。
  • 漢堡圖示– 選單將折疊並顯示漢堡圖示切換按鈕。
  • 漢堡圖示 + 標籤– 選單將折疊,漢堡圖示切換按鈕將與選單標籤一起顯示。
  • 選單按鈕– 與 Beaver Builder 主題的工作方式類似,此選項將顯示全角選單按鈕。

什麼時候上線?

正如我在上一篇文章中提到的,只要我們沒有遇到任何大問題,測試期將持續約兩週。如果一切按計劃進行,菜單模組應該會在 8 月 17 日這一周正式發布。

接下來是什麼?

我很高興地宣布,標準和全局行/模組模板現在正在由團隊內部測試!如果一切順利,我們希望下週發布私人測試版,並在下週發佈公開測試版。除了行/模組模板之外,我們還開始致力於實現一個新的顏色選擇器,該顏色選擇器能夠保存顏色預設,並尋找向 Beaver Builder 添加 Genesis 支援的解決方案。

讓我們知道您的想法!

一如既往,我把發言權留給你。如果您對我們如何改進它有任何反饋或遇到任何問題,請隨時在下面的評論中告訴我們您對新選單模組的看法。

下次再見,祝您建設愉快!

賈斯汀·布薩的簡介

47 則評論

  1. 於 2015 年 8 月 3 日下午 5:39

    非常酷你們!幹得好。

    當我寫這篇文章時,正在修改選單模組。到目前為止,一切都很好!按預期工作。

    喜歡你的發布週期。



    • 賈斯汀·布薩2015 年 8 月 4 日上午 8:45

      謝謝,本!我很高興聽到你喜歡它。



  2. Kjetil於 2015 年 8 月 4 日上午 6:16

    你好
    幹得好!新功能不斷湧現。
    只是必須嘗試新的測試版選單模組並需要問:它應該顯示為清單還是下拉式選單?現在我得到了一個擴展的(多級)無序列表 - 我想這不是目標...?
    另外,只能從我製作的菜單中選擇一個。
    我認為這可能是由我在這裡使用的主題引起的(Bridge - 它有點……敏感),但切換到 TwentyFifteen 沒有任何改變(嗯,除了外觀……;o)
    如果這聽起來很奇怪並且您想登入看看,請告訴我。並繼續努力!
    Kj



    • 賈斯汀·布薩2015 年 8 月 4 日上午 8:50

      嗨,克傑蒂爾,

      謝謝您發文!根據您選擇的佈局,選單可以以多種不同的方式顯示。不過,聽起來這裡可能有問題。您介意在論壇上發布以便我們登入並查看嗎?

      賈斯汀



      • Kjetil於 2015 年 8 月 4 日上午 9:14

        會做!
        順便說一句,這是有趣的菜單:http://www.dolcevita.no/demo1/gardasjoen-sykkeltur/
        Kj



        • redsnappertrading於 2016 年 4 月 11 日凌晨 3:50

          你好,NEWBIE bb builder,幹得好,你能告訴我你是如何實現頁面從頁腳向下滑動的效果的嗎?



  3. 卡洛斯2015 年 8 月 4 日上午 6:55

    大家好!

    這是一個很棒的補充!我已經在玩它了。我想我發現了一個錯誤。

    我創建了一個居中的選單。只有選單項目顯示背景。然後,當我調整視窗大小以查看移動功能並重新調整大小時,錯誤就會出現。選單不再居中,背景佔據了行的全部寬度。我正在使用 Chrome,這是連結:http://miracomoes.com/chia/

    我希望這有幫助!



    • 賈斯汀·布薩2015 年 8 月 4 日上午 8:52

      謝謝,卡洛斯!這肯定是個錯誤。我們會在發布之前解決這個問題。



  4. Zenoform於 2015 年 8 月 4 日中午 12:03

    如果我們一直在使用Dynamik Website Builder,這將如何運作?



    • 賈斯汀·布薩2015 年 8 月 4 日中午 12:08

      嗨澤諾弗,

      它應該可以正常工作,但如果您遇到任何問題,請在論壇中告訴我們,我們會查看。

      謝謝,
      賈斯汀



  5. 院長於 2015 年 8 月 4 日晚上 10:59

    大家好,該產品的一個很好的補充。

    如果我建立一個手風琴選單,其中所有 1 級項目的名稱都較短,例如​​: MENU1、MENU2,那麼 2 級項目的名稱稍長,例如:當選擇 level1 專案時,MENU1.1、MENU1.2 等整個導航結構會變寬。控制寬度的樣式選項將是一個不錯的選擇。

    謝謝,迪恩



    • 賈斯汀·布薩2015 年 8 月 5 日上午 8:40

      嘿 Dean,你能告訴我你用的是什麼佈局風格嗎?



      • 院長於 2015 年 8 月 5 日晚上 11:14

        嗨賈斯汀

        抱歉,術語錯誤,佈局是手風琴

        這是幻燈片的鏈接,其中包含我所指內容的螢幕截圖。

        https://docs.google.com/presentation/d/1t2wbUEvhf4SAWNk3W5ASLZjuEExXpcWOcRYrykTV56o/edit?usp=sharing

        謝謝,迪恩



  6. 賈斯汀·布薩2015 年 8 月 6 日上午 9:27

    謝謝,迪恩!我將提交錯誤報告,我們將解決此問題。



  7. 愛德華2015 年 8 月 7 日凌晨 12:08

    我認為另一個錯誤 - 我需要將底部設置為 -5,或者在鏈接背景懸停顏色下方底部有 5 個像素的額外空間,以使其像頂部一樣齊平。看起來不錯。

    如果您仍在研究它,您可以添加一種設定選單高度大小的方法,以便我們可以製作這樣的厚選單。您有連結間距,但沒有選單高度/大小,距離能夠執行此操作僅差一個設定。

    http://destinvacationguide.com/testtwo/

    如果可能的話,還有一種使用谷歌字體的方法。



    • 賈斯汀·布薩2015 年 8 月 7 日上午 8:46

      感謝您的報告,愛德華!我無法重現 5px 間距問題。也許這是一個主題問題?

      間距/高度問題是有道理的。我將就此提交一份報告。我們還將在今年稍後為建構器進行 Google 字體設置,這樣我們就可以在選單模組中實現它。



  8. 愛德華2015 年 8 月 7 日上午 12:18

    我如何擺脫舊的頂部選單,現在它一直說 – 選擇選單,或者如果我選擇一個,那麼我會顯示兩個頂部選單?
    謝謝



    • 賈斯汀·布薩2015 年 8 月 7 日上午 8:50

      為此,您需要透過將“標題”>“標題佈局”設為“無”來隱藏定制器中的標題。



  9. 愛德華2015 年 8 月 7 日凌晨 12:32

    好吧,還有一個問題,有什麼方法可以使這個新選單成為頂部所有頁面的預設選單,我發現它只適用於我製作的頁面?



    • 賈斯汀·布薩2015 年 8 月 7 日上午 8:52

      我們將在接下來的幾週內發布保存「全域」行的功能。一旦完成,您就可以將同一行拖曳到所有頁面中並在一個位置進行編輯。不幸的是,目前沒有任何其他方法可以做到這一點。



  10. Kjetil於 2015 年 8 月 7 日上午 7:44

    你好
    關於選單選擇器(在選單模組中):我之前提到過選擇器不起作用。嗯,確實如此。我製作了兩個選單,但只出現了一個,但不知何故,第二個選單的所有內容都消失了。所以:你不能選擇空選單,我想這沒關係...
    只是想讓你知道:o)
    克傑蒂爾



    • 賈斯汀·布薩2015 年 8 月 7 日上午 8:53

      啊,好收穫!我們將為空菜單添加一些邏輯。



  11. Ignitermr於 2015 年 8 月 8 日上午 10:40

    驚人的。當您處理選單時,請考慮新增一個設定來控制 Alpha 頻道,以便選單標題可以透明(不確定我說得對不對,您明白我的意思嗎?)。我想讓標題導航透明。那是在作品中嗎?謝謝。



    • 賈斯汀·布薩2015 年 8 月 10 日上午 9:29

      感謝您的回饋!雖然,我還不確定我是否有關注你。您是否要求文字具有不透明度設定或選單背景?



      • 布萊恩普蘭於 2015 年 8 月 10 日上午 11:19

        選單的導航背景,以便圖像顯示出來。像這樣:http://screencast.com/t/2zZJEjPqmMpl



        • 賈斯汀·布薩2015 年 8 月 10 日上午 11:53

          謝謝,布萊恩!我們將考慮實施該計劃。



  12. 娜塔莉亞·布蘭特2015 年 8 月 11 日下午 3:44

    如果有一個選項可以選擇要顯示的選單級別,那就太好了。例如,如果我只想顯示子選單(第二級頁面),我有這個選項嗎?



    • 羅比·麥卡洛2015 年 8 月 11 日下午 3:58

      嗨娜塔莉亞。謝謝你的建議。我不確定這是否是我們會包含在插件中的內容。不過,請隨意將其新增為功能請求:

      https://wpbeaverbuilder.uservoice.com/forums/270594-general

      另外,您可以嘗試在 WordPress 管理區域中建立兩個選單。一個用於頂級導航,一個用於第二級導航。然後,您可以使用頁面上的二級選單。認為這可能有效嗎?



      • 娜塔莉亞布蘭特2015 年 8 月 25 日中午 12:19

        我用的是創世紀。我想知道您的建議是否可以與 Genesis Subpages 作為二級選單插件一起使用。這個想法是動態產生二級選單來顯示子頁面。



  13. 大衛2015 年 8 月 17 日下午 4:08

    驚人的!我正在使用測試版,行/模組模板正是我在當前專案中尋找的

    此致!
    大衛



    • 賈斯汀·布薩2015 年 8 月 17 日下午 5:12

      很高興聽到這個消息,大衛!如果您有任何反饋,請告訴我們。



  14. m33於 2015 年 8 月 21 日下午 5:02

    我錯過了什麼嗎?我在我的帳戶下的下載內容中沒有看到選單模組。我什至嘗試了最新的代理測試版,但我根本沒有在頁面建立器中看到該模組。



    • 賈斯汀·布薩2015 年 8 月 24 日上午 10:39

      選單模組實際上已於上週發布。你更新到1.6.2了嗎?



      • m33於 2015 年 8 月 24 日上午 11:14

        我使用的是 1.6.3(測試版),但根本看不到它。選擇只是從“地圖”到“帖子”。我認為它會在地圖模組之後顯示。



        • 賈斯汀·布薩2015 年 8 月 24 日上午 11:43

          您可以在論壇上發佈以便我們登入並查看嗎?



  15. 尼克2015 年 8 月 25 日晚上 8:13

    你好 – 很棒的補充但是,您是否能夠添加選項來為桌面/所有螢幕啟用響應式漢堡選單?如今常見的設計要求!
    謝謝



    • 賈斯汀·布薩2015 年 8 月 26 日上午 8:30

      謝謝,尼克!這是一個有趣的建議。請隨意將其添加到我們的 UserVoice 頁面,以便我們記錄下來以供將來更新… https://wpbeaverbuilder.uservoice.com/forums/270594-general



  16. 比爾·魯蘇 (Bill Rusu)於 2015 年 10 月 14 日中午 12:55

    如果我使用選單模組為我的網站建立選單,有沒有辦法讓它顯示在所有頁面/貼文上?我可以建立一個包含選單的全域行,並將其手動新增到每個頁面,但似乎沒有辦法將其新增至貼文/類別頁面等。



    • 羅比·麥卡洛2015 年 10 月 14 日下午 2:03

      嗨比爾。目前還沒有。這是我們希望有一天能擁有的功能,但它仍處於構想階段。

      從技術上講,您可以使用名為「插入頁面」的外掛程式來解決此問題。不過,這確實是一項先進的技術。基本上,您為選單建立一個頁面,然後可以使用插入頁面外掛程式將選單/頁麵包含在您的 php 範本中。

      如果您願意,請從我們的聯絡頁面向我們發送電子郵件。如果您還沒有被嚇到,我很樂意詳細說明。



  17. 理查2015 年 11 月 25 日凌晨 5:14

    對於手風琴風格的選單,我認為最好有一個選項可以以某種方式說,具有子項的選單連結:

    1.點擊時顯示頁面
    2. 不顯示頁面,只展開層級

    透過這種方式,我們可以創建不依賴用戶精確點擊十字架的手風琴——在我看來,這並不總是直觀的。除此之外,還有一個沒有展開圖示的選項。

    另一個不錯的選擇是根據目前頁面自動展開手風琴選單。



  18. 約翰2016 年 6 月 20 日中午 12:25

    你好,
    一直在使用選單模組。我似乎無法讓它跨越佈局的整個寬度。當我將“常規佈局”選項設為“水平”並將“樣式選單對齊”選項設為“居中”時,選單位於佈局的中間,但選單列(彩色)的寬度僅跨越文字的範圍。如果我將“選單對齊”設定為“預設”,選單列將擴展至全寬,但文字左對齊。你能幫忙嗎?
    謝謝,約翰



  19. 巴里2016 年 9 月 23 日上午 11:43

    這個模組很棒,但是有人知道為什麼我使用選單模組而不是頁面標題來獲得這個模組嗎? :#26(無標題)



    • 賈斯汀·布薩 (Justin Busa)於 2016 年 9 月 23 日下午 5:38

      嗨,巴里,你能拍一張票讓我們看看嗎?謝謝!



  20. robhall007於 2016 年 11 月 1 日上午 8:14

    對於選單模組…有什麼方法可以讓下拉選單具有一些平滑的 CSS 流動性嗎?它似乎只是出現了。我想向下滑動或淡入。



    • 羅比·麥卡洛2016 年 11 月 1 日上午 10:01

      嘿,羅布。這或許可以透過 CSS 轉換來實現。我會開始在那裡做一些研究。我們也會將此作為潛在功能牢記在心!感謝您的評論。



  21. 路加福音2016 年 11 月 6 日下午 3:54

    有沒有辦法改變漢堡的圖示?有沒有辦法將標籤從“選單”更改為“更多”之類的內容

    在銷售食品的網站上工作時,「菜單」一詞可能會讓某人相信他們可以在那裡找到食品菜單



    • 羅比·麥卡洛2016 年 11 月 8 日上午 9:27

      嘿盧克!您可以覆蓋任何核心模組並根據您的喜好調整它們。本文有更多相關資訊:

      http://kb.wpbeaverbuilder.com/article/124-custom-module-developer-guide



我們的電子報

我們的時事通訊是親自撰寫的,大約每月發送一次。這一點也不煩人,也不是垃圾郵件。
我們保證。

加入時事通訊

立即嘗試 Beaver Builder

Beaver Builder