Spectra：深入了解集成到 WordPress 编辑器中的页面构建器

离开本机 WordPress 界面？ 绝不。 让你淹没在大量的小部件中吗？ 他做梦也不会想到这一点。 对于这个人来说，方块就是指路明灯。

创建您的下一个 WordPress 网站，无需离开默认编辑器 (Gutenberg)，无需编码，也无需费力气？ 这是Spectra 做出的承诺，Spectra 是一个相当特殊的WordPress页面构建器。

这个名字是不是很陌生？ 也许您知道它以前的名称：Ultimate Addons for Gutenberg。

但这不是当前的主要问题。 您可能希望了解有关这个非常流行的工具的更多信息。

本文将为您详细介绍。 阅读完后，您就会了解Spectra 的主要功能、优点和局限性。 最重要的是：它是否值得在您的下一个项目中使用。

本文包含 Spectra 网站的附属链接。 如果您在点击我们的链接之一后购买此插件，WPMarmite 将赚取佣金。 您无需支付任何额外费用。 隶属关系使我们能够资助博客编辑的研究和写作工作。 我们赚取的收入还使我们能够投资新工具并为您提供更高质量的内容。 请注意，我们只推荐我​​们信任和推荐的工具（插件、主题、软件等），要么是因为我们使用它们，要么是因为我们已经对它们进行了彻底测试。

您最好的 WordPress 项目需要最好的主机！

WPMarmite 推荐 Bluehost：出色的性能，强大的支持。 良好开端所需的一切。

尝试 Bluehost

什么是光谱？

一个“简化网站创建过程”的插件。

Spectra 是一个免费增值页面构建器，与 WordPress 编辑器 (Gutenberg) 集成。 它是一个工具箱，可让您使用现成的块、模板和其他组合来创建 WordPress 网站，而无需编码。

Spectra 有两个版本：

• 免费版本，您可以直接从 WordPress 仪表板安装，或从官方插件目录下载。
• 付费版本称为Spectra Pro ，它提供了更高级的功能。

Spectra 最初以Ultimate Addons for Gutenberg 的名称为人所知。

当它于 2019 年 1 月推出时，它“只是”古腾堡的一个块集合附加组件。 我们在一项比较中重点介绍了它。

三年后，即 2022 年 4 月，该插件更名为 Spectra ，以反映其转变为更完整的工具。

该工具的设计者当时声称，该工具能够帮助您设计“与手动编码一样快且易于所有技能水平的用户使用的网站” 。

正如 WordPress 官方目录上的插件演示页面所详细介绍的那样，这一更改的目标是“通过在单个插件中提供多功能工具包来简化网站创建过程，从而无需为各种功能安装多个插件。”

Spectra 和 Brainstorm Force 生态系统

回顾这个插件的成功和流行，可以说这场赌博得到了回报。

截至撰写本文时，它的活跃安装量已超过 600,000 次，用户反馈也非常出色（总体评分 4.7/5）。

不得不说的是，Spectra 的创造者 Brainstorm Force深知创造成功产品的要素。 WordPress 对于 Brainstorm Force 来说没有任何秘密，大约有十几名内部员工经常在 CMS 的核心上进行协作。

举几个例子，Brainstorm Force 也落后了：

• Astra ，官方目录中最受欢迎的非原生主题
• Spectra One是一款与 WordPress 网站编辑器兼容的基于块的主题……并且是 Spectra 的完美伴侣
• Ultimate Addons for Beaver Builder ，一套用于 Beaver Builder 页面构建器的模块和模板
• Schema Pro ，用于添加架构标记并生成丰富的片段
• Convert Pro ，用于创建选择加入表单并提高转化率

总之，Brainstorm Force 的产品在超过 300 万个网站上使用。 这是一支强大的打击力量，对你来说也是一笔财富。

当您使用 Brainstorm Force 设计的插件或主题时，您可以确信您所依赖的公司拥有强大的骨干力量，并且在生态系统中完美建立。

