用途:Spectra 是 Brainstorm Force(Astra 团队,前身 Ultimate Addons for Gutenberg)推出的 Gutenberg 原生 WordPress 页面构建插件。本技能用于解答 Spectra 的搭建与排障问题,覆盖免费/Pro 版本差异、区块使用、动态功能、钩子定制,以及与其它工具的选择对比。
主要能力:免费版(WordPress.org)提供 30+ 区块,含 Container/flexbox 布局、Starter Templates、Popup Builder、Coming Soon 模式、动画、Global Styles、Wireframe 区块等。Loop Builder、Dynamic Content、显示条件、角色权限、白标、更细的样式控制属于 Pro,需购买 Spectra Pro 或 Essential/Business Toolkit 套餐(价格与档位请以官方为准,原文为尽力整理)。
使用方式:从 WordPress 后台安装并启用插件,在区块编辑器中添加 Spectra 区块进行页面搭建。程序化扩展通过 WordPress 钩子/过滤器实现,而非托管 API,可用 spectra_pro_rest_api_get_controllers 注册自定义 REST 控制器,用 uagb_post_query_args_grid、uagb_post_query_args_masonry、uagb_post_query_args_carousel 修改 Post Grid 类区块的查询参数,还有 render_block、spectra_slider_params、spectra_countdown_context 等。
适用场景:需要在 Gutenberg 中搭建页面、模板、弹窗与即将上线页;需要用循环/动态内容构建博客或作品集;需要按钩子做程序化定制。
限制:无原生 A/B 测试、热图或分析,需配合 VWO、Microsoft Clarity 等外部工具;无对外 webhook,表单线索通过所连接的表单/ESP 集成流出;Pro 功能在停用或过期后不优雅降级,基于 Pro 区块的页面可能回落为备用内容,上线前应在预发布环境测试。常见问题包括长文章下编辑器变慢或卡死(建议更新版本、在 Spectra → Settings → Blocks 中关闭未用区块、拆分长页面),以及内页区块样式丢失(检查 CSS 文件生成设置并重新生成 Spectra 资源、清理页面缓存与 CDN,必要时将资源路径加入优化/安全插件白名单)。Spectra 与 Astra 更新曾出现冲突,批量更新前建议先在预发布环境测试并保留回滚。具体定价、套餐细节与完整钩子清单请查阅官方资料,此处暂未逐一提供。