切换菜单

Beaver Builder 2.8:盒子模块、全局样式等等!

已发表: 2024-02-09

所有 Beaver Builder 产品均可享受 25% 折扣...促销即将结束!了解更多

Beaver Builder 2.8: Box Module, Global Styles, and more!
  • 海狸建造者

Beaver Builder 2.8:盒子模块、全局样式等等!

备受期待的 Beaver Builder 2.8(也称为“Alpine”)发布了!

Beaver Builder 2.8 将 Flexbox 和 CSS 网格的强大功能引入新的 Box Module,同时引入了全局样式功能。此外,此版本还包含显着的增强功能,包括 North Commerce 模块以及与 Popup Maker 的集成,并对菜单、帖子轮播、帖子滑块和照片等关键模块进行了细微改进。

Beaver Builder 2.8 概述视频

在这篇文章中,我们将介绍新的 Beaver Builder 2.8 更新。然后,我们将向您展示一些最好的新功能。

目录:

  • Beaver Builder 2.8 简介
  • Beaver Builder 2.8 的 5 个新功能和更新
    1. 盒子模块:使用 Flexbox 和 CSS 网格构建精度
    2. 全局样式(高级功能)
    3. 北方商务模块
    4. 弹出窗口制作器集成
    5. 对模块、工具菜单和循环设置的小幅更新
  • 结论:增强 Web 构建的强大功能
  • 相关问题

Beaver Builder 2.8 简介

在 Beaver Builder,我们不断更新用户友好的页面构建器插件,简化创建和自定义 WordPress 网站的过程。无论您的技能水平如何,我们的拖放可视化编辑器、预先设计的页面模板、全局设置等都使您能够快速创建网站项目:

在 Beaver Builder 2.7 中,我们添加了一个新的响应式编辑器来预览移动设备视图。我们还用更用户友好的图标替换了断点下拉菜单。

2.7 更新带来了为特定行、列或模块自定义代码设置的能力。我们还可以选择多种帖子类型。最后,Beaver Builder 2.7 与 ACF Blocks 完全集成,让您获得高级内容编辑体验。

当您更新到 Beaver Builder 2.8 时,您将在我们的新 Box 模块中解锁 Flexbox、CSS 网格和图层的强大功能。我们还可以应用全局样式、无需短代码即可添加 North Commerce 内容,并与 PopUp Maker 更全面地集成,为您提供更轻松的编辑体验。

Beaver Builder 2.8 的 5 个新功能和更新

Beaver Builder 2.8 是我们 2024 年的首次更新,内部包含许多强大的功能。让我们来探索一些新的内容,这些内容将使此更新成为游戏规则的改变者。

1. Box 模块:使用 Flexbox 和 CSS Grid 构建精度

通过更新到 Beaver Builder 2.8,我们页面构建器的所有用户(包括 Lite 版本)都将可以访问 Box 模块中的高级FlexGridLayers选项:

Beaver Builder 2.8 - 盒子模块设置

Box 模块的功能很像行或列,充当容器。它利用 Flexbox 或 CSS 网格,允许您创建复杂、流畅且灵活的布局。您可以在水平和垂直方向以及网格中嵌套、堆叠和组织框。

Flexbox 和 CSS Grid 都是 CSS 中的布局模型,但它们有不同的用途并具有明显的特征:

  • Flexbox – 非常适合一维布局,将项目排列在行或列中,并且可以灵活调整大小和对齐方式。
  • 网格– 适用于二维布局,提供对行和列的精确控制,允许更复杂的设计。

在许多情况下,这些布局模型可以相互补充。例如,可以在各个网格项中使用 Flexbox 来处理其内部结构,结合两种模型的优势来实现全面的布局解决方案,如下所示:

Beaver Builder 盒子模块示例

要在使用 Beaver Builder 进行编辑时添加主机模块,请单击顶部栏上的加号(+)以打开内容面板。单击“模块”选项卡以访问所有标准模块并向下滚动到“框”部分:

除了 Box Module 本身之外,您还会注意到我们添加了几个预设,可以更轻松地开始使用:

  • Flex Columns – 此预设创建位于父框内的水平行的三个弹性框。
  • 3×2 网格– 使用由父框内的三列和两行组成的网格框的布局结构。
  • 4×2 网格– 网格框的布局结构,由父框内的四列和两行组成。
  • 拆分标题– 此结构是一个网格,定义 3 列,两侧有一个集中的照片模块和菜单模块。
  • 照片网格– 此布局由 4×3 网格和照片模块组成。

虽然我们的目标是使 Box 模块尽可能用户友好,但我们强烈建议您充分掌握 Flexbox 和 CSS Grid。使用我们的新盒子模块,您可以进一步改进您的网页设计!

2. 全局样式(高级功能)

Beaver Builder 已经支持全局设置,允许您配置行最大宽度、边距/填充、断点和自定义代码(CSS 和 JavaScript)等选项的默认值,然后将这些值全局应用到您的站点上。此外,您可以通过设置覆盖每行、列和模块的大部分设置。

新的全局样式功能仅在 Beaver Builder 页面构建器的高级版本中提供,使您能够定义 Beaver Builder 中元素和颜色的样式首选项:

  • 全局元素– 此选项卡允许您设置 Beaver Builder 控制的各种 html 元素的样式,例如文本、标题、链接和按钮。
  • 全局颜色– 此选项卡允许您设置全局调色板,该调色板可在全局样式的颜色选择器或任何其他可以选择颜色的地方使用。

