为网站的不同部分设置专属颜色

在主配色之外添加配色方案,并选择每个页面的哪些版块使用它们。

适合战队所有者和管理员 · 6 个步骤

准备工作

  • 你的战队已订阅网站套餐,并已选好模板,详见选择模板和外观。
  • 你是战队的所有者或管理员。

步骤

  1. 第 1 步:打开外观

    在左侧菜单中点 模板,再点右上角的 外观。

    你会看到:外观表单,旁边是你网站的实时预览。

    模板页面,外观链接已框出。
  2. 第 2 步:添加配色方案

    在配色方案下,点 添加浅色配色方案。你上面设置的颜色就是主配色,你最多还能再加三个配色方案。这个按钮会先提供浅色方案,然后是强调色带,之后是一份主配色的副本,方便你从它改起。

    你会看到:一个新的配色方案,有名称、五种颜色和它自己的文字与底色,每项都和主配色一样显示可读性数值。只要你有了浅色方案,商店、商品和购物车页面就会马上改用它,网站其他部分仍使用主配色,除非你另行选择。

    新浅色方案的名称和删除方案按钮,已框出。
  3. 第 3 步:设置方案的颜色

    给方案输入一个名称,然后像修改主配色那样修改它的任意颜色。每种用于文字的颜色都会显示类似 7.2:1 · 易读 的数值;低于最低标准时,会显示访客实际看到的色值,并提供 调整为易读。

    你会看到:下方每个版块的菜单中都出现了这个方案的名称。

    某个方案的背景颜色字段,已框出。
  4. 第 4 步:为版块选择配色方案

    在版块下,找到你想修改的网站部分(按页面列出,从所有页面(导航栏和页脚)到首页、商店等),在它的菜单中选一个配色方案。默认会使用主配色,商店、商品和购物车则使用你的浅色方案。你也可以点击实时预览中的某个部分,直接找到它对应的行。

    你会看到:实时预览切换到对应页面,该部分被框出,并以你选的方案显示。

    版块列表,数据看板行的方案菜单已框出。
  5. 第 5 步:保存

    点表单底部的 保存。

    你会看到:“外观已保存”。访客还看不到这些更改,保存的内容会留在草稿中,直到你发布。

    外观表单底部,保存按钮已框出。
  6. 第 6 步:发布网站

    点左侧菜单中的 发布 并发布,详见发布网站。

    你会看到:更改列表中出现外观,发布后各版块以对应方案显示。

如何确认已成功

  • 你选过的每个版块都在网站上以对应方案显示。
  • 商店和购物车使用你的浅色方案,或你为它们选的方案。

看起来不对劲?

添加浅色配色方案按钮是灰色的

要先设置好主配色。主配色的五种颜色都必须是完整的颜色代码,比如 #0a0a0a:改好不完整的那个,添加浅色配色方案(或 添加配色方案)就能再点了。

我一添加方案,商店就变成浅色了

商店、商品和购物车页面默认使用你的浅色方案,方便顾客看清价格和购物车。如果想让它们保持主配色,在版块下把它们的行设为 主导航。

我删除了一个方案,它的版块会怎样?

这些版块会恢复默认:主配色,商店则使用你的浅色方案。不会删除任何内容。

我选了一个预设,我的方案就变了

每个预设都自带强调色带和浅色方案,会替换你原有的方案。使用了预设中没有的方案的版块会恢复默认。如果你想保留自己的颜色,到配色方案下重新设置即可。

列表里没有我想要的版块

列表只显示你的模板会显示的部分。有些模板会把页面上的几个部分合在一起显示,它们共用一行。

结账页面还是深色的

结账是 Fourthwall 自己的页面。它的颜色来自你在 Fourthwall 上的商店主题,详见开设战队商店。

相关文章

还是没解决?联系支持或发邮件至 support@spawnfront.com——告诉我们你所在的页面和步骤编号。