简而言之：从 WPBakery 改用 Gutenberg 是手动重建网站，并非一键转换。较安全的做法是先盘点现有模板，在预发布环境重建，保留重要 URL 和元数据，等替换页面通过质量检查后才清理 shortcode 残留。
由于 Core Web Vitals，除了把 WPBakery 改成 Elementor，我也开始把 WPBakery 改为 Gutenberg。
重点摘要
- 在预发布环境重建网站，让正式网站在迁移期间继续运行。
- 更换页面构建器前，保留 URL、元数据、表格和分析设置。
- Gutenberg 版本测试完成后，才移除 WPBakery 及相关 shortcode。
可以从 WPBakery（原 Visual Composer）改用 Gutenberg 吗？
可以。在预发布环境重建并测试页面，替换版本通过验证后，再停用 WPBakery。性能取决于主题、素材、托管和第三方脚本；只更换编辑器并不能保证特定 PageSpeed 分数。
转换 WPBakery 到 Gutenberg 的 10 个步骤
先盘点现有布局，再在预发布环境用 Gutenberg 重建。替换页面测试完成前，保留 WPBakery 作为参考。Blocksy 等轻量主题可以考虑；所需时间取决于必须保留的模板、内容和功能。
第 1 步：备份网站并建立预发布环境
制作可恢复的备份和预发布副本。重建期间保持正式网站正常运行，并限制预发布网站的访问，避免它成为被索引的重复网站。开始前记录现有 URL、元数据、表格和追踪设置。
第 2 步：盘点 WPBakery 和主题的依赖项
找出依赖 WPBakery 或现有主题的模板、小工具、表格和 shortcode。重建期间保留这些依赖项，才能把替换版本与原页面逐项比较。
第 3 步：保留 shortcode 中的内容
重建前记录每个 shortcode 内的文字、链接、媒体和布局。不要对原始内容批量移除 shortcode。Gutenberg 页面通过内容和布局检查后，再清理替换版本。
Shortcode Cleaner Pro 等工具可以协助检查残留。任何清理操作都应先在预发布环境测试，做好备份并比较前后内容。不要假设所有 shortcode 都能安全删除。
原文视频：https://youtu.be/dXVZ5bSUduc
第 4 步：使用轻量主题重建页首和页尾
原文建议使用 Blocksy、GeneratePress 或 Kadence Theme 等轻量主题。
第 5 步：使用 Gutenberg 区块编辑器重建页面
原文称，Kadence Blocks Pro 可灵活调整布局，并通过灵活网格制作更复杂的页面，因此能加快设计流程。
原文还推荐 Gutenberg Page Building Toolkit，也就是 EditorsKit。原文将它比作经典编辑器的 TinyMCE，并称其功能更丰富。
第 6 步：使用 Code Snippets
有些功能无需安装插件，可以用代码片段实现。原文列出以下代码片段资源：
- isitwp.com
- generatewp.com
- wpmudev.org
第 7 步：使用 Gutenberg 管理文章
原文建议始终使用 Gutenberg 管理文章。
第 8 步：验证替换页面，再移除不再需要的依赖项
在预发布环境测试 Gutenberg 页面、表格、追踪和响应式布局，然后再停用 WPBakery 及不再使用的主题插件。移除后再次测试，并保留可回滚的副本。确认没有必要内容或功能仍依赖相关数据后，才清除 shortcode 残留和数据库表。
如果使用 Advanced Database Cleaner Pro，应逐项检查待删除内容，并保留可恢复的备份。
第 9 步：重新生成所有缩略图
原文称，更换主题后需要重新生成缩略图，并推荐使用 reGenerate Thumbnails Advanced 来删除不再使用的图片尺寸。原文还称，该插件与 ShortPixel Image Optimizer 整合。
第 10 步：优化 WordPress 速度
原文称，作者使用 FlyingPress 和 perfmatters 优化 WordPress 速度。也可参考原文的WordPress 速度优化指南，目标是让 Google PageSpeed Insights 得分达到 100；该文章目前只有英文版。
原文还展示了几个从 WPBakery 改用 Gutenberg 的项目结果。
从 WPBakery 和 Nitropack 改用 Gutenberg
原文还介绍了一个客户项目：将使用 WPBakery 和 Nitropack 的 ThemeForest 主题改为 Blocksy 主题和 Kadence Blocks，并重新设计网站，让内容聚焦于客户的专业服务。
原文称，在 GTmetrix 测试中，新网站的表现优于原来使用 Nitropack 的网站。该项目的 PageSpeed Insights 测试显示，原网站得分 76，重建版本得分 100。这些只是测试快照，并不保证其他网站获得相同结果，也不能取代真实用户的现场性能数据。
如果你需要协助从 WPBakery 改用 Gutenberg，请联系 Ulement，在重建前确认项目范围、验收检查和商业条款。
照片由 La-Rel Easter 提供，来源 Unsplash。
Ulement 相关指南：Elementor 改用 Gutenberg和WPBakery 迁移至 Elementor。
总结
从 WPBakery 改用 Gutenberg 是重建网站，不是按下转换按钮。在预发布环境作业，保留公开 URL 和内容，测试替换页面，然后再移除 WPBakery 和 shortcode 残留。走捷径通常只会留下更多问题。如果重建还涉及迁移、SEO 控制和新页面模板，请联系 Ulement。
常见问题
WPBakery 页面可以自动转换为 Gutenberg 吗？
无法可靠地自动转换。WPBakery 使用 shortcode 储存布局，Gutenberg 则使用区块。受控重建能让你清理 shortcode 残留，并检查每个模板。
重建时需要更改 URL 吗？
尽可能保留现有公开 URL。如果必须更换 URL，请设置直接的永久重定向并更新内链。
什么时候可以移除 WPBakery？
Gutenberg 页面、表格、追踪和响应式布局都经过测试，并且已有最新备份后，才移除 WPBakery。
如需了解相关交付范围，请参阅定制 WordPress 开发服务。
关于作者
Julian Song 是 Principal Digital Architect，专注于安全且高性能的 WordPress 系统。自 2008 年以来，他协助机构和政府关联公司以可扩展的开放方案取代受限制的平台。他以神经多样性带来的系统思维，关注设计背后的架构。