HTML转WordPress站点快速上线测试

铲子铺按语

作者用 CodeBuddy 把 HTML 页面转成 WordPress 古腾堡块元素，1 小时就上线了一个测试站，后台还能直接改内容。核心经验是前期规划好 Pages、Posts、Woocommerce 的挂钩方式，这套流程熟练后就能很快上站。

测试思路与工具

• 接着昨天的话题，今天早上尝试了另外一个快速建站思路：让 AI 直接将 HTML 转换为 WordPress 块元素，然后快速上站点。
• 使用的工具/文档：CodeBuddy（WorkBuddy 的编码版本，单独下载，账号通用）、上一个项目中所有的内容地图、询盘系统指导文档。
• 使用的 Skill：WordPress Skill、Woocommerce Skill、wp-block-development Skill、wp-block-themes Skill。

开始的规划和要求

• 从一开始就规划必须使用 WordPress 后台的 Pages、Posts、Woocommerce 系统挂钩，方便后期的管理。
• 将设计的 HTML 页面转换成古腾堡块元素（Gutenberg Block），方便后期手动修改。
• 产品页面使用 Woocommerce 来后台管理，但是改造成询盘模式，并接入规划的 Inquiry 系统，后面也要接入 WP 相关的邮件收发插件。
• 不能转化的部分要和已转化为块元素的部分视觉样式统一起来。

使用体验与结果

• 使用时长 1 个小时，基本是 AI 在干活，偶尔打断给个提示。
• 原本的页面是 PHP 硬生成的 HTML，不方便修改，群里的小伙伴提醒让试试块主题，于是后面调用了块元素 Skill 并实施改造，改造成功了，后面在后台可以直接修改内容，而不必假手 AI。
• CodeBuddy 确实不错，起码在编码方面并没有让人失望，想要的部分都实现了；不过和 WorkBuddy 一样，最好还是 Codex 来规划第一版本，往复的修改跳转浪费时间。
• 这个站点就放着不动了，没有引入 Design md 文档，视觉和小细节并不完善，但整体已经非常可用，基本上规划的页面和功能都可以正常跑。
• 摸索出一套用 AI 快速上 WordPress 的经验是最重要的，会总结成一份经验和规划文档，后面项目参考用，就能很快上站了。

🔗 延伸阅读：想系统学 Bricks 建站全流程？Bricks Wiki 的《Bricks 建站从零到上线:完整实战指南》每一步都有操作路径和验证方法 → 读原文

站长

Ray Chan

外贸独立站操盘手

做过外贸谈单、建过站、跑过 SEO、也拍 YouTube。常年服务国内工厂出海，坑踩过，路跑通，货都在这铺子里。

进圈子，一起玩 →看看资源包