切换菜单

菜单模块现已进入测试阶段!

已发表: 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