Spectra Blocks 是新一代原生 WordPress 古腾堡 (Gutenberg) 区块增强插件。
前身插件（旧版 UAG → Spectra）现在改名 Spectra Legacy；
内核不同
二者是两个独立插件，代码内核不同，区块不互通！
- Spectra Legacy：老版本，Slick 轮播内核，停止新增功能，仅维护兼容；
- Spectra Blocks：全新重构，使用现代 API，Slider 滑块升级为 Swiper 内核。
核心特点：不替代古腾堡编辑器，在原生编辑器内扩展区块；无私有简码，页面代码标准化，轻量化、利于 SEO，非常适合 WooCommerce 独立站。
核心功能
- 灵活容器 Container 支持 Flex 布局、嵌套、响应式内外边距，搭建商品首页 Banner、产品分区、多列布局主力区块。
- 交互式区块 按钮组、选项卡、手风琴、弹窗、Slider 轮播（Swiper）、计数器、信息框、评价模块、地图。
- 内容查询模块 文章 / 产品网格、列表、轮播，可直接调取 Woo 商品，制作首页新品、热销商品模块。
- 全套响应式控件 桌面 / 平板 / 手机独立设置尺寸、间距、显示隐藏；区块自定义动画、滚动触发动效。
- 设计资源库 预制区块模板（Pattern），一键导入落地页板块；全局样式统一管理配色、字体。
- 内置 AI 辅助（Zip AI） 一键生成页面板块、文案、布局草稿。
什么情况下会用 Spectra Blocks?
如上图所示，切换模版的时候会默认选择Blocks，如果你直接安装模版，那么这些模版使用的就是Spectra Blocks了。
如上图所示，采用Spectra Blocks构建的模版，容器上面有个⚡️标志。而之前的Spectra Legacy是没有⚡️标志的。
Spectra Blocks的工具有什么不同？
简单来说，Blocks的模块比较少，操作起来也更加简洁。
观察上面两个图片可知，Spectra Blocks的板块比Spectra Legacy少很多，也就是精简很多。但是Spectra Blocks设计很巧妙，可以用较少的板块实现和Spectra Legacy差不多的效果。
举个例子
在Spectra Legacy模式下，要做一个标题有很多方式，可以用 Heading ，也可以用info box。info box隐藏掉不必要功能，只留标题即可。而在新版本Spectra Blocks下，只能用Text模块来实现标题文本。
Spectra Blocks模式下，如果要实现完整的info box效果，就必须使用多个模块，其中有Icons、Text及Buttons。因为在Spectra Blocks模式下，没有类似info box的组合模块，它分得更细，需要设计人员自己去组合。从技术层面来说，这种模式下代码更简洁。
上图的效果，在老版本Spectra Blocks下，一个info box就搞定了，而在Spectra Legacy下，必须使用四个Text和一个Buttons来完成。从操作层面看，新版本是否更加复杂，但是它遵循的是“需要就拿来”原则，代码会更加简洁，从而让页面打开更快，SEO效果也会更好。
这篇文章只对Spectra Blocks作一个简单介绍，具体教程，后续会慢慢推出。如果有有不错的悟性，只要对Spectra Blocks有了足够了解，其实完全可以自动上手Spectra Blocks。