切换菜单

Beaver Builder 1.7 – 现在具有部分刷新、每页代码设置以及......我们的第一个短代码!?!

已发表: 2015-12-22

Beaver Builder 产品 25% 折扣!快点促销结束...精益更多!

beaver-builder-1.7
  • 海狸建造者

Beaver Builder 1.7 – 现在具有部分刷新、每页代码设置以及......我们的第一个短代码!?!

Beaver Builder 的最新版本现已进入测试阶段,可供测试!如果您还没有,请前往您的帐户区域并下载测试版的副本来查看。

此更新重点关注多项内容,其中最大的就是通过部分刷新实现的性能增强。它听起来可能不如本次更新(或我们之前发布的)中的其他功能那么性感,但它花了相当多的时间来实现,并且应该使编辑体验更加流畅。

除此之外,我们还添加了新的布局设置、新模块、更新了模块、添加了一个方便的新帮助器方法,以及……Beaver Builder 的第一个短代码!

部分刷新

部分刷新 3
到底什么是部分刷新?

在 1.7 之前,每当您对 Beaver Builder 布局中的任何内容进行更改时,布局的所有 CSS、JS 和 HTML 都将重新呈现。即使是很小的文本更改也需要整个布局刷新。有时它并不明显,但对于视频和滑块等动态内容,您会看到它们一次又一次地重新加载,即使它们没有直接被编辑。

这不是非常有效或用户友好,我们想要改变这一点。向部分刷新问好!

使用部分刷新,当您单击保存按钮(或触发预览刷新)时,仅更新您当前正在编辑的行、列或模块。就这么简单!这种方法可以加快服务器上 CSS、JS 和 HTML 资源的渲染速度,并防止重新加载不需要重新加载的内容。

然而,有时仍然需要完全刷新,但我们试图尽可能地限制这些情况。最值得注意的情况是当您编辑不支持部分刷新的自定义模块或包含部分刷新的行/列时。

实现自定义模块的部分刷新

默认情况下,自定义模块禁用部分刷新,需要启用它才能工作。启用它很容易,但在对模块执行此操作之前,请务必先查看有关实现部分刷新的自定义模块文档。在完成之前需要考虑一些关于 JavaScript 的问题。

与部分刷新相关的其他性能增强

除了您在前端看到的部分刷新魔法之外,我们还在后端实现了许多增强功能,以改善构建器的编辑体验。

  • 构建器界面的前端 AJAX API 已完全重写,以减少呈现内容和设置所需的请求数量。
  • 构建器界面的所有 CSS 和 JS 资源(不包括第 3 方)现在都合并并缩小为 2 个文件,而不是 13 个,从而使得加载它所需的请求数量少得多。

布局设置(和新的全局设置)

布局设置
当您更新到 1.7 并单击“工具”按钮时,您将在“全局设置”按钮上方看到一个新的“布局设置”选项。这些设置适用于正在编辑的布局,当前包括 CSS 和 JS 的设置。

是的,这是正确的,您现在可以按页面保存 CSS 和 JS!哇!

使用模板导出 CSS/JS

能够按页面保存 CSS 和 JS 的最大好处之一是能够将 CSS 和 JS 与模板一起导出。这是一个非常强大的功能,允许您创建高度自定义的模板,可以轻松地重复使用和共享。

实时 CSS 预览和代码完成

虽然 JS 设置不能实时预览(这会有点混乱),但 CSS 设置可以。进行 CSS 更改并实时观看它们反映在您正在更新的布局上。我们还为构建器中的所有代码编辑器(不仅仅是布局设置中的代码编辑器)打开了代码完成功能。

新的全局设置

当我们将 CSS 和 JS 设置添加到新的布局设置面板时,只有允许您在全局级别上进行此类编辑才有意义。虽然对于那些使用我们主题的人来说这可能不是必需的,但对于那些不使用我们主题的人来说,现在可以使用“全局设置”面板添加 CSS 和 JS,这些面板将应用于所有 Beaver Builder 布局。

随时随地轻松渲染布局

在主题文件中渲染 Beaver Builder 布局是一种更先进的技术,今年越来越受欢迎。这样做的原因有很多,但最常见的是在整个网站中全局嵌入可编辑的页眉/页脚。

