宝妈零基础：用 AI 给戴影 CMS 做第一个主题

不会写代码，也能做网站主题吗？

答案是：可以尝试，而且现在比以前容易得多。

过去制作一个 CMS 主题，通常需要学习 HTML、CSS、PHP 等知识，还要了解 CMS 的模板结构和接口。对于没有编程经验的人来说，光看到一堆代码可能就已经想放弃了。

但有了 AI 以后，做主题的方式正在发生变化。你不一定需要自己一行一行写代码。你更需要学会的是：

想清楚自己想做什么 把想法告诉 AI 让 AI 基于官方主题骨架制作 自己看效果 不断告诉 AI 哪里需要修改

如果你平时在家带孩子，有一些碎片时间，又愿意学习使用 AI，这篇教程可以带你完成第一次尝试。

---

一、你负责想法，AI 帮你写代码

先不要担心什么 PHP、CSS、JavaScript。第一次做主题，你最重要的工作不是写代码，而是回答一个问题：“我想做一个什么样的网站？”

例如，我们准备做一个母婴育儿主题，可以先给它取一个名字：暖芽，然后写下几个自己喜欢的关键词：

母婴 育儿 温柔 奶油色 浅粉色 圆角 干净 自然 温馨 杂志感

想象一下，如果这是你自己的育儿博客，你希望别人打开网站第一眼看到什么？

> 我希望网站打开以后有一种温暖、舒服的感觉。第一屏是一张妈妈和宝宝的温馨图片。下面展示最新文章，再分成育儿知识、宝宝辅食、妈妈生活几个栏目。不想设计成严肃的公司官网，更像一本现代育儿杂志。

这时你已经给 AI 提供了一份不错的设计需求。

---

二、不要从空白开始，我们给你准备主题骨架

为了让 AI 更容易做对，戴影 CMS 提供了官方主题骨架——Daiying Theme Framework。你可以把它理解成盖房子时已经准备好的“地基和基本结构”。

你不需要重新研究房子怎么盖，主要负责装修：

网站风格 颜色搭配 首页布局 图片位置 文章卡片样式 字体大小 手机端显示

主题骨架负责按照戴影 CMS 的规范和系统配合。

---

三、下载《戴影 CMS AI 主题开发入门包》

为了让零基础用户少走弯路，官方准备了一套入门包，包含：

官方主题骨架 Theme API 开发规范 主题开发说明 零基础教程 AI 提示词 主题提交与验收标准 示例主题需求 投稿说明

下载后，先打开 README 文件，按照步骤操作即可。不要担心一开始看不懂所有技术文档。

---

四、把主题骨架和开发规范交给 AI

打开你习惯使用的 AI 编程工具（如 ChatGPT、Claude、Gemini、Codex 等），把主题骨架和开发规范提供给 AI。告诉它：

这是戴影 CMS 官方主题骨架和开发规范 请先阅读并理解主题结构和 Theme API 不要修改 CMS Core 不要大规模重写 先告诉我理解了哪些内容，准备修改哪些文件

原则是先让 AI 学规则，再让它动手做。

---

五、告诉 AI：我要做“暖芽”

AI 阅读完骨架和规范后，告诉它你的主题想法：

主题名称：暖芽 类型：母婴 / 育儿 / 宝妈博客 目标用户：年轻妈妈和育儿家庭 整体感觉：温柔、干净、轻松、有生活感 主要颜色：奶油色和浅粉色 首页设计：顶部温馨大图，展示最新文章、育儿知识、宝宝辅食、妈妈生活栏目 文章卡片：柔和圆角 不做企业官网，像现代育儿杂志 支持手机端 基于官方主题骨架制作，不修改 CMS Core

然后让 AI 开始制作第一版。

---

六、第一版不好看，非常正常

第一次 AI 做出来的主题通常不理想，需要反复沟通修改。你可以直接用普通语言告诉 AI 需要调整的地方，比如：

标题太大，缩小一些 颜色太艳，改成奶油粉 文章间距太小，增加留白 顶部图片太矮，做成杂志封面风格

多次迭代，逐步完善主题。

---

七、不会说专业术语，也没关系

不懂 CSS 术语没关系，可以截图告诉 AI：

这个按钮太挤了 这个地方看起来很廉价，帮我做得精致一点 这里区域太高了

AI 会帮你把普通语言转成代码。

---

八、看到喜欢的网站，可以给 AI 参考

