WordPress 古腾堡编辑器终极插件 Spectra

Spectra是 WordPress古腾堡编辑器终极插件，原名 Ultimate Addons for Gutenburg（UAG），是专门为古腾堡编辑器开发的终极插件。随着 WordPress 6.0版本的发布，国外开发者越来越开始重视 Gutenburg编辑器的配套插件开发了。

Elementor 页面编辑器的功能越来越强大，也就越来越臃肿。Gutenburg编辑器的好处是代码较少，成品网页的资源少就意味着打开速度很快。这也是符合谷歌SEO优化要求的。

什么是古腾堡区块

古腾堡编辑器是 WordPress 5.0以来内置的页面编辑器，用来设计网站。

Spectra安装启用

Spectra是永久免费提供使用的。与 Astra主题是同一个开发团队来设计的。

Spectra 以插件形式安装在 WordPress中。在 WordPress > 插件 > 安装插件，搜索 Spectra，安装并启用。

安装完成后你看到的名字是 Ultimate Addons for Gutenberg，也就是 Spectra。

Spectra基本组成

Spectra 提供了多种建站形式。包括 区块（blocks）、页面（pages）、模式（Patterns）、线框（Wireframes）。

Spectra区块和古腾堡编辑器的基本组成单位 blocks（区块）是一样的，都是在页面编辑区域，点击添加，选择合适的区块添加到页面上。

目前可用的 Spectra 区块有几十种，如下所示：

• 创意块：图标列表热门、营销按钮、内容时间表、发布时间线、洛蒂动画、多按钮
• 内容块：信息框热门、高级标题、标签、呼吁采取行动、分类列表、价位表、团队、内联通知
• 社交块：社交分享、感言、谷歌地图、星级、块引用
• 发布块：帖子布局流行、后砌体、发布时间线
• 表格块：Contact Form 7样式器、Contact Form、Gravity Forms样式器

基本包含了我们常见、常用的区块类型，并在不断增加中。

下面说说 Spectra的页面、模式、线框这三种布局形式。

打开一个文章页或页面的编辑状态，点击工具栏的 UAG Templates，就可以进入

页面（pages）

是一个设计好了的完整的页面，俗称单页面模板。

这里提供了针对不同主题的页面模板，例如户外探险、山脉、有机商店等。数量在不断增加中。

单击任一组将显示与该主题相关的所有单页模板。当一个组中的所有单个页面放在一起时，可以形成一个完整的网站。

比如打开 Outdoor Adventure，看到 5 个单页模板 – Home、About、Services、Projects、Contact。这些所有单页模板都具有相同的设计主题。

在 WordPress中分别添加 5个空白页面，并依次导入这 5 个单页模板，你就有了一个包含所有页面的完整网站。

接下来的工作就是添加/替换自己的内容、替换图像，没问题后网站就可以上线了。

是不是很简单啊？

模式（Patterns）

专为网页不同部分设计的专用部分。你可以在自己的设计中添加模式或使用不同的模式来创建独特的页面。

在库中找到设计好的模式

• 关于
• 呼吁采取行动
• 客户
• 接触
• 常问问题
• 特征
• 标题
• 英雄部分
• 文件夹
• 统计数据
• 服务
• 团队
• 见证

模式的具体用法：

在页面的布局中导入模式，能满足页面上的部分需求。

比如有一个销售页面，希望为产品添加一个常见问题解答部分。主要目的是解决用户问题并鼓励完成购买。从 Patterns 中导入 FAQ 部分并添加你自己的文字、图片内容。这样就可以快速创建常见问题解答部分，从而节省你的时间和精力。

模式可以切换黑暗模式（Dark）和明亮模式（Light）两种背景色，老魏常用明亮模式。

同样，你可以在页面的任何位置使用不同的模式。

导入页面/模式后，需要注意下面几点：

• 导入页面或模式后，可能看到一些与预览内容不同的颜色和版式。这是因为定制器设置自动继承到页面/模式。比方说导入的页面有一个黑色按钮，而你在定制器中为按钮设置了黄色。导入页面后按钮就是黄色，而不是黑色。
• 同样的，排版布局等都会从定制器继承，包括标题和内容都将从定制器中设置排版。
• 如果导入的页面有表单，则会自动安装并激活所需的插件。

线框（Wireframes）

是一组现成的 WordPress 块，可以在 WordPress 块编辑器中快速导入、创建网站线框。

假设你想为网站创建一个主页，需要顶部的 banner、一段介绍、一段展示提供的服务、一个团队介绍、一些用户推荐、CTA等。

线框块有不同的类别，可以满足网站每个部分的需求，例如关于、团队、推荐、CTA、FAQ 等。

特定的线框块带有许多独立的元素，比如标题、文本、图像和按钮。这些是占位符，导入后你再添加/替换自己的图像、文本和颜色，就很完美了。

线框的添加方法与上面的【模式】是完全一样的，包括了几十个建站经常用到的线框，同时也提供暗黑模式和明亮模式两种。

Spectra设置

安装Spectra后，在 WordPress后台>设置中提供了一个 Spectra设置项，提供了以下功能：

• 启用/暂停任何一个 Spectra区块
• 启用Beta版本更新
• 回滚到以前版本
• 其他可见的配套功能、产品

后面还会推出 Spectra 2.0，使新手也能构建与手动编码一样快的站点，而无需经过复杂的操作步骤。

每个区块都制作精美，导入后网站不仅具有吸引力，而且速度极快。