开始使用 /

使用 Pick,把其他模板的板块用到自己的网站

你可能遇到过这样的情况:喜欢模板 A 的首屏,也喜欢模板 B 的产品展示,还想把模板 C 的某个组件或页脚用到自己的网站里。过去,你可能需要先选定一套模板,再手动重做其他模板中喜欢的部分。

现在可以使用 Pick,分别选中多个模板里的板块或组件,把它们作为参考组合到自己的项目中。你不必在几套模板之间二选一,而是可以按板块“取长补短”,再让 AI 统一适配你网站的品牌、内容和风格。

使用时不需要复制代码,也不需要说明板块由哪些文件组成。只要在来源模板中选中区域、复制引用,再回到自己网站的 AI 对话框中粘贴并说明需求,AI 就能读取相关结构,在你的项目中复用并适配这些板块。

Pick 的重点是“从其他模板取参考,在自己的网站中使用”。它不会修改来源模板,也不会把你的修改写回来源模板。

适合用 Pick 的场景

  • 喜欢另一个模板的 Hero,想把类似首屏用到自己的网站;
  • 想复用某个导航、产品卡片、价格表、客户案例或 FAQ 组件;
  • 只需要一个板块,不想套用整套模板;
  • 希望 AI 保留参考板块的布局和视觉节奏,但换成自己的品牌、文案和图片;
  • 很难用文字描述某个设计,想直接告诉 AI“参考这一块”。

第一步:在其他模板中 Pick 想要的板块

打开你想参考的 Creght 模板预览,点击右下角 Creght 标识旁的选择图标,进入 Pick 模式。把鼠标移到页面上,蓝色高亮框会显示当前可以选择的区域;点击即可锁定选区。

在其他 Creght 模板中 Pick 想复用的 Hero 板块

顶部工具条可以帮助你确定要带走的范围:

  • 上层:扩大选区,选择当前元素所属的完整板块;
  • 下层:缩小选区,回到更具体的子元素或组件;
  • 复制:复制当前板块的模板引用;
  • ?:打开本使用说明;
  • ×:取消当前选择。

如果只选中了标题或按钮,但你希望连同背景、排版和其他内容一起参考,就点击上层;如果蓝色框覆盖了整页或包含了不需要的区域,就点击下层。尽量让蓝色框完整包住你真正想复用的板块或组件。

第二步:复制引用,回到自己网站的 AI 对话框

确认范围后点击复制。然后回到你自己的 Creght 网站项目,在 AI 对话框中粘贴。识别成功后,对话框顶部会出现 Template references,并显示类似“模板选区 Hero.tsx:16”的引用卡片。

把其他模板的 Pick 引用粘贴到自己网站的 Creght AI 对话框

这张引用卡片表示:AI 可以把刚才选中的其他模板板块作为实现参考。它还不会自动改动你的网站,你需要继续输入要如何使用它。

第三步:告诉 AI 要放在哪里、怎么适配

发送指令时,建议说清楚三个信息:

  1. 怎么使用:新增、替换,还是只参考布局或某个组件;
  2. 放在哪里:首页首屏、产品区下面、页脚之前,或某个指定页面;
  3. 如何适配自己的网站:保留哪些现有内容,替换哪些品牌、文案、图片、颜色和链接。

例如:

  • 把这个板块用到我的首页,替换现在的首屏;保留我的品牌名和按钮链接。
  • 在产品介绍下面新增一个类似的板块,使用我网站现有的蓝色和产品图片。
  • 参考这个价格卡组件的布局,为我的三种套餐做一个价格表,不要使用模板原来的文案。
  • 只复用这个导航的结构,菜单项和 Logo 继续使用我网站现有的内容。

参考这个板块,在我自己的首页做一个新的 Hero。保留它的大图背景和居中排版,但换成我的品牌文案、产品图片和按钮链接,颜色跟随我网站现在的深蓝色,并优化移动端显示。

第四步:检查自己网站中的结果

发送后,AI 会按需读取来源模板中与选区相关的结构,然后在你当前编辑的网站中新增或替换对应板块,并根据指令适配你的品牌内容。

Creght AI 在自己的网站中复用并适配其他模板的板块

完成后,请检查桌面和移动端。如果还需要调整,可以直接继续对话,不必重新 Pick:

  • 标题小一点,让首屏内容完整显示在一屏内。
  • 保留新板块,但把导航换回我原来的导航。
  • 移动端把两个按钮改成上下排列。
  • 布局不变,把图片替换成我刚上传的产品图。

Pick 不会做什么

  • 不会修改来源模板:被 Pick 的模板只是参考对象;
  • 不会自动套用整套模板:AI 只围绕你选中的板块和指令工作;
  • 不会在点击复制时立即改站:需要回到自己的项目,粘贴引用并发送指令;
  • 不会强制复制原文案和图片:你可以要求只参考布局,也可以指定保留或替换的内容。

常见问题

Pick 的板块会加到哪个网站?

会加到你粘贴引用并发送指令时正在编辑的网站。来源模板不会发生变化。

可以只拿一个组件吗?

可以。通过上层下层把蓝色选区调整到目标组件,再复制引用即可。

为什么粘贴后没有看到模板引用卡片?

请确认是在自己网站的 Creght AI 对话框中直接粘贴。如果浏览器阻止了剪贴板访问,允许权限后重新复制。

可以只参考设计,不使用原来的内容吗?

可以。在指令中明确写“只参考布局和样式,不使用原文案和图片”,并告诉 AI 应替换成你网站里的哪些内容。

一句话总结

在其他模板中选中喜欢的板块 → 复制 Pick 引用 → 回到自己的网站粘贴 → 告诉 AI 放在哪里、如何适配。这样就能把其他模板中的优秀板块或组件,快速用到自己的 Creght 网站中。

Render diagnostics