它还保证您将受益于最优质的服务和功能，其中大部分都受到用户的好评。

如何在 WordPress 上安装 Spectra？

要开始在 WordPress 上使用 Spectra，让我们看看如何在您的网站上激活它。

在仪表板上的插件 > 添加新插件菜单中，在搜索栏中输入关键字“Spectra” ：

激活插件，就完成了！ 如果一切顺利，您将在边栏中的评论菜单下找到一个新的自定义帖子类型 (CPT)。

如您所料，此 CPT 称为……Spectra：

您可以在此处找到插件提供的主菜单和设置。 在下一节中了解更多信息。

在 WordPress 上使用 Spectra 有多容易？

符合人体工程学且直观的仪表板

首先也是最重要的，直观、整洁的仪表板脱颖而出。 很容易理解在哪里以及如何访问各种选项。

Spectra 提供了多个主菜单，可通过单击仪表板子菜单进行访问：

以下是值得记住的事情：

• “欢迎”选项卡包含一个有用的视频教程，可加快插件培训过程：

• “块/扩展”选项卡列出了免费版本 (40) 和 Spectra Pro 中可用的所有块和扩展。 您可以按类别对它们进行排序，还可以选择通过单击来停用您不想使用的那些。 这是避免对页面加载速度产生任何负面影响的非常实用的方法。

• 通过“AI 功能”选项卡，您可以访问基于人工智能的 WordPress 网站创建向导 (Zip AI)。 这项服务不是免费的（每月 3.25 美元起），但您可以利用 1000 个免费积分来查看。
• “设置”选项卡允许您进行与性能、编辑器选项和站点可见性相关的调整。 例如，如果您愿意，您可以激活维护模式。

• “Popup Builder”菜单允许您创建一个弹出窗口（我们稍后会回到这个）。
• 右上角的“知识库”链接将带您访问 Spectra 的文档，该文档非常详细。

简而言之，正如 Spectra 设计师所承诺的那样，您可以轻松找到使用此插件的方法。

在何处将 Spectra 与 WordPress 结合使用

当你想跳进去时，这非常简单。 您可以在两个不同的地方使用 Spectra：

1. 在WordPress 编辑器（ “外观”>“编辑器”菜单）中，如果您使用的是基于块的主题。
2. 使用 WordPress 内容编辑器直接在帖子或页面中。 为此，请导航到现有内容或使用“帖子”或“页面”菜单创建新内容。

通常，您应该熟悉其中一个或两个选项。 例如，如果您访问您选择的页面，您可以轻松地从 Spectra 提议的块中添加所需的块，就像您对 WordPress 提供的默认块所做的那样。

如果您细心，您甚至会注意到 Spectra 创建了用于快速添加某些块的快捷方式。

您可以在左侧区域（黑色部分）找到它们，甚至可以通过单击“+”图标自定义此部分：

第一次介绍就这么多。 在下一节中，我将更详细地向您展示您拥有哪些选项以及如何使用它们来修改 WP 网站的设计和外观。

当然，我们将再次讨论块。 但您会发现 Spectra 提供了大量其他小东西。

如何使用 Spectra 自定义您的 WordPress 网站？

由于 Spectra 依赖于 WordPress 编辑器，如果您还不知道如何使用它，我建议您参阅我们有关使用 Gutenberg 的教程。 一旦您知道如何使用 Gutenberg，您就知道如何使用 Spectra。 根据记录，我们将重点关注免费版本中提供的选项，这是您最有可能开始使用的选项。

Spectra 的 WordPress 块

您可以用来自定义内容的 Spectra 的第一个功能是其即用型块。

在该插件的免费版本中，有 35 个新块，分为几类：

• 内容
• 邮政
• 社交网络
• 搜索引擎优化
• 形式
• ETC。

要将其添加到您的内容区域，请单击您选择的块，或将其拖放。

关于 Spectra 模块我应该了解哪些信息？

我不会详细介绍每个模块，而只是总结一下我认为它们最吸引人的地方。

