首页模块管理
「首页」是站点最重要的页面——70% 以上的访客第一站到这里。一个好的首页应该：
- 3 秒内让访客明白这是什么站
- 30 秒内让访客找到下一步该做什么
- 3 分钟内让访客产生联系意向
主题通常把首页拆成多个模块（区块），运营可以独立配置 / 开关。
后台入口：扩展市场 → 主题 → 当前激活主题 → 设置 → 首页 Tab
待补充截图 左侧首页结构（模块列表，可拖拽排序）+ 右侧选中模块的具体配置
B2B 站点典型的首页结构
Section titled “B2B 站点典型的首页结构”参考系统内置主题（official-site）+ 主流第三方 B2B 主题：
[Header] ↓① Hero 区 ← 主标题 + 副标题 + CTA 按钮 + 背景图/视频 ↓② 价值主张 ← 3-4 个图标 + 短文字（"我们的优势"） ↓③ 精选产品 ← 4-6 个产品卡片（来自勾选了"首页精选"的 Product） ↓④ 行业洞察 ← 3-4 篇最新文章（来自 Article） ↓⑤ 客户案例 ← 客户 logo 墙 / 引用语 ↓⑥ CTA 区 ← "联系我们" 大按钮 / 询盘表单 ↓[Footer]每个模块独立可开 / 关 / 改顺序。
① Hero 区
Section titled “① Hero 区”作用：访客打开第一眼看到的，决定他是否往下看。
典型设置：
| 字段 | 用途 |
|---|---|
| 主标题 | 一句话说清楚业务（如”30 分钟搭好你的多语言企业站”） |
| 副标题 | 一段话补充（如”为 B2B 出海企业打造的内容管理系统”） |
| 主按钮文字 / 链接 | 第一个 CTA（如”免费试用”） |
| 次按钮文字 / 链接 | 备选 CTA（如”查看演示”） |
| 背景类型 | 纯色 / 图片 / 视频 / 渐变 |
| 背景图 / 视频 | 配合背景类型上传 |
待补充截图 主标题 / 副标题输入框 + CTA 按钮配置 + 背景类型选择 + 媒体上传组件
② 价值主张（特性区）
Section titled “② 价值主张（特性区）”作用：用 3-4 个图标 + 短文字快速展示为什么选你。
典型结构：
图标A 图标B 图标C 图标D速度优势 多语言 AI 辅助 开源30分钟搭建 8种语言 自动翻译 MIT协议配置项：
- 每个特性的图标（从 Lucide 选 / 自传 SVG）
- 标题（5-8 字）
- 描述（15-30 字）
待补充截图 表格列出 3-4 个特性，每个含图标 / 标题 / 描述编辑 + 拖拽排序
③ 精选产品
Section titled “③ 精选产品”作用：把最好卖的产品放首页，提升转化。
怎么配：
主题通常自动展示勾选了”首页精选”的产品——你不需要在主题里再选一次。详见 产品管理 - 首页精选。
主题侧设置：
- 模块标题（如”精选产品”、“明星产品”）
- 显示数量（4 / 6 / 8）
- 卡片样式（紧凑 / 宽松 / 图片为主）
④ 行业洞察
Section titled “④ 行业洞察”作用：放最新的几篇高质量文章，建立”专业感”。
主题自动展示最新发布的 Article（按发布时间倒序）。
主题侧设置：
- 模块标题（如”行业洞察”、“最新动态”）
- 显示数量（3 / 4 / 6）
- 可选：限定分类（只显示某个分类下的文章，如”仅显示行业洞察分类”）
⑤ 客户案例
Section titled “⑤ 客户案例”作用：用客户背书提升信任。
两种常见做法：
A. Logo 墙（最常见）：
- 上传 6-12 个客户 logo
- 灰度统一处理（视觉协调）
- 横向滚动 / 平铺展示
B. 案例引用：
- 客户头像 + 姓名 + 公司
- 引用语（如”邦你 CMS 让我们的运营效率提升了 50%”）
- 可选：跳转到详细案例文章
⑥ CTA 区（号召行动）
Section titled “⑥ CTA 区（号召行动）”作用：访客读完所有信息后，引导他采取行动。
典型结构：
准备好开始了吗？
立即联系销售 下载产品资料[ 联系我们 →] [ 下载 PDF →]配置项：
- 大标题（“准备好开始了吗？”、“今天就开启你的多语言站点”）
- 主按钮（如”联系我们” → 跳到联系页面或弹询盘表单）
- 次按钮（如”下载资料” → 跳到对应下载）
模块的开 / 关 / 排序
Section titled “模块的开 / 关 / 排序”主题通常允许：
- ✅ 开关每个模块——不需要的直接关掉
- ✅ 拖拽排序——把客户案例放到精选产品前面
- ⚠️ 删除模块——通常不允许（主题预设的模块结构）
- ❌ 新增模块——需要主题开发者支持，或通过 插件挂载点
待补充截图 模块列表，每行有开关 + 拖拽手柄 + 「编辑」按钮
每种语言独立填写：
- Hero 主标题 / 副标题
- 价值主张的标题 / 描述
- 客户案例的引用语
- CTA 区的标题
全语言共享：
- Hero 背景图 / 视频
- 客户 logo 图片
- 显示数量等数字配置
改了之后立即生效
Section titled “改了之后立即生效”首页模块的设置保存即生效——访客硬刷新即可看到。
但首页通常有 SSR 缓存（视主题实现）——某些情况下可能 1-5 分钟才完全更新。如果着急可以让运维清缓存。
我能让首页显示某些固定的产品吗（不依赖”首页精选”）？
Section titled “我能让首页显示某些固定的产品吗（不依赖”首页精选”）？”取决于主题设计：
- 多数主题用”首页精选”机制（勾选 → 自动展示）
- 部分主题允许在首页设置里手动指定要展示的产品 ID
如果你的主题不支持手动指定，按”首页精选”机制走（详见 产品管理 - 首页精选）。
不同分类的产品能在首页分组展示吗（如”工业设备”和”金属加工”分两组）？
Section titled “不同分类的产品能在首页分组展示吗（如”工业设备”和”金属加工”分两组）？”取决于主题设计——多数主题不内置这个能力。
如果业务需要，可以：
- 让开发者改主题源码新增”按分类分组”的精选模块
- 通过插件实现（详见 主题与插件协作）
我能在首页加 YouTube / B 站视频吗？
Section titled “我能在首页加 YouTube / B 站视频吗？”可以，通过主题的”自定义模块”或自定义 HTML 区：
- 把 YouTube / B 站的嵌入代码（
<iframe>）粘到自定义 HTML 模块 - 视频会嵌入显示
不要直接把视频文件传到媒体库 → 这种做法服务器流量贵且不优化。
首页加载慢怎么办？
Section titled “首页加载慢怎么办？”最常见原因：
- Hero 大图过大（应 < 500 KB）
- 太多模块 + 每个模块都加载图片
- 第三方脚本太多（GA、客服、广告）
解决：
- 压缩 Hero 图（用 WebP、控制宽度 1920px 以内）
- 关掉不必要的模块
- 检查”自定义 JS”里的脚本，删除冗余的
详见 故障排查 章节（建设中）。
我能给不同来源的访客显示不同首页吗（如来自 Google 看 A 版、来自微信看 B 版）？
Section titled “我能给不同来源的访客显示不同首页吗（如来自 Google 看 A 版、来自微信看 B 版）？”当前不支持——一个站点同时只一个首页版本。
如果业务需要 A/B 测试：
- 通过 Google Optimize 等外部工具
- 或部署多套 BangNiCMS
- 主题与插件协作 — 用插件给首页加”非内置”模块
- 产品管理 - 首页精选 — 让产品出现在精选区
- 文章管理 — 文章自动出现在行业洞察区