您是否正在寻找一个WordPress页面构建器,它可以轻松快速地构建网站 – 而不会使网站臃肿?如果是这样,您可能希望继续阅读这篇Breakdance Builder评测。
在构建网站时,速度就是一切。
- 编辑器在后端加载的速度有多快?
- 您能以多快的速度构建美观、高转化率的设计?
- 您的网站在前端给用户加载的速度有多快?
无论如何,Breakdance Builder是一款新的 WordPress 页面构建器,它承诺可以帮助您快速构建页面,而不会减慢您的网站速度。
在这篇评测中,我将研究 Breakdance 的工作原理、它的用途,以及我是否会在不乏选择的页面构建器市场中推荐它。
什么是Breakdance Builder网页生成器?
![Breakdance Builder评测 - 快速构建网站?](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530950.png)
Breakdance Builder是一个易于使用的 WordPress 可视化网站构建器。
它允许您从头到尾构建网站 – 包括自定义页眉、页脚、博客模板和动态页面布局 – 所有这些都无需触及一行代码。
它带有 120 多个内置元素,这意味着您无需花费数小时从头开始构建组件。
它还与 WooCommerce 深度集成,因此您可以使用它轻松地将在线商店添加到您的网站。
Breakdance 的开发者是谁?
Breakdance Builder 由 Louis Reingold 和Soflyy的团队打造。
当谈到为 WordPress 构建软件时,这并不是他们的第一个产品。
Soflyy 是另一家名为Oxygen Builder的页面构建器以及一款名为WP All Import的流行数据迁移工具的公司。
他们已经存在超过 15 年,他们的产品总共有超过20万的活跃安装。
Breakdance Builder适合谁?
从理论上讲,Breakdance对于任何使用 WordPress 构建网站的人来说都是一个不错的选择。
它易于使用的界面使其成为任何刚开始进行网页设计的人的绝佳选择,但同时它为您提供了足够的灵活性,甚至更高级的用户也可以使用它来构建完全自定义的设计。
但仅仅因为任何人都可以使用它并不意味着每个人都应该。
在我看来,Breakdance 最适合:
- 刚接触网页设计的设计师
- 希望快速构建网站并花更少时间研究代码的中级/高级设计师
- 希望建立自己网站的企业主
- 想要即时创建活动的营销团队
就您可以使用它构建的站点类型而言,Breakdance 用途广泛。
您可以轻松构建:
- 静态小册子网站
- 动态博客和杂志网站
- 自定义 WooCommerce 商店
- 会员网站
- 营销着陆页
由于 Breakdance 支持代码块、文章循环、显示条件和动态数据,因此它包含很多功能。
您不会发现自己受到构建器的限制。
Breakdance Builder生成器与Oxygen Builder生成器
由于 Soflyy 现在在市场上有两种不同的 WordPress 页面构建器,因此在推出时出现了相当多的混乱。
“Breakdance 比 Oxygen 好吗?它会取代 Oxygen 吗?这是怎么回事??”
你会发现关于这个问题的想法范围很广,但我相信最简单的答案是它只是不同而已。
Oxygen 是一个成熟的构建器,适用于想要以可视化方式创建代码的网页设计师。它使您可以精细控制站点上的每个 div 和 HTML 元素。
![制氧机截图](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530951.png)
它适用于希望获得类似 Webflow 体验并信奉 CSS 类和框架的开发人员。
另一方面,Breakdance 更侧重于视觉上的构建。
您不必考虑适当的语义或 CSS 属性。
您只需将块拖到画布上并使用它们的预设进行设置和展示即可。
所以这取决于你的需要。如果您想要代码级控制,请使用Oxygen。
如果您想要更易于使用且更注重工作流程速度的东西,Breakdance是更好的选择。
Breakdance Builder 的工作原理
初始设置
我建议对任何页面构建器做的第一件事是检查所有设置并确保您对设置满意。
在 Breakdance 中,您可以选择保留 WordPress 主题系统风格或完全禁用它。
![霹雳舞中的主题设置](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530952.png)
如果您保留它,它将加载您的主题样式、页眉、页脚等。虽然这不一定是坏事,但它可能会给您的网站增加额外的代码或与您的 Breakdance 元素的样式冲突。
如果禁用它,您将能够使用 Breakdance 设计整个站点。它还确保不会在您的页面上加载随机主题文件。
首选是禁用主题。
如果您需要一个中间立场,您还可以使用准系统Breakdance主题。
如果您需要一个主题来支持子主题、覆盖插件模板或有一个 functions.php 文件,这将很有用。
除此之外,我建议您熟悉所有设置,但没有其他任何东西需要从一开始就马上设置。
设置全局样式
开始构建之前的最后一步是设置全局样式。
这是我们添加到页面的大多数元素的默认样式。
从这里您可以设置您的品牌颜色、排版、按钮样式、表单样式和容器设置。
![霹雳舞中的全局风格](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530953.png)
创建页眉和页脚
接下来让我们创建主要结构。
您可以选择将页眉和页脚应用于您网站上的所有页面,但如果您只希望它出现在特定页面上,您也可以设置条件。
![添加新标题](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530954.png)
在 Breakdance 中使用下拉菜单构建漂亮的标题几乎是非常容易的。
Header Builder 元素为您提供了一个很好的起点,并包含一些您可以修改或删除的示例下拉列表。
![创建下拉菜单](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530955.png)
在下拉菜单中,您可以嵌套任意数量的元素,包括列、标题、文本和按钮。
这使得构建大型菜单变得非常容易,而无需任何额外的插件。
建立一个页面
使用左侧边栏添加所有元素。
您会在顶部找到大部分常用元素(例如“区域”、“列”、“分区”、“标题”、“文本”、“富文本”),向下滚动后还会出现一大堆元素。
![添加新元素](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530956.png)
如果您不想花任何时间寻找您需要的元素,还有一个方便的搜索栏。
您可以单击元素或将其直接拖动到画布上的适当位置。
每个元素都有自己的内容、样式和高级控件。
为简单起见,它仅向您显示与该元素相关的设置。这样您就不需要筛选 100 个不同的 CSS 属性。
![编辑推荐元素](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530957.png)
Breakdance 中已有如此多的元素这一事实是一个巨大的好处。
您可以在两秒钟内将图标框、定价表、常见问题手风琴、进度条、推荐滑块等元素添加到您的页面。
这将帮助您节省大量时间,因为这些类型的元素可能需要很长时间才能从头开始构建。
使用动态数据
尽管 Breakdance 具有简单的界面,但它具有许多高级功能。
您可以从您的网站、帖子、自定义帖子类型、ACF 字段等中提取动态数据,并在大多数元素中使用它。
![选择动态数据](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530958.png)
还有 Post Loop Builder,您可以在其中根据您设置的任何查询显示帖子的列表、网格或滑块。
显示条件
Breakdance 允许您为每个元素设置显示条件。
![构建条件列表](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/530959.png)
这使您可以控制元素出现的位置和时间,并且适用于广泛的用例:
- 通过根据成员的用户角色显示/隐藏元素来创建会员网站
- 根据博客的类别显示更多相关的 CTA
- 在您的顶级横幅中为回头客提供特别折扣
- 为不同的帖子类型显示不同的标题
创建表单
如果您使用 Breakdance,则无需购买的另外的表单插件。
Breakdance 带有一个易于设置但功能强大的表单生成器。
![表单生成器](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309510.png)
它有超过 14 种字段类型,支持动态数据和条件字段,内置垃圾邮件保护,可以将提交保存到您的数据库,并与最流行的电子邮件营销服务集成。
这让您做的不仅仅是创建基本的联系表格。
您可以使用它来捕获潜在客户、发展您的时事通讯、创建支持工单,甚至让用户在您的网站上注册一个帐户。
Breakdance设计库
Breakdance 有一个广泛的设计库。
![](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/Design-Library-Breakdance-1024x660.jpg)
客户端编辑
大多数高级页面构建器的一个缺点是用户界面可能让客户难以使用。
对于 Breakdance,情况恰恰相反。
由于构建器对初学者友好,您的客户将能够轻松登录并进行更改。
Breakdance 有一个额外的“用户访问”功能,允许您的客户编辑内容,但不能编辑任何样式或高级设置。
![更改用户访问权限](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309511.png)
这非常适合让客户进行内容更新,而不必担心他们可能会破坏某些东西(你将不再有周五晚上的支持电话!)。
集成
WooCommerce
Breakdance拥有最好的 WooCommerce 集成之一,提供超过 20 多个 WooCommerce 特定元素。
![霹雳舞 WooCommerce 元素](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309512.png)
这使您可以自定义商店的每个方面。
如果您想创建一个完全自定义的产品页面,您可以轻松地做到这一点。您不受 WooCommerce 的默认模板的约束。
也不只是产品页面。
您可以自定义产品档案、购物车页面、结帐页面和用户帐户页面。
您还可以添加更多高级元素,例如滑出式购物车或产品网格过滤器。
![Breakdance 的 WooCommerce 滑出式购物车](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309513.png)
电子邮件营销服务
通过您的表单,Breakdance 集成了最流行的电子邮件营销服务,包括:
- ActiveCampaign
- ConvertKit
- Drip
- GetResponse
- MailChimp
- MailerLite
Webhook 网络钩子
如果您的 EMS 不在上面的本机集成列表中,您可以使用网络钩子来发送您的提交信息。
您还可以将 webhook 与 Zapier 一起使用,这开启了自动化可能性的整个世界。
搜索引擎优化
Breakdance 目前与 Yoast 集成,Rank Math 和 SEOPress 支持即将推出。
集成允许这些插件读取你在 Breakdance 中的任何内容。
自定义字段
Breakdance 已经内置了对三个最流行的自定义字段插件的支持,包括 Advanced Custom Fields (ACF)、Meta Box 和 Toolset。
易于使用
Breakdance 霹雳舞构建器真的很容易使用。
Soflyy 已经在市场上为高级用户提供了一个页面构建器,所以这个构建器的全部意义在于确保任何人都可以使用它 – 无论技能水平如何。
如果您以前使用过 Elementor 或 Beaver Builder,那么您会觉得这很熟悉。
您有 100 多个预制元素可用作起点,元素仅显示您需要关注的设置。
![造型元素很简单](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309514.png)
如果您正在寻找高级控件,您可以找到它们,但它们永远不会妨碍您。
需要说的是,有时高级控件可以隐藏在几个级别的模态中,使它们更难访问。
我已经看到 Breakdance 团队承认这里有一些改进的空间,所以我们将看到 UI 在未来版本中的进展情况。
网站速度和性能
当 Soflyy 首次发布 Oxygen 时,他们的整个销售主张都围绕网站速度展开。
其他页面构建器遭受无尽的 div 包装器(更广为人知的 divception)、巨大的 CSS 文件和 JS 脚本加载,无论您是否在页面上使用花哨的元素。
许多构建器在过去几年中取得了重大改进,但即便如此,与 Oxygen 相比,至今只有少数人选择。
Soflyy 采用了相同的核心理念并将其应用于 Breakdance。
它输出干净的代码,动态加载网页元素资产,甚至可以删除 WordPress 附带的一些遗留膨胀代码。
![一个简单的 DOM](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309515.png)
因此,您应该会看到不错的 PageSpeed 分数。
当然,除非你安装了 1000 个插件并用巨大的图像加载你的页面😉
搜索引擎优化
您可能想知道 – Breakdance Builder 对 SEO 有好处吗?
在我回答之前,让我先说一下:
您页面上的内容是最重要的。
如果您想在 Google 上获得良好的排名,您需要拥有与用户的搜索意图相关的高质量内容。
如果您没有,没有页面构建器可以拯救您。
如果您确实拥有高质量的内容,那么将它与 Breakdance 搭配使用将会很好地为您服务。
搜索引擎关注的一件事是页面速度,而 Breakdance 在这方面做得很好。
与 Yoast、Rank Math 和 SEOPress 的 SEO 集成还可以帮助您确保针对搜索引擎正确优化您的页面。
定价
![霹雳舞定价](https://wpzhanzhang.eastfu.com/wp-content/uploads/2023/05/5309516.png)
Breakdance 目前正在限时销售149 美元/年的无限制网站。
它具有所有功能,您可以将它用于无限的客户项目。
如果您是将它用于多个客户站点的自由职业者/机构,那么真的没有比这更好了。
对比之下,Elementor 的1000个站点许可证目前的售价为每年 1000 美元。
您还需要自己的主机,但这个价格与 Squarespace 或 Wix 相比具有竞争力。
Breakdance 有终身优惠吗?
尽管 Breakdance 的年费为 149 美元,物有所值,但有些人不会因为它是年度订阅而不是终身订阅而感到高兴。
我知道他们从哪里来,尤其是当 Oxygen 以 149 美元的价格提供一次性付款时。
我们开始看到越来越多的公司放弃 LTD 模式。
很难通过经常性的客户支持请求而不是经常性收入来长期维持业务。
这正是为什么 Oxygen 的发展放缓而 Breakdance 以惊人的速度发展的原因。
这就是为什么我认为 Breakdance 作为订阅而不是终身交易提供是一件好事。
我推荐霹雳舞吗?
老实说,我没想到会像我一样喜欢霹雳舞。
我是一个喜欢拥有所有花里胡哨的人,即使这意味着更陡峭的学习曲线或稍微慢一点的工作流程。
但是,无需担心代码即可构建网站,这令人耳目一新。
只需将元素拖放到画布上,快速设置样式,然后继续。
如果您有开发者背景并想深入了解您网站的代码,Breakdance 可能不适合您(我建议您改用Bricks、Oxygen或Cwicly)。
如果您需要它们,它仍然具有高级控件,但它们通常被隐藏以支持更简单的 UI。
如果您希望快速轻松地为您的客户构建高性能网站,那么我个人认为Breakdance是一个不错的选择。
它具有易于使用的页面构建器的所有优点,但没有许多其他页面构建器所遭受的任何膨胀代码。
它在设计灵活性和简单性之间取得了很好的平衡,从长远来看可以为您节省大量时间。