为网站的不同部分设置专属颜色
在主配色之外添加配色方案,并选择每个页面的哪些版块使用它们。
适合战队所有者和管理员 · 6 个步骤
准备工作
- 你的战队已订阅网站套餐,并已选好模板,详见选择模板和外观。
- 你是战队的所有者或管理员。
步骤
第 1 步:打开外观
在左侧菜单中点 模板,再点右上角的 外观。
你会看到:外观表单,旁边是你网站的实时预览。

第 2 步:添加配色方案
在配色方案下,点 添加浅色配色方案。你上面设置的颜色就是主配色,你最多还能再加三个配色方案。这个按钮会先提供浅色方案,然后是强调色带,之后是一份主配色的副本,方便你从它改起。
你会看到:一个新的配色方案,有名称、五种颜色和它自己的文字与底色,每项都和主配色一样显示可读性数值。只要你有了浅色方案,商店、商品和购物车页面就会马上改用它,网站其他部分仍使用主配色,除非你另行选择。

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

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

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

如何确认已成功
- 你选过的每个版块都在网站上以对应方案显示。
- 商店和购物车使用你的浅色方案,或你为它们选的方案。
看起来不对劲?
添加浅色配色方案按钮是灰色的
要先设置好主配色。主配色的五种颜色都必须是完整的颜色代码,比如 #0a0a0a:改好不完整的那个,添加浅色配色方案(或 添加配色方案)就能再点了。
我一添加方案,商店就变成浅色了
商店、商品和购物车页面默认使用你的浅色方案,方便顾客看清价格和购物车。如果想让它们保持主配色,在版块下把它们的行设为 主导航。
我删除了一个方案,它的版块会怎样?
这些版块会恢复默认:主配色,商店则使用你的浅色方案。不会删除任何内容。
我选了一个预设,我的方案就变了
每个预设都自带强调色带和浅色方案,会替换你原有的方案。使用了预设中没有的方案的版块会恢复默认。如果你想保留自己的颜色,到配色方案下重新设置即可。
列表里没有我想要的版块
列表只显示你的模板会显示的部分。有些模板会把页面上的几个部分合在一起显示,它们共用一行。
结账页面还是深色的
结账是 Fourthwall 自己的页面。它的颜色来自你在 Fourthwall 上的商店主题,详见开设战队商店。
相关文章
还是没解决?联系支持或发邮件至 support@spawnfront.com——告诉我们你所在的页面和步骤编号。