如果你看到喜欢的视觉风格，可以截图给 AI，告诉它参考这种视觉语言重新设计你的主题，但不要复制别人的 Logo、插画、完整页面或源码。

---

九、千万不要只看首页

主题做好后，要逐项检查：

1. 首页图片、文字、导航是否正常 2. 文章列表能否显示多篇文章 3. 文章详情页能否正常阅读 4. 分类页是否显示对应内容 5. 搜索功能是否正常 6. 分页是否能进入后续页面 7. 导航菜单是否可用

一个合格的主题不能只有漂亮首页。

---

十、一定要检查手机版

现在很多用户用手机访问，必须检查手机端：

标题是否跑出屏幕 图片是否变形 导航是否遮挡内容 字体是否过小 按钮是否可点击 卡片是否挤在一起 页面是否出现横向滚动 长标题是否破坏布局

发现问题截图给 AI 修改，尽量只调整移动端。

---

十一、AI 要修改 CMS Core？先不要同意

主题和 CMS Core 是分开的。如果 AI 说需要修改 Core，先拒绝，要求优先用 Theme API 和主题代码解决。若确实缺少接口，停止开发并反馈需求，不要自行改 Core。

这样保证系统稳定，避免多个主题修改 Core 导致维护困难。

---

十二、什么样的主题更容易通过验收？

验收重点是：完整、稳定、好看、有自己特点。比如一个简单的咖啡主题，只要整体协调，也比堆动画的模板更好。不要只换颜色做模板，要有独特布局和视觉语言。

---

十三、提交之前，自己走一遍流程

电脑端检查：首页 → 文章列表 → 文章详情 → 分类 → 搜索 → 分页 手机端检查：首页 → 导航 → 文章 → 搜索 → 分页

确认无误后检查：

图片是否正常 按钮是否可用 无乱码、无测试文字 无 AI 占位内容 无他人 Logo 或广告 无敏感信息

确认后打包提交。

---

十四、提交以后会怎么验收？

官方会统一检查：

安装是否正常 功能是否完整 手机端是否正常 代码是否安全，无修改 Core 资源是否无侵权或破损 设计是否有独特定位

通过后按主题征集规则结算。

---

十五、当前主题征集：验收通过 50 元/个

戴影 CMS 正在扩充主题生态，验收通过的主题奖励 50 元。支持 AI 辅助制作，题材不限，欢迎发挥创意。

---

十六、第一次不知道怎么跟 AI 说？复制这段

> 我要基于 Daiying CMS 官方主题骨架制作一个新的原创主题。 > 请先完整阅读我提供的主题骨架和主题开发规范。 > 不允许修改 Daiying CMS Core。 > 不允许破坏现有 Theme API。 > 不允许把个人电脑路径、测试服务器地址写死在主题里。 > 必须支持电脑端和手机端。 > 必须保留正常的文章、列表、分类、搜索、分页等基础能力。 > 不要复制其他网站的代码、Logo、图片或完整设计。 > 如果发现现有 Theme API 无法满足需求，请停止并告诉我缺少什么，不要自行修改 Core。 > > 这次我要制作： > 主题名称：暖芽 > 主题类型：母婴 / 育儿 / 宝妈博客 > 视觉关键词：温柔、奶油色、浅粉、干净、圆角、自然、温馨、生活感、杂志感。 > 首页希望包括：顶部 Hero、最新文章、育儿知识、宝宝辅食、妈妈生活。 > 整体不要设计成企业官网。 > 希望它更像一本温暖、舒服的现代育儿杂志。 > > 请先分析现有主题骨架，并给我一个简短的设计方案。 > 确认结构以后再开始制作第一版。 > 第一版完成以后告诉我修改了哪些文件、如何预览，以及哪些页面需要我人工检查。 > 不要为了赶进度一次性重写整个主题。

---

十七、最后：真正值得学的是“怎么和 AI 一起工作”

做第一个主题时，可能需要和 AI 沟通二三十次，第二个十几次。到第五、第十个时，你会知道怎样提示 AI 最有效，也会发现什么样的网站看起来舒服。

这不仅是学做主题，更是学会把想法表达清楚，与 AI 合作完成作品。带孩子的碎片时间也能一点一点做，不用急，做好一个就提交一个。

---

下载

文章下方提供了 Daiying CMS Theme Starter Kit 开发包，包含官方主题骨架、Theme API 规范、AI 提示词、零基础教程和投稿说明。下载后先看 README，跟着教程开始你的第一个主题。不会编程没关系，从第一个想法开始。