到目前为止,成功做到这一点的唯一方法是使用 fl_builder_global_posts 过滤器和自定义查询或使用插入页面插件,但情况已不再如此。

新的 FLBuilder::render_query 方法是一种非常强大的方法,它消除了在主题文件中渲染 Beaver Builder 布局的复杂性。那些熟悉 WP_Query 类的人会对它感到很熟悉。它采用单个参数(与传递给 WP_Query 的参数相同)并呈现找到的所有帖子。请务必查看文档以获取更多信息。

我们的第一个简码!

Beaver Builder 的第一个短代码建立在新的 FLBuilder::render_query 方法之上!我们知道布局的短代码可能是一件坏事,但在这种情况下,我认为您会发现它非常有用。

新的 fl_builder_insert_layout 短代码允许您将任意数量的 Beaver Builder 布局插入到任何类型的帖子、页面和自定义帖子中!

你为什么要这么做?

假设您为新闻通讯构建了一个美观的全局行,该行显示在您使用 Beaver Builder 构建的页面上。它看起来非常好并且工作得非常好,以至于您想在您的博客文章中使用它。只需使用全局行的 ID 弹出 fl_builder_insert_layout 短代码即可,然后砰!问题解决了!

请务必查看文档以获取有关使用此新短代码及其功能的更多信息。

音频模块

音频模块
如果您还没有见过尤金,请务必跳到罗比的帖子,他在那里介绍了他(大约在一半的位置)。音频模块是 Eugene 在 Beaver Builder 的第一个项目(此后他一直是次要版本的一部分,例如最近的订阅表单模块集成和视频模块的 WebM 支持),我认为他做得很好!

音频模块本质上是 WordPress 核心音频和播放列表短代码的包装。它允许您插入单个音频文件的播放器或具有多个自定义设置的多个音频文件(播放列表)的播放器。

此更新还包括为自定义模块开发人员提供的新音频字段。请查看自定义模块文档以获取有关其工作原理的更多信息。

倒计时模块

倒计时模块1
倒计时模块是由 Beaver Builder 开发人员开发的新模块,此时您应该已经熟悉了。 1.6.4 更新的摇滚明星,来自 Favolla 的 Diego de Oliveira!

倒数模块允许您在布局中插入倒数计时器,该倒数计时器从您指定的日期和时间倒数到零。它允许您指定确切的日期和时间,包括选择应使用的时区,并具有许多样式设置用于自定义倒计时器的外观。

倒计时模块2
除了新的音频字段之外,此更新还为自定义模块的开发人员带来了新的时间字段,允许用户选择一天中的特定时间(目前为 12 小时格式)。请查看自定义模块文档以获取有关其工作原理的更多信息。

定价表模块的重大更新

定价表更新
在接下来的一年中,您可能会看到我们发布更少的新模块(我们只计划了一个表模块),而是开始致力于增强我们现有的模块阵容。我们已经开始了这个过程,更新了联系表格和视频模块,目前正在对推荐模块进行一些非常好的更新。

就模块更新而言,在此版本中我们重点关注定价表模块,我想您会喜欢您所看到的!

定价表模块的新增内容包括突出显示的整体样式设置(标题、价格或无)、边框样式以及每个定价框的单独按钮。这些可能看起来只是很小的变化,但查看上面的屏幕截图,您已经可以看到以前的设置无法实现的许多不同外观,现在可以实现。

请务必亲自检查一下,并让我们知道您对这些更改的看法!

重新分类的模块

如果您没有注意到,构建器界面的高级模块部分变得有点满(并且在此更新中刚刚获得了两个新模块)。在某些时候,我们可能会思考并考虑将所有模块分组到不同的部分。然而,这是一个非常大的变化,我们认为现在没有必要让我们的用户经历这一变化(也许永远不会,谁知道呢)。

为了使事情变得更加平衡,我们决定将两个现有模块重新分类到“基本模块”部分。它们是 Button 模块和 HTML 模块。

我们意识到,即使这只是一个小变化,但对于那些已经使用 Beaver Builder 一段时间的人来说,它在很多方面都是很大的。请务必检查一下并告诉我们您对此决定的看法。

主题增强

