WordPress 空间中刚刚登陆了一个新的页面构建器,它看起来不像其他的,Mosaic Builder 采用基于类、设计系统的方法来构建 WordPress 站点,更接近 Webflow,而不是 Elementor。我们花了很多时间,遵循官方的入门演练,从头开始构建一个站点,看看它实际上做得很好。
这是我们完整的 Mosaic Builder 评论:它是什么、编辑器的感受以及您是否应该相信它与真正的项目。
开始前快速注释:我们构建 Elementor 的主插件者,所以我们每天都生活在elementor生态系统中。这为我们提供了一个有用的镜头来判断一个新的建设者,我们将在任何地方标记我们的视角颜色判决。
什么是马赛克建造者?
马赛克 wordpress页面构建器和主题构建器卷成一体,它的音调很简单:“厌倦了wordpress中的设计极限?遇见马赛克”
Mosaic不是将小部件丢弃到画布上, 单独对每件进行造型, 而是围绕设计系统构建, 您得到:
- 甲 类系统 元素类和实用程序类,类似于开发人员编写 CSS 的方式
- 风格指南 它控制整个网站的颜色和排版
- 组件、可重用元素,你编辑一次,随处更新
- 主页和模板 处理主题级别布局(页眉、页脚、档案、单帖)
- 安静 交互构建器 用于滚动、悬停和单击动画
- 甲 循环构建器 适用于博客档案和自定义帖子类型等动态内容
它包含三个入门主题:直布罗陀(大胆、现代)、巨石(干净、极简)和从零开始构建的空白。如果您使用过 Webflow 或 Bricks Builder,这个模型会让人感觉熟悉。如果您直接来自 Elementor,则期待心理转变。
入门:设置向导
Mosaic的入职比我们测试过的大多数插件都要好,激活后,一个四步向导会引导你浏览设置、主控、模板和页面。
巧妙的部分是剥皮系统,选择像 Monolith 这样的主题,然后选择彩色皮肤(青色、紫罗兰色、玫瑰色、青色和其他六个)和字体皮肤(中性、优雅、永恒、几何、现代、未来)。整个演示站点立即重新设计,包括浅色或深色模式切换。
这之所以有效,是因为主题中的所有内容都引用了样式变量而不是硬编码值。将品牌颜色更改一次,每个按钮、链接和图标都会跟随。Elementor 拥有做类似事情的 Global Colors,但 Mosaic 的实现更深入,因为从第一天起入门主题就完全构建在变量系统上。
几分钟之内,我们安装了一个完整的演示站点:主页、博客档案、博客文章、带有地图的联系页面、404 页和搜索结果,所有这些都是可编辑的。
编辑:结构第一画布
Mosaic中打开一个页面,布局是可识别的:左边是元素树,中间是现场画布,右边是风格控件。但哲学与Elementor不同。
Mosaic的导航器将您的页面显示为嵌套结构:部分,容器,行,然后是标题,段落,按钮,图标框和div等元素。您从树中选择元素的频率与从画布中选择元素的频率一样。右侧面板暴露真实的CSS概念:具有最小/最大值的宽度,具有z索引的位置,灵活的控制,变换(平移,缩放,旋转),框阴影和溢出。
Developers来说,这让人耳目一新,用你手写的CSS一对一控制地图,所以没有什么感觉隐藏或重命名,对于初学者来说,这是一个更陡峭的小山,Elementor让你在不知道什么是flex容器的情况下,为标题打样,Mosaic悄悄地假设你这样做。
我们赞赏一件事:即使加载了完整的 Monolith 演示,编辑器在整个测试过程中仍然保持响应。
班级制度:马赛克最大的想法
Mosaic 与大多数 WordPress 页面构建器分开的地方, 每个元素都可以承载类, 并且类有两种口味:
- 元素类 定义什么是:按钮、卡、导航链接
- 实用程序类 定义可以堆叠的单个属性:间距、文本颜色、大小
Classes 也嵌套了,Monolith 主题的按钮类有主和辅变体,每个变体都有 S、M 和 L 大小,选择任意按钮,交换其子类,它会立即重新设置。编辑主类本身和站点上的每个主按钮更新。
Elementor 网站,如果你曾经继承过一个每个按钮都是手工设计的,略有不同,你就会明白这个解决的问题,你不再依赖纪律来保持风格一致;结构为你做到了。
Trequate-off是真的, 不过,一个类系统需要规划, 你需要考虑命名, 层次结构, 重新使用之前, 你构建, 这正是自由职业者敲出一个五页的小册子网站可能不想要的那种开销。
组件、大师和主题建筑
Mosaic 通过两个相互关联的想法处理全站布局:
大师 are your 外壳: 头、页脚, 以及任何包裹每一页的东西, 编辑一次主机, 变化随处可见。
模板 live inside masters,控制内容区,马赛克的演示包括首页、博客存档、单帖、联系人、存档、404、搜索结果的模板。
当您创建新页面时,对话框会询问是否分配新模板、现有模板或适用于每个实例的更改的自动模板。
组件 是可重用的块:定价卡、推荐、CTA 部分。在任何地方丢弃实例,编辑组件,所有实例同步。
这是真正的主题构建,并且无需单独的主题即可工作。为了进行比较,Elementor 用户通过。 主插件主题生成器件(elementor)的编辑器之上添加自定义标题、页脚、存档、单个模板和404页,最终结果类似;mosaic只是将其烘烤到核心产品中,而不是将其视为附加层。
互动和动画
Mosaic包括一个交互构建器, 具有两个触发器类别:
- 简单触发器: 滚动到视图、悬停、单击、页面加载、滚动方向更改
- 连续触发器: 鼠标在滚动时移动
将触发器附加到任何部分或元素,然后定义动画。它涵盖了现代登陆页面要点:卷轴上的淡入淡出、视差式运动、超越简单颜色交换的悬停状态。
1个能干的系统,虽然不是革命性的,Elementor用户多年来通过运动效果和插件都有类似的选择,仅靠Master Addons就覆盖了 入口动画、浮动效果和基于滚动的移动(particle backgrounds)之类的额外内容,再加上 Mosaic 提供的就是更紧密的集成:交互与其他所有内容都生活在同一个面板中,而不是分散在选项卡中。
循环和动态内容
Loop 构建器很好地处理了我们的博客存档测试,您设计了一个项目(图像、类别、标题、摘录、作者、日期),Mosaic 对每篇帖子都重复它,并配有分页控件和 “无结果” 状态。
Loops 连接帖子、页面和自定义帖子类型,并与模板条件配对,因此存档、类别和搜索结果各自获得正确的布局,结合条件可见性逻辑,可以根据上下文显示或隐藏内容,类似于什么 elementor 中的显示条件确实如此.
Mosaic最强大的领域之一,如果你构建内容重的网站,这里构建自定义博客布局的感觉比我们测试过的大多数构建器更快。Elementor用户通常会触及像Blog Element这样的小部件 建立博客页面的,这也让你到达那里,但 Mosaic 的方法可以让你对每个循环项目进行更精细的结构控制。
马赛克建筑商定价
Mosaic的发布定价具有侵略性, 显然是为了快速建立用户群:
| 计划 | 价格 | 网站 | 许可 |
|---|---|---|---|
| 个人 | 第一年免费,然后每年 39 美元 | 1 个站点 | 年度 |
| 创造者 | 第一年免费,然后每年 149 美元 | 10个站点 | 年度 |
| 代理 | 199美元的一生(早期的鸟,常规的499美元) | 无限 | 终身 |
一些值得了解的细节:
- 的 第一年免费 on Personal and Creator 计划是一项早鸟优惠,持续到 2026 年底。您现在无需支付任何费用,订阅将于第二年开始。
- 所有计划都包含每一项 Pro 功能。这些级别仅在站点数量和激活限制方面有所不同(个人每年 2 个,创作者每年 15 个,代理机构无限)。
- 没有永久的免费版本。
Pro功能无限的免费年份大约是进入门槛所得到的低,199美元的终身代理交易也是强大的价值,如果产品存活和成熟。
判决:一个有前途的建设者,需要时间
Mosaic Builder是我们多年来看到的更有趣的WordPress构建器之一,类系统执行良好,入职非常出色,主题构建是内置而不是螺栓连接,免费的第一年定价消除了任何不尝试的借口。
我们的建议:
- 试试吧 staging或副项目上,特别是如果你知道css并且喜欢webflow模型,免费的一年使这成为零风险的实验。
- 坚持使用元素器 addon 生态系统、需要一个免费层级或想要最安全的客户端工作路径,那么精心挑选的堆栈几乎涵盖了 Mosaic 今天承诺的所有内容,这就是 Elementor 仍然超越我们的原因 页面构建器比较.
Mosaic Builder 评测,我们会在稳定发布发布时更新此评测,如果类系统在真实的客户端站点上站得住脚,Elementor 将有一个值得认真对待的竞争对手,而这种压力往往会让每个构建者变得更好。
常见问题
什么是马赛克建造者?
Mosaic Builder是一个新的WordPress页面构建器和主题构建器,它使用基于类的设计系统,具有可重用的组件,样式变量,交互构建器和动态循环,采取比传统WordPress构建器更接近Webflow的方法。
Mosaic Builder 是免费的吗?
没有永久免费版本,但个人和创作者年度计划在第一年作为早鸟优惠免费,直至 2026 年底。此后,一个网站的计划起价为每年 39 美元,终身代理协议为 199 美元。
初学者可以使用马赛克构建器吗?
Beginners 可以使用,但学习曲线比 Elementor 的要陡峭,Mosaic 是围绕开发者概念构建的,如类、容器和 flexbox,包含的视频课程有所帮助,但非技术用户应该预算真实的学习时间。
Mosaic Builder 是否适用于现有的 WordPress 主题?
Mosaic 用自己的 Masters 和 Templates 系统取代了您的主题层,它附带两个设计主题:直布罗陀和巨石,以及一个用于完全从头开始构建的空白启动器。
相关阅读: 如果您正在权衡您的选择,请参阅我们的综述 最佳元素主题 並 elementor 的最佳轻量级 WordPress 主题的,或者检查 master Addons v3 中的新功能.
