Strapi 5 CMS
全局设置 — 无需动用代码,可视化运筹独立站形象
Strapi 内置的 Storefront Setting 控制中心让您能够自如掌控整座独立站的品牌调性,并实现与 Next.js 前台的毫秒级同步。
品牌视觉规范与导航配置
若需调整全站宏观视效与基础业务参数,请前往 Single Types 下的 Storefront Setting 界面。
- 金额智能进制转换 (convertToToman): 针对特定区域法币场景自动化匹配适宜展示单位。
- RTL 双向文本开关 (isRtl): 针对阿拉伯语、波斯语等右向书写文字一键激活全站镜像自适应。
- 动态视觉色彩 (Dynamic Styling): 在控制台自由调整品牌主色、字体族与社媒引流链接。
🌐 全站核心主导航栏规范 (Header Settings)
导航栏视觉流派 (headerStyle):
全屏模式

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

🎨 品牌主题色系配比 (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) 交互风格:
全屏模式

商品分类集合页 (PLP) 交互风格:
全屏模式

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

极简结账收银台视觉风格:
全屏模式

下单成功支付凭单页视觉风格:
全屏模式
👤 会员买家中心个人页面 (Account Pages)
快捷免密登录与注册页面风格:
全屏模式

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

🎛️ 全站公共 UI 组件属性 (Shared UI)
全站底层微纹理背景 (Global Background):
全屏模式

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

毫秒级实时同步:
借助自动化的 On-Demand 增量静态再生机制,后台对全局配置的任何修改均会即刻向全网访客生效。
模块化区块目录
查阅全部可用区块并探索丰富的版式排列方案。
