---
title: Spectra让WordPress页面排版更简单、组件更丰富
slug: spectra-blocks-for-wordpress-gutenberg-editor
date: 2023-11-05
author: Frankie 徐
category: wordpress
tags: []
description: 如果你觉得你的Blog页面排版太单一，又或者你想在你的woocommerce产品详情页添加更多的信息，更多的排版方式，那么今天介绍的spectra可能是一个很好的选择。spectra是Brainstorm Force（现在非常流行的Astra主题也是他们家的）推出的一款基于gutenberg编辑器的外挂，给gutenber...
permalink: https://www.210k.cc/spectra-blocks-for-wordpress-gutenberg-editor
---

**真诚分享，无广告。**

如果你觉得你的Blog页面排版太单一，又或者你想在你的woocommerce产品详情页添加更多的信息，更多的排版方式，那么今天介绍的spectra可能是一个很好的选择。  
spectra是Brainstorm Force（现在非常流行的Astra主题也是他们家的）推出的一款基于gutenberg编辑器的外挂，给gutenberg编辑器增加了几十个组件，另外还有N多套现成的模板，导入稍微改改就可以让自己的页面提升几个X格。  
下面是官方的介绍

![pasted image 20231104165057](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-1.png)

![pasted image 20231104161245](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-2.png)

## 特点

-   和wordpress原生的古藤堡编辑器（gutenberg editor）完全兼容，或者说它相当于就是gutenberg editor的外挂
-   它可以实现很多gutenberg编辑器之前无法实现的效果，而且不需要额外的代码
-   速度超快
-   不会和其他插件冲突
-   无缝融入原生的gutenberg编辑器中，使用时不需要任何其他插件的支持

## 插件安装

![pasted image 20231104161044](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-3.png)

![pasted image 20231104165423](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-4.png)

这是所有的组件，比博主最开始用他的时候多了很多，其中带“pro”标的是高级版的功能，我们一般也不需要用到

![pasted image 20231104165452](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-5.png)

![pasted image 20231104165544](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-6.png)

另外这里还有一些功能设置

![pasted image 20231104165709](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-7.png)

它的使用非常简单，和操作gutenberg编辑器一模一样，直接点“+”添加元素即可，你安装激活之后，会发现多了很多组件出来，按需添加即可

![pasted image 20231104165838](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-8.png)

另外，还有导入现成模板的功能，非常实用，省去自己调整格式了。

![pasted image 20231104170007](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-9.png)

![pasted image 20231104170024](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-10.png)

![pasted image 20231104170034](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-11.png)

![pasted image 20231104170053](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-12.png)

还有很多类似功能的插件，在plugins中搜“blocks”​，会看到很多，spectra是目前安装量最大的一款，确实很好用

![pasted image 20231104170303](./images/spectra-blocks-for-wordpress-gutenberg-editor-img-13.png)

以上，希望对你有所帮助。

欢迎点赞、分享，帮助到更多的朋友​。

悦分享，越成长。