Spectra 的 WordPress 块的新功能和附加值

Spectra 的大多数块都是非常原创的，与 WordPress 提供的默认块相比有一些新内容。

有些块提供附加值，在设计内容时非常有用。 这里有一些例子：

• 只需点击几下， “表单”块即可帮助您创建联系表单或新闻通讯注册表单
• “常见问题解答”块可用于回答读者可能遇到的一般问题
• “目录”块可让您为文章创建可视化摘要
• “出版物轮播”和“出版物网格”块可用于突出显示您的文章
• “Lottie Animation”块允许您动态地对某些元素进行动画处理

得益于 Flexbox 的强大功能，实现一流的响应式设计

我将“Container”块放入其自己的类中，因为它值得更多的开发。

该块基于Flexbox 技术，使您能够通过在每个容器内的行或列中排列各种元素来创建响应式模块化布局。

实在是太顶级了。 例如，您可以定义主容器内的块一个接一个放置的方向，以便无论访问者的屏幕（计算机、智能手机或平板电脑）尺寸如何，都能完美显示。

高级定制选项...

正如您从“容器”块中看到的，自定义选项确实非常先进。 每个区块也是如此。

我们以“Button”块为例来说明。 您会注意到 Spectra 添加了 3 个常规选项卡（“常规”、“样式”和“高级”），每个选项卡都有数十个触手可及的设置。

例如，向块添加动画非常容易（淡入淡出、翻转、滑动、放大、缩小等）：

如果您将此与 WordPress 的本机“按钮”块提供的选项进行比较，则没有可比性。 您只能控制颜色、版式、边框、阴影和边距。

这一点也不差，但您永远无法达到 Spectra 提供的细节和定制水平。

此外，您还将受益于许多方便的提高生产力的选项，例如：

• 能够复制块的样式，然后将其粘贴到内容中您喜欢的任何位置
• 可以在任何地方选择和使用的块预设

...并显示隐藏某些块的条件

使用 WordPress 上的 Spectra 免费版本，您甚至可以在所有块上设置显示条件。

这允许您根据各种标准隐藏您选择的块的显示：

• 用户状态
• 用户角色
• 您的访问者使用的浏览器
• 操作系统
• 一周中的天

要利用此功能，您必须首先激活 Spectra 仪表板“块/扩展”选项卡中的“显示条件”扩展。

显示条件将出现在每个块设置的“高级”选项卡中：

WordPress 上的 Spectra 模板套件

牢记生产力，您可以依靠Spectra 的模板套件节省宝贵的时间。

这些是一组几个随时可用的页面（主页、关于、服务和联系方式），您只需单击一下即可激活这些页面，以创建您的战略页面。

然后，即使您喜欢该设计，您也需要对其进行自定义以匹配您的风格指南和品牌形象。 尽管如此，它确实节省了时间。

这些套件可以在 Spectra 的“设计库”中找到，可通过单击“模板套件”按钮进行访问。

在“套件”选项卡中，浏览列表并选择最符合您需求的套件。 “页面”选项卡中也提供了各个页面。

有大量模板可供选择，如果您使用 Spectra Pro，则更是如此。 该插件的设计者已经注意涵盖许多经典的领域：

• 电子商务
• 餐饮
• 旅游和酒店业
• 运动与健身
• 时尚
• 宠物
• 医疗的
• 当地企业和机构

模板干净整洁，但相当静态和传统。 如果您想创建一个干净的展示网站，那没问题。

但如果你想炫耀你的网页设计技巧，那就有点简单了。 您需要为您的网站带来互动和活力，例如，Spectra Pro 允许您使用其动态内容显示功能（更多信息请参见 Spectra Pro 部分）。

图案

Spectra 介于块和模板套件之间，还为用户提供块图案。

这些可以通过“模式”选项卡访问，并按类别（页眉、页脚、关于、号召性用语、常见问题解答等）排序。 有很多可供选择。 您甚至可以更改它们的整体颜色（白色、灰色或蓝色）：