你们中的许多人可能从我在 Facebook 用户组中的帖子中了解到,我们正在开始对该主题进行一些更新。自从发生重大事件以来已经有一段时间了,但我们计划在 2016 年改变这一状况。

虽然主题更新(版本 1.4)已于 2015 年 12 月 9 日发布,但我们没有在博客中介绍它,所以我想我应该在这里介绍一些亮点......

改进了定制器中的代码编辑

当我们从自己的自定义主题设置页面切换到定制器时,我们必须放弃的事情之一就是我们在那里拥有的漂亮的代码编辑器。虽然它还没有全屏显示,但它比我们之前在定制器中获得的代码编辑体验要好得多。 CSS 字段现在还可以进行实时预览,而无需刷新布局!

新的正文字体粗细和标题背景不透明度设置

我们将在 2016 年添加许多新设置。首先,我们在 1.4 更新中添加了两个广受欢迎的设置。正文字体粗细的设置和标题背景不透明度的设置。

新行动

我们还在 1.4 更新中添加了许多新操作,用于在子主题中自定义 Beaver Builder 主题。以下是新操作的完整列表。有关其工作原理的更多信息,请查看知识库。

  • fl_after_top_bar
  • fl_after_header
  • fl_comments_open
  • fl_comments_close
  • fl_sidebar_open
  • fl_sidebar_close
  • fl_footer_wrap_open
  • fl_before_footer_widgets
  • fl_before_footer
  • fl_footer_wrap_close
  • fl_page_close

更多主题覆盖

大多数 Beaver Builder 主题都可以在子主题中覆盖,但直到 1.4 为止,仍然有一些非常重要的部分无法覆盖。现在可以通过复制相应的 PHP 文件在子主题中轻松覆盖以下部分。

  • 顶部栏第 1 列 – include/top-bar-col1.php
  • 顶栏第 2 列 – include/top-bar-col2.php
  • 存档标头 – include/archive-header.php
  • 发布热门元数据 – include/post-top-meta.php
  • 发布底部元 – include/post-bottom-meta.php
  • 页脚栏 1 – include/footer-col1.php
  • 页脚第 2 栏 – include/footer-col2.php

关于语义版本控制的注释

您可能已经注意到,此更新(以及主题更新)的版本号仅使用两个数字。这是因为在使用三个数字进行主要更新、四个数字进行次要更新之后,我们决定对所有未来的更新采用语义版本控制(因为 WordPress 就是这样做的)。

这意味着什么?

简而言之,这意味着今后主要更新将使用两个版本号(例如 1.7),而次要更新将使用三个版本号(例如 1.7.1)。

除此之外,自此版本起,我们还将对 Beta 版本进行版本控制,以便在测试时更轻松地了解您当前使用的 Beta 版本。当您下载此测试版时,您会看到它的版本为 1.7-beta.1。当我们更新它时,版本号将更改为 1.7-beta.2 并继续以这种方式递增,直到发布正式的 1.7 版本。

什么时候可以使用?

与我们所有的测试版一样,我们计划在接下来的两周内进行测试版,除非出现任何重大事件。我们的目标是尽快解决这个问题,但我们需要您的帮助!更多的 Beta 测试人员意味着我们可以更快地发现并修复错误。如果您还没有,请务必从您的帐户区域下载新的测试版并进行测试!如果您遇到任何问题,请务必在论坛中告诉我们。

交给你

您最喜欢本次更新的哪一部分?请务必在下面的评论中告诉我们!一如既往,如果您有任何反馈或遇到任何问题,请随时告诉我们。

贾斯汀·布萨的简介

