文档中心管理中台指南在 Strapi 中全方位掌控品牌视觉与站点配置
Strapi 5 CMS

全局设置 — 无需动用代码,可视化运筹独立站形象

Strapi 内置的 Storefront Setting 控制中心让您能够自如掌控整座独立站的品牌调性,并实现与 Next.js 前台的毫秒级同步。

品牌视觉规范与导航配置

若需调整全站宏观视效与基础业务参数,请前往 Single Types 下的 Storefront Setting 界面。

  • 金额智能进制转换 (convertToToman): 针对特定区域法币场景自动化匹配适宜展示单位。
  • RTL 双向文本开关 (isRtl): 针对阿拉伯语、波斯语等右向书写文字一键激活全站镜像自适应。
  • 动态视觉色彩 (Dynamic Styling): 在控制台自由调整品牌主色、字体族与社媒引流链接。

🌐 全站核心主导航栏规范 (Header Settings)

导航栏视觉流派 (headerStyle):

全屏模式
实时预览 style-1

🧩 栏目小标题视觉排版样式 (Section Headers)

全屏模式
实时预览 style-1

🎨 品牌主题色系配比 (Theme Palettes)

视觉对比度设计建议:

为保障在烈日强光或弱光下的文本易读性,建议主文字与底色保持足够的明度对比反差。

  • 无缝支持在浅色与深色模式下自如切换。
  • 全套 CSS 变量体系自动渗透作用于全站全部按钮与交互元素。
  • 推荐在本地开发沙箱中预览实际渲染质感后再同步发布至生产环境。

浅色明亮调色盘 (Light Mode):

默认浅色雅灰 (Slate)hsl(0 0% 100%)
背景底色
#FFFFFF
主品牌色
#171717
辅助色彩
#F5F5F5
强调点缀
#F5F5F5

深色极客调色盘 (Dark Mode):

默认深色玄武 (Zinc)hsl(0 0% 3.9%)
背景底色
#0A0A0A
主品牌色
#FAFAFA
辅助色彩
#262626
强调点缀
#262626

📄 二级内页通用视觉版式 (Inner Pages)

商品详情页 (PDP) 交互风格:

全屏模式
实时预览 style-1

商品分类集合页 (PLP) 交互风格:

全屏模式
实时预览 style-1

侧边抽屉/购物车全屏页交互风格:

全屏模式
实时预览 style-1

极简结账收银台视觉风格:

全屏模式
实时预览 style-1

下单成功支付凭单页视觉风格:

全屏模式

👤 会员买家中心个人页面 (Account Pages)

快捷免密登录与注册页面风格:

全屏模式
实时预览 style-1

个人基本资料与收货地址维护页风格:

全屏模式
实时预览 style-1

🎛️ 全站公共 UI 组件属性 (Shared UI)

全站底层微纹理背景 (Global Background):

全屏模式
实时预览 grid

移动端专属底部便捷快捷栏 (Mobile Bottom Navigation):

全屏模式
实时预览 style-1
毫秒级实时同步:
借助自动化的 On-Demand 增量静态再生机制,后台对全局配置的任何修改均会即刻向全网访客生效。

模块化区块目录

查阅全部可用区块并探索丰富的版式排列方案。

查看区块目录