弹出窗口生成器

最后，自定义 WordPress 网站的外观还可以涉及设置弹出窗口，以便您进行设计：

• 您可以在网站顶部显示通知栏，例如，用于突出显示服务或产品的当前促销活动
• 或者包含文本、背景和号召性用语按钮的模态窗口（单击时突出显示）

对于 Spectra 的免费版本（ Spectra > 弹出构建器菜单），选项相当有限。 没有可用的模板，也没有显示选项。

Spectra Pro 可以实现这一点，我将在下一节中介绍它。

Spectra Pro 提供哪些选项？

需要更高级的功能吗？ 转向 Spectra Pro。 有了这个付费版本，不要指望有太多的新块和选项。

Spectra 的设计师转而专注于添加对于某些需求（例如显示动态内容）至关重要的战略功能。

四个新区块

Spectra Pro 从四个新块开始：

• “ Instagram Feed ”，从社交网络添加您的新闻源
• “连接表格”，使您的会员能够加入专用空间（例如论坛）
• “注册表”，加入您网站上的私人空间或群组
• “ Loop Builder ”，根据您选择的标准（按日期、作者、标题等）显示某些元素（博客文章、页面、类别或 WooCommerce 产品）。
• 该块与 Spectra 的动态内容功能以及高级自定义字段和工具集等插件集成。

WordPress 上 Spectra 块的动态内容显示和新设置

除了这些新块之外，Spectra Pro 的亮点之一是其图像和文本的动态内容功能（在“块/扩展”选项卡中激活此扩展）。

为此，您可以添加来自各种来源的数据（网站标题、日期、文章类型、标题图像等），包括来自 ACF、Pods 和 Meta Box 等插件的动态数据。

Spectra Pro 还提供：

• 每个块的附加动画
• “全局样式”功能，将相同的样式应用于您网站所有页面上选择的块
• “模态窗口”块（例如添加触发器）、“滑块”块（例如根据屏幕尺寸调整每个视图的幻灯片数量）和“图片库”块（例如为每个图像添加个性化 URL）的新设置
• 受益于显示弹出窗口的特定触发器（例如，当页面加载时，或当访问者即将离开页面时）

加入 WPMarmite 订阅者

获取最新的 WPMarmite 帖子（以及独家资源）。

现在订阅

光谱的价格是多少？

有哪些可用的许可证？

Spectra 从免费版本开始。 如您所知，您可以从 WordPress 后台安装它，并且此版本在许多情况下就足够了。

如果您想更进一步，可以升级到Spectra Pro，这是一个专门为需要高级功能（例如数字标牌或 Loop Builder）的用户提供的版本。

例如，如果您习惯于创建自定义字段并使用 ACF 等插件，Spectra Pro 可能很快就会变得不可或缺。

您想购买高级版本吗？ Brainstorm Force 提供三种许可证：

1. “Spectra Pro” （单站点使用每年 49 美元）可以访问所有高级选项。
2. “ Essential Toolkit” （单站点使用每年 79 美元）包括所有“Spectra Pro”选项、Astra Pro 主题、高级模板和优先支持。
3. “ Business Toolkit” （单站点使用每年 149 美元）包括“Spectra Pro”和“Essential Toolkit”许可证的所有功能，以及对其他 Brainstorm Force 工具（例如 SureFeedback、SureWriter 和 Cartflows）的访问权限。

我该如何选择？

根据您的需求（所需的功能和您想要激活插件的站点数量）和预算来选择您选择的许可证。

例如，如果您已经对当前主题感到满意并且不需要新模板和优先支持，则无需获取“Essential Toolkit”许可证。

在做出决定之前，请务必阅读每个许可证的所有条款和条件。 另请注意以下事项：

• Spectra 为其每个许可证提供“终身”选项。 您必须预先支付更多费用，但之后您每年都无需支付任何费用。 使用该插件几年后，投资就会得到回报。
• 发票根据您打算激活 Spectra 的站点数量（最多 1、10 或 1000 个站点）递减。
• 14 天退款保证。

