跳到主要内容

整体背景色和主题色

💡 本篇适合放在基础内容完成以后再看。背景色不是第一轮建站必做项,先保证产品、文章、菜单和联系入口都能正常使用,再统一调整网站视觉风格。

什么时候再改背景色

满足下面条件后,再来调整色调:

  • 首页文字、图片和按钮已经不是模板默认内容。
  • 产品分类、产品详情、文章详情都能正常打开。
  • 顶部菜单和底部菜单链接已经检查过。
  • 表单通知邮箱和联系方式已经确认正确。

如果这些还没完成,先回到 首页必备模块,不要先纠结颜色。

先记住这一句

网站只能改整体背景色调和整站主题风格,不能单独把某一个模块改成另一种底色。改完以后一定要 Preview 检查,再点 Publish 发布,前台网站才会更新。

先找到操作入口

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

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

进入目标页面设计器后,再选择下面任意一种方式调整。

方法一:直接让 AI 改

在页面底部 AI 对话框里说清楚你想要的色调。不要只说“改好看点”,要给它一个明确方向,例如:

帮我背景色改成暖色系
帮我把网站整体色调改成浅灰商务风
帮我把背景改成干净的奶油白色

AI 改完后,先点 Preview 看前台效果。确认文字能看清、产品图不发灰、按钮明显后,再点 Publish

方法二:在 Theme 里选择现成主题

选中页面后,在右侧切到 Theme,然后在 Themes 里选择已经设置好的背景主题。新手建议先切换几个主题预览,选一个和产品图片、文字对比最舒服的。

AllinCMS 网站后台通过 AI 对话修改网站整体背景色 - 在对话框输入具体色调后提交
AI 修改色调直接说明暖色、浅灰、商务感等整体风格。
AllinCMS 网站后台 Theme 面板选择背景主题 - 在右侧 Theme 的 Themes 列表中切换预设主题
Theme 预设右侧 Theme 里选择现成主题,再预览和发布。

改完检查什么

发布前至少检查 4 件事:

检查项怎么判断
文字清楚Banner、按钮、标题在新背景上能看清
产品图片正常产品图没有因为背景或蒙版显得太灰、太脏
按钮明显Get a QuoteContact Us 等按钮不被背景淹没
手机端正常切到手机预览,确认背景和文字没有挤在一起

颜色是加分项,不是建站主流程。 如果改完颜色反而让文字难读,就先回到默认主题,把内容完整度放在第一位。

接下来

📌 进阶页面 —— 基础内容完成后,再逐步加 Cases、画廊、视频和弹窗。