跳到主要内容

首页必备模块

💡 本篇你将完成:首页第一轮必须改的模块。先让网站像一个能用的网站,再慢慢做精细设计。预计 15 分钟。

开始改首页前,先确认你已经有:

  • 3 到 4 个产品类别。
  • 每个分类至少 2 个产品。
  • 3 篇基础文章。

如果还没有,先回到 快速上手,按顺序补内容。

先检查默认首页,前台正常后再改模块

默认模板通常已经有 Header、Carousel、Category Showcase、Featured Product List、Featured News List、Footer 等模块。

如果这些模块已经在首页上,第一轮先改文字、图片、链接和数据,不要全部删掉重建。

如果首页是空白或 404,不要继续改模块。先回到 新建站点,检查主题是否创建成功、是否启用、是否选择了首页。

先找到操作入口

操作路径: AllinCMS 工作台站点列表 → 目标站点 → 进入后台 → 主题 → 当前主题页面 → Home 或目标页面

1进入目标站点后台找到要编辑的网站,点击“进入后台”
AllinCMS 工作台站点列表 - 站点卡片中的进入后台按钮被红框标出
2进入“主题”,点击“页面”在当前启用的主题卡片中点击“页面”
AllinCMS 网站后台主题列表 - 左侧主题入口和启用主题卡片中的页面按钮被红框标出
3找到 Home 或目标页面在当前主题的页面列表中找到 Home 或要修改的页面
AllinCMS 网站后台主题页面列表 - 左侧主题菜单和 Home、产品、文章等目标页面可见

首页推荐顺序

1顶部菜单 Header
2下拉菜单 Dropdown
3Banner 轮播 Carousel
4产品类别 Category Showcase
5推荐产品 Featured Product List
6文章推荐 Featured News List
7底部菜单 Footer

一、顶部菜单 Header

顶部菜单先保持简单。新站常见顺序:

Home -> Products -> News / Blog -> About Us -> Contact Us

先检查这些链接能不能点开。能点开,再改菜单文字;点不开,先改链接

相关文档:

成功就停

顶部菜单能点到正确页面,就不要继续折腾复杂样式。先做下一步。

二、下拉菜单 Dropdown

如果产品分类或公司页面比较多,可以把它们放到下拉菜单里。

常见做法:

Products
- Wireless Earphones
- Bluetooth Speakers
- Smart Watches

分类链接不要手写猜地址,去前台 /products 点击分类后复制真实链接。

详细操作看 子菜单和下拉菜单

Banner 轮播也叫 Hero Banner,后台模块名通常是 Carousel (Campaign)。它是客户打开网站第一眼看到的内容。

如果首页已经有轮播模块,第一轮先改文字、图片和按钮链接,不要删除重建。没有轮播模块时,再按下面方式添加。

添加轮播图模块

添加方式有两种:

  • 推荐方式:在 AI 对话输入 在顶部菜单下方添加一个轮播图模块。
  • 手动方式:在左侧模块列表中找到 All Sections / Campaigns -> Carousel (Campaign),拖拽到页面中。

AllinCMS 网站后台添加轮播图模块 - 在左侧 Campaigns 中找到 Carousel Campaign,或通过 AI 对话在顶部菜单下方添加轮播图模块

关闭图片蒙版

如果轮播图片上有一层灰色遮罩,选中 Carousel (Campaign) 后,在右侧属性里关闭 Show Image Mask 开关。也可以直接对 AI 说:关闭轮播图的蒙版

蒙版不是一定要关闭

关闭蒙版会让图片更亮,但也可能导致上面的白色文字看不清。背景图偏深、文字清楚时可以关闭;背景图偏亮时建议保留蒙版。

AllinCMS 网站后台轮播图关闭图片蒙版 - 在右侧属性中关闭 Show Image Mask 开关,避免图片被灰色遮罩压暗

修改和新增轮播内容

选中 Carousel (Campaign) 后,在右侧 Props 中修改当前轮播项。第一轮重点改:

  • TitleDescription:说清楚你卖什么、适合谁。
  • Image:上传自己的横向 Banner 图。
  • Primary Label / Primary Target:主按钮文字和跳转链接。
  • Secondary Label / Secondary Target:副按钮文字和跳转链接,可按需要保留或删除。

如果要新增轮播图,在右侧 Props 拉到最下方,点击 + Add service item,再上传轮播图片并编辑文字。

AllinCMS 网站后台新增轮播内容 - 在 Carousel Campaign 的右侧 Props 底部点击 Add service item,新增轮播图片和文字内容

Banner 第一轮先改 3 件事:

  1. 标题:说清楚你卖什么。
  2. 副标题:一句话说明优势或应用场景。
  3. 按钮:链接到产品页或联系页

示例:

标题:Custom Bluetooth Audio Products
副标题:OEM earphones and speakers for global brands.
按钮:View Products
链接:/products

Banner 图片建议用横图,不要太大。上传前先看 图片规范,新手不知道尺寸时可以按文档里的方法截图测量。

Banner 不要写空话

不要只写 WelcomeBest Service。客户看完第一屏,应该知道你卖什么。

四、产品类别 Category Showcase

产品类别模块让客户先按分类浏览。适合放在 Banner 后面。

设置前要先完成 产品分类

第一轮只展示 3 到 4 个主要类别,不要把所有细分类都放出来。

检查重点:

  • 分类名称是不是自己的产品分类。
  • 分类图片是否清晰,尺寸是否按 图片规范 准备。
  • 点击分类后能进入正确产品列表。

推荐产品模块展示重点产品。适合放在产品类别后面。

设置重点:

  • 每个分类至少有 2 个产品。
  • 推荐产品不是模板测试产品。
  • 产品模块的 Detail Page 选择 /products
  • 点击产品后能进入详情页。

想让重点产品靠前,看 首页推荐产品

详细设置看 产品模块

文章推荐模块用于展示新闻、博客、案例或知识内容。

第一轮先放 3 篇文章即可:

  • 一篇公司介绍或工厂能力。
  • 一篇产品知识。
  • 一篇案例或应用场景。

设置时,文章详情页通常选择:

/posts

如果文章模块点击后 404,优先检查详情页是否选对。

底部菜单通常放这些内容:

  • 公司名称和一句简介。
  • 产品分类入口。
  • About Us / Contact Us。
  • 邮箱、电话、社媒链接。
  • 版权信息。

电话和邮箱建议设置成可点击链接,看 网站联系方式设置

底部也要认真改。 很多客户会直接拉到底部找邮箱、电话和公司信息,底部不是可有可无。

首页第一轮验收

做到下面这些,就可以进入下一步:

  • 顶部菜单能点击。
  • 下拉菜单链接正确。
  • Banner 文案不是模板默认文案。
  • 产品类别能进入分类页。
  • 推荐产品能进入详情页。
  • 文章能进入详情页。
  • 底部联系方式是真实信息。
通过后再做进阶模块

上面 7 项都通过,再去做 Cases、图片画廊、视频模块、弹窗表单。基础没跑通前,不要急着加复杂模块。

接下来

📌 新建页面 —— 基础首页跑通后,再新增 Cases、OEM、Services 等页面。