WordPress 上 Spectra 的替代品有哪些？

在继续总结本文之前，我还想向您简要介绍一下 WordPress 上 Spectra 的替代方案。

如果您打算使用此工具，最好清楚了解竞争对手提供的产品。 我们可以将它们分为两组：

1. 还提供模板的块集合插件，例如 Spectra。 在这个系列中，我可以提到 Kadence Blocks、CoBlocks 或 Otter Blocks。
2. 页面构建器，例如 Elementor 或 Divi Builder。

Spectra 与 Elementor：有什么区别？

例如，Elementor 是 WordPress 生态系统中最受欢迎的页面构建器，拥有超过 500 万的活跃安装量。

我们无法真正比​​较 Spectra 与 Elementor，因为这两种解决方案不采用相同的方法。

Spectra 注重简单性并与 WordPress 编辑器本地集成。 如果您使用 WordPress 内容编辑器和/或网站编辑器，您会更快地掌握它的窍门，并且该插件会更合适。

更重要的是，Spectra 在加载速度方面将优于 Elementor，因为它更轻。

Elementor 具有更多功能（例如，更多小部件和模板），其电子商务选项比 Spectra 更先进。 顺便说一句，您可以同时使用两者，因为 Spectra 与最流行的页面构建器兼容！

尽管如此，为了避免您的网站超载，我建议您在可能的情况下选择其中之一。

最终，这两个插件之间的选择通常取决于您的需求。 要了解有关 Elementor 的更多信息，我建议您阅读我们的评论。

使用 Elementor 构建您的网站

使用著名的页面构建器轻松设计 WordPress 网站的外观和风格。

尝试元素

插件的优点和缺点

现在是时候对这篇专门介绍 WordPress 上的 Spectra 插件的文章进行最后的回顾了。 首先，我们来回顾一下该插件的优点和缺点。

WordPress 上 Spectra 的亮点

• 快速学习：Spectra 基于本机 WordPress 基础架构。
• 直观、符合人体工程学的设置界面。
• 免费版本可满足广泛的需求。
• 与本机 WordPress 块相比，创意块可提供附加值。
• 优秀的用户体验。
• 使用 Flexbox 进行容器管理。
• 适用于多个利基市场的各种即用型模板。
• 高级版本物超所值。
• 频繁的升级和新功能。
• Spectra 与所有主题和插件的兼容性。 然而，将其与 Astra 一起使用以获得更多数量的即用型起始站点可能会更有利。
• 针对性能和 SEO 进行优化的插件，其代码尊重 WordPress 标准和外部依赖项。

插件限制

• 免费版本不支持动态内容。
• 该插件不适合不使用本机 WordPress 编辑器的用户。
• 与庞然大物 Elementor 和 Divi Builder 相比，选项有限。

我们对 WordPress Spectra 插件的最终意见

总而言之，我对 WordPress Spectra 的印象非常好。 我很欣赏它的易用性、免费版本中的有用选项以及它与古腾堡本地集成的事实。

创建和编辑页面或整个网站的过程无需触及任何一行代码，使得该插件适合初学者和高级用户。

后者将欣赏 Spectra Pro 的更高级选项，例如动态内容和“循环生成器”块。

尽管有这样的积极评价，我不会向所有人推荐 Spectra 。 我认为它主要针对 WordPress 内容和/或网站编辑器爱好者。

如果您习惯于操作块并且在网页设计方面有良好的基础，那么 Spectra 应该真正吸引您。

在我看来，该插件非常适合创建高效、美观的展示网站或博客。 对于更高级的需求（例如大型电子商务网站），与具有更多选项的页面构建器（Elementor 或 Divi Builder）相比，它有其局限性。

为了获得更清晰的想法，最好先尝试免费版本，看看它是否适合您。

如果您已经使用 Spectra，您同意我的观点吗？ 通过发表评论与 WPMarmite 读者分享您的反馈。