45 条评论

  1. 罗恩2015 年 12 月 21 日上午 11:47

    我有一个关于部分刷新的问题。在当前插件上进行页面编辑并进行全页面刷新时,是否有可能导致大量服务器条目进程连接?我问这个问题是因为我目前正在调查几个出现 508 资源限制错误的网站,而且总是因为超出了进入进程的上限。这当然可以通过其他方式发生,但目前我正在努力寻找原因,因为问题是间歇性的。我很想听听您对此的看法和意见。



    • 贾斯汀·布萨 (Justin Busa)于 2015 年 12 月 21 日中午 12:23

      嘿 Ron,我不太确定,之前也没有见过有人报告 508 错误,所以我想这可能与 Beaver Builder 无关。但是,部分刷新应该占用更少的资源,因为仅渲染您正在编辑的行、模块或列,而不是整个布局。尝试一下测试版,让我们知道是否有帮助。



  2. Evielyn 2015 年 12 月 21 日下午 1:11

    简码 – 哇哦!!我们刚刚完成了一篇关于使用博客内容升级的博客文章,但没有包括 Beaver Builder,因为它有点繁琐,而且您必须使用页面构建器来完成该文章。现在我想我会去更新它以包含新的短代码模块!

    非常感谢!



    • 贾斯汀·布萨 (Justin Busa)于 2015 年 12 月 21 日下午 4:02

      不客气,艾维琳!当您启动并运行时,请务必发布一些示例



  3. 西蒙2015 年 12 月 21 日下午 3:08

    太棒了!你们对 BB 速度的承诺非常棒!

    短代码是一个非常惊人的功能,可以轻松构建可在整个网站上使用的出色可重用模块库。很好的工作团队!



    • 贾斯汀·布萨2015 年 12 月 21 日下午 4:03

      谢谢,西蒙!



  4. 大卫2015 年 12 月 21 日晚上 7:47

    选择一个最喜欢的——没有机会!这里有太多好东西,但如果我理解短代码功能,这将产生巨大的差异。我太激动了。

    我已经在玩它了,它非常棒。杰森——你是我的英雄!

    我想知道的一件事是,现在我们有了布局模块,如何最好地使用谷歌字体。我一直在使用 CSS 插件将 @import 添加到不同的页面,但在子主题的样式表中完成其余的样式设置(不完全是它的设计目的,但在生产中适用于我)

    如果我将 @import 移至“布局”部分,则字体样式会在我发布时出现(它会显示到该点)。一定与加载顺序有关。我确信我会破解它。



    • 贾斯汀·布萨2015 年 12 月 21 日晚上 11:33

      谢谢,大卫!我们也对短代码感到兴奋,并期待看到它如何在野外使用。

      关于 Google 字体,我们没有对此进行测试,但我已将其添加到此测试版要研究的问题列表中。如果您发现任何问题,请告诉我。



  5. 杰伊·夏尔马 (Jay Sharma)于 2015 年 12 月 21 日晚上 8:17

    这是巨大的!我刚刚安装了测试版,我必须说新功能带来了巨大的差异。等不及最终版本了。

    —————————

    注意:我发现 BB Plugin 1.6.4.5 有一个问题。如果用户没有能力发布页面,他可以在 WordPress 仪表板中选择“提交审核”,但一旦用户切换到页面构建器,他就可以发布页面,我认为它应该得到修复。



    • 贾斯汀·布萨2015 年 12 月 21 日晚上 11:36

      谢谢,杰伊!我很高兴听到您看到了差异。有时很难看到部分刷新的影响,特别是在快速的机器/连接上,但我们已经看到它需要足够的时间才能知道它可以产生巨大的差异。

      关于出版问题,这是绝对不应该发生的。我已经做了笔记来解决这个问题。感谢您指出!



  6. 山姆2015 年 12 月 21 日晚上 8:21

    听起来很棒的更新。保存行的短代码选项的完美时机。等不及最终版本了。继续努力!



    • 贾斯汀·布萨 (Justin Busa)于 2015 年 12 月 21 日晚上 11:37

      谢谢,萨姆!



  7. 博迪·奎克2015 年 12 月 21 日晚上 8:46

    这些更新太棒了!部分刷新!是的!

    我真的希望这个小但很棒的“随机”功能是您提到的推荐模块中的一项改进。那会震撼我的世界。

    感谢您对 Beaver Builder 的坚定承诺。它继续占据至高无上的地位,并且其统治地位只会不断增强。



    • 贾斯汀·布萨2015 年 12 月 21 日晚上 11:39

      谢谢,博迪!随机推荐不在我们的关注范围内,但我们肯定会调查它。



      • 博迪2015 年 12 月 29 日晚上 10:48

        贾斯汀,哦拜托,哦拜托,哦拜托!帮我随机化!哈哈。我已在服务上使用了最多 3 票,因此请将此票视为 4-1000。非常感谢。



        • 贾斯汀·布萨2015 年 12 月 30 日上午 9:02

          我们将把它纳入更新中(暂无预计时间),因为开发它的开发人员已经忙于其他项目,但我们在对推荐模块的一些很酷的更改方面取得了良好的进展。



  8. 马塞尔2015 年 12 月 22 日上午 11:20

    伙计们再次取得了巨大的发展!



    • 贾斯汀·布萨2015 年 12 月 23 日上午 10:05

      谢谢,马塞尔!



  9. 院长于 2015 年 12 月 22 日下午 2:07

    另一个重大更新,谢谢大家。部分刷新非常出色,但澳大利亚农村地区的互联网速度不是最好的,而且在大页面上编辑可能会很慢。这看起来可以显着改善事情。



    • 贾斯汀·布萨2015 年 12 月 23 日上午 10:05

      不客气,迪恩!请告诉我们部分刷新是否可以改善您的负载。



  10. 卡洛斯2016 年 1 月 5 日上午 7:55

    大家好!

    干得好,再次!

    我真的很喜欢部分刷新功能。当整个页面必须刷新时,这很烦人。我希望这可以改善编辑页面时的加载时间。我喜欢你致力于 BB 表演。

    另一件对性能有好处的事情是图片尺寸。如果图像可以拖动到感兴趣的大小,而不是只有 3 个设置大小(这样可以提供更大的灵活性),然后由 BB 自动裁剪,那就太好了。我认为这会很有帮助,并且希望是有计划的。

    短代码听起来很棒,可以帮助很多客户在他们的网站上添加自己设计的元素。

    可编辑的页眉和页脚功能是我非常兴奋的。我真心希望BB能够做到一切都可以用编辑器编辑,这样客户就可以真正用编辑器控制他们网站的每个部分。我认为每次发布你们都会越来越近。

    保持伟大的工作伙计们。谢谢你!



    • 贾斯汀·布萨 (Justin Busa)于 2016 年 1 月 7 日下午 2:17

      谢谢,卡洛斯!关于图像大小,从技术上讲,您现在可以这样做,因为可以像这样调整列的大小。这对你有用吗?



  11. yousign于 2016 年 1 月 7 日凌晨 4:41

    关于主题更新:是否有计划将 theme.less 拆分为多个文件并允许在编译之前进行某种程度的排除?



    • 贾斯汀·布萨 (Justin Busa)于 2016 年 1 月 7 日下午 2:20

      没有这方面的计划,但如果您想看到具体的内容,我们愿意接受建议。请告诉我们!



  12. Clubfantaycric于 2016 年 1 月 7 日下午 6:28

    伟大的增强,真的很期待将它们纳入其中。任何关于新版本何时发布的想法(可以相应地推迟一些事情!)



    • 贾斯汀·布萨 (Justin Busa)于 2016 年 1 月 8 日下午 1:41

      谢谢!我们在实施此版本的反馈/修复方面有点落后,因此可能还需要几周时间。预计在正式版发布之前看到测试版的更新



    • 贾斯汀·布萨2016 年 1 月 9 日凌晨 1:45

      Dave,你能告诉我你在不同页面上使用什么 Google 字体插件吗?我测试了布局设置,看起来 @import 不起作用,因为它会抛出跨域错误,因为您的 @import 已加载到 BB 缓存文件中(实时预览会内联加载它们,这就是它起作用的原因)。谢谢!



  13. 蒂埃里2016 年 1 月 11 日中午 12:41

    您好,感谢您的更新。
    可以向定价表模块添加一些更新吗?

    https://gist.github.com/thierrypigot/2bbf41368d3e82da15eb



    • 贾斯汀·布萨2016 年 1 月 11 日下午 3:05

      嘿 Thierry,您想向我们的存储库提交 PR 吗?如果是这样,请给我发一封电子邮件,地址为 justin [at] fastlinemedia [dot] com。谢谢!



  14. amirs122于 2016 年 1 月 12 日晚上 10:41

    您能解决 RTL 站点上构建器的问题吗?
    帖子滑块 – 不起作用,还推荐和锅的轮播



    • 贾斯汀·布萨2016 年 1 月 13 日上午 9:57

      嗨阿米尔斯122!您能否告诉我们您在 RTL 方面遇到哪些具体问题?我们绝对可以为您调查此事。



      • amirs122于 2016 年 1 月 14 日上午 12:13

        谢谢你的回答。首先,我要说的是,beaverbuilder(+ 海狸主题)是一个了不起的工具,当我看到它时……嗯,一见钟情

        我正在使用希伯来语版本 og wordpress
        * 帖子滑块模块 – 不起作用!
        * 内容滑块模块 – 不起作用!
        * 推荐模块 – 不起作用!
        * 旋转木马后混乱 – 不起作用

        (滑块可能有同样的问题 – 在 RTL 站点上工作)

        插件上的菜单也无法正常工作

        顺便说一句:为什么主题上的菜单没有像插件菜单/那样的完整选项?



        • 贾斯汀·布萨2016 年 1 月 18 日下午 2:53

          谢谢阿米尔斯!我们将研究这些问题。



  15. 涂鸦于 2016 年 1 月 13 日凌晨 3:11

    伙计们 – 一直在使用 Matthew Restorff 的这个可爱的小插件将页面内容拉入构建器:http://wptavern.com/buckets-a-wordpress-widgets-alternative-for-placing-content-anywhere



    • 贾斯汀·布萨2016 年 1 月 13 日上午 9:59

      谢谢你的提示!



  16. 盖伊2016 年 1 月 18 日下午 3:13

    精彩,好东西!

    我真正希望看到的是高级自定义字段的完全集成。

    我知道论坛上最近关于此的所有评论,并且这个最新更新似乎又向前迈出了一大步,但缺乏与 ACF 和各种第 3 方主题挂钩的集成仍然是 Beaver 的一个限制。

    继续努力,谢谢!



    • 贾斯汀·布萨2016 年 1 月 18 日晚上 9:17

      谢谢,盖伊!我们很快将致力于围绕帖子元/自定义字段开展工作,然后也会研究 ACF。敬请关注!



  17. 杰夫·麦克杜格尔 (Jeff MacDougall) 2016 年 1 月 18 日下午 4:49

    有什么好的与 BB 配合使用的表单插件?



    • 贾斯汀·布萨2016 年 1 月 18 日晚上 9:19

      所有流行的表单插件都应该与 Beaver Builder 配合良好。忍者形态和强大形态都是不错的选择。如果您遇到任何问题,请告诉我们。



  18. 约翰 B于 2016 年 1 月 18 日下午 5:41

    那么在哪里可以制作与短代码一起使用的布局呢?页面草稿?发布草稿然后保存布局?后端是否有一个沙箱,我们可以在其中种植和种植布局?



    • 贾斯汀·布萨2016 年 1 月 18 日晚上 9:21

      任何您喜欢的地方短代码可以从任何帖子类型中提取布局,因此它可以是您创建的帖子、页面、模板或自定义帖子类型。如果您正在寻找沙箱,我会考虑考虑自定义帖子类型,否则,Beaver Builder 模板是一个不错的选择。



  19. webmandesign于 2016 年 1 月 19 日上午 8:12

    很棒很棒的更新!很高兴看到你们还在不断进步!将尽快查看新功能。



  20. 马龙拉曼西奥于 2016 年 1 月 20 日上午 5:07

    好消息!一切都很棒,但我最喜欢的是部分刷新,并且知道你们和我一样关心性能,因此减少了资源请求的数量!爱它! BB 摇滚!



  21. KT 2016 年 1 月 20 日上午 11:37

    是的,部分刷新功能解决了我遇到的这个非常烦人的问题。我已经将表单的代码嵌入到 HTML 模块中,每次我取消其编辑器或其周围的编辑器时,表单的副本都会出现在其下方,并且我必须重新加载页面以修复它。这并不是一个破坏交易的事情,因为它只发生在建造者模式下,但我很高兴这种情况不再发生了。谢谢!



    • 罗比·麦卡洛2016 年 1 月 21 日上午 9:29

      嘿,KT!感谢您告知我们。此功能有很多边缘情况和细微差别的方式改进了工作流程。很难用语言来表达,但我真的很高兴它为你解决了这个问题! =)



我们的时事通讯

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

加入时事通讯

立即尝试 Beaver Builder

Beaver Builder