要访问全局样式,请通过单击编辑屏幕左上角顶部栏中的箭头打开“工具”菜单,然后选择“全局样式”,如下所示:

元素选项卡允许您定义文本、标题、链接和按钮等元素的全局样式:

网站上缺少预配置样式选项的所有模块都会继承全局样式。您可以使用模块样式选项根据具体情况覆盖这些样式选项。

“颜色”选项卡允许您生成可在整个网站中使用的全局调色板:

Beaver Builder 2.8 全局样式 - 颜色选项卡

您可以通过颜色选择器工具在 Beaver Builder 布局中轻松访问这些颜色。此外,您建立的颜色会转换为 CSS 变量,从而能够集成到自定义 CSS 中。

通过此更新,您可以在全球范围内轻松自定义网站的元素和颜色。这些全局样式在整个网站中仍然可以访问,从而增强了页面构建器的工作流程。

3. 北商模块

到目前为止,我们已经讨论了 Beaver Builder 2.8 如何引入两个新功能(盒子模块和全局样式),以使构建复杂的布局更加用户友好。

Beaver Builder 2.8 还引入了 North Commerce 模块,这是 WordPress 的电子商务插件,可帮助用户快速轻松地构建高转化的在线商店:

例如,您现在可以显示 North Commerce 短代码的结果,而无需输入或使用任何短代码。相反,您可以使用新的 North Commerce 模块(类似于我们的 WooCommerce 模块)来轻松显示您的内容。

在与 NorthCommerce 合作时,这个新模块将为您提供更多控制并加快您的工作流程。

4. 弹出窗口制作器集成

在 Beaver Builder 2.8 中,我们还引入了与 Popup Maker 的集成,这是一个专为 WordPress 网站设计的插件,使用户能够创建和管理弹出窗口:

本质上,您现在可以使用我们的页面构建器来设计弹出窗口的内容

它还会在编辑时在 Beaver Builder 内呈现一个弹出窗口,并且能够在链接字段中选择一个弹出窗口,以便在单击链接时触发弹出窗口。

安装并激活 Popup Maker 插件后,Popup Maker 帖子类型(弹出窗口)将在 Beaver Builder 设置中自动启用。

5. 对模块、工具菜单和循环设置的小幅更新

最后,Beaver Builder 2.8 包括以下小幅补充:

  • 菜单模块- 链接填充选项现在支持响应式切换;为响应式切换设置添加了新的填充选项。
  • 帖子轮播和帖子滑块- 向两个模块添加摘录长度选项,使您能够设置内容长度。
  • 工具菜单– 包括在 Beaver Builder 用户界面中打开 WordPress 媒体库并与之交互的功能。
  • 照片模块- 将对象适合和位置选项添加到样式选项卡。
  • 循环设置- 添加按当前作者和当前登录用户进行过滤的选项。
  • 行、列和模块叠加– 已更新以在节点类型之间保持一致。
  • 大纲面板- 还对此版本进行了更新,以更加顺畅地工作。

结论:增强 Web 构建的强大功能

更新到 Beaver Builder 2.8 可带来更强大且可定制的页面构建体验。 Box 模块引入了 Flexbox 和 CSS Grid 的高级布局选项,而全局样式则简化了颜色管理。

回顾一下,以下是 Beaver Builder 2.8 中您可以期待的功能:

  1. 盒子模块
  2. 全球风格
  3. 北方商务模块
  4. 弹出窗口制作器集成
  5. 对模块、工具菜单和循环设置的小幅更新

立即升级到 Beaver Builder 2.8 以利用这些令人兴奋的新功能。与往常一样,如果您有任何疑问或需要帮助,我们的支持团队随时为您提供帮助。

相关问题

Beaver Builder 的最新版本是什么?

截至 2024 年 2 月,Beaver Builder 2.8 是我们插件的最新版本。它支持与 NorthCommerce 和 Popup Maker 插件集成。您还会发现一个全新的 Box Module,它允许您使用 Flexbox、CSS 网格和图层轻松构建布局。

Beaver Builder 是做什么的?

Beaver Builder 是一套适用于 WordPress 的网页设计产品,由框架主题、页面生成器插件和主题生成器组成,使用户能够通过拖放功能轻松创建和自定义网站。无需具备编码专业知识即可制作令人惊叹的专业级网站。

4 条评论

  1. 艾莉森2024 年 2 月 9 日凌晨 3:13

    好消息!我一直期待有一种更直观的方式来跨 BB 页面设计瓶子。



  2. 杰夫2024 年 2 月 15 日上午 6:43

    从 BB 2.7.4.4 升级到 2.8 是否需要对当前内容使用新的 Box/Grid 模块?



    • 罗比·麦卡洛2024 年 2 月 15 日上午 10:10

      不会。升级后您可以开始使用 Box 模块,但现有页面不会发生任何变化。您还可以像以前一样继续使用行、列和模块。使用 Box 模块是完全可选的。



  3. 杰夫·麦基2024 年 2 月 15 日上午 10:51

    谢谢罗比的确认!海狸建造者摇滚!!!!



我们的时事通讯

我们的时事通讯是亲自撰写的,大约每月发送一次。这一点也不烦人,也不是垃圾邮件。
我们保证。

加入时事通讯

立即尝试 Beaver Builder

Beaver Builder