CMSCPAGE科技黑主题 v1.0.0
CMSCPAGE 科技黑主题
2026-07-01 更新日志
  • 提供黑色科技风首页与全站统一视觉体系
  • 支持首页 Hero、ABOUT US、动态栏目、轮播图、合作伙伴、品牌点阵等区块
  • 支持产品、新闻、案例、招聘、单页、表单等模板科技化
  • 支持后台配置主题主色、辅色、首页文案、效果模式、动态栏目与底部品牌文案
  • 支持首页动态栏目管理器,可选择 CMS 实际栏目并控制展示方式
  • 支持标准科技、增强科技、极致动效三档主题效果模式
CMSCPAGE科技黑主题

模块介绍

CMSCPAGE 科技黑主题是由 CPAGE 工作室出品的 ModStart CMS 主题模块,面向企业官网、产品官网、软件展示站、案例展示站等场景,提供统一的科技风视觉体系、首页动态栏目编排能力以及全站一致的内容模板风格。

核心特色

  • 黑色科技风视觉体系,适合产品官网、工作室官网、软件站点等

  • 首页固定架构与动态栏目区域结合,兼顾稳定性与灵活性

  • 首页栏目支持后台管理,可选择真实 CMS 栏目并控制显示顺序

  • 支持产品卡片、产品大图、新闻卡片、案例卡片、时间流、简洁列表等多种展示样式

  • 支持首页轮播图开关、合作伙伴开关、内页动态效果开关

  • 支持主题主色、辅色、首页文案、底部点阵文字等可视化配置

  • 内置标准科技、增强科技、极致动效三档全站效果模式[实验功能可能随时取消]

  • 产品、新闻、案例、招聘、默认列表、默认详情、单页、表单等模板统一科技化

  • 主题资源独立封装,样式与脚本使用模块资源发布方式加载

功能说明

1. 首页固定架构

首页采用固定区块结构:

  • 顶部展示区

  • ABOUT US 关于区

  • 动态栏目区域

  • 轮播图区域

  • 合作伙伴区域

  • 底部品牌点阵区域

其中顶部、关于区、轮播图、合作伙伴、底部品牌区保持主题一致结构,动态栏目区域则可由后台自由添加、删除和排序。

2. 动态栏目管理器

后台主题设置内置首页动态栏目管理器,支持:

  • 选择 CMS 实际存在的栏目

  • 启用或关闭单个栏目块

  • 设置展示样式

  • 设置显示数量

  • 设置是否仅显示推荐内容

  • 设置是否显示摘要

  • 设置是否显示更多按钮及按钮文案

保存后首页会自动按配置顺序输出栏目块。

3. 全站科技风模板

主题对以下页面类型提供统一风格:

  • 首页

  • 产品列表页 / 详情页

  • 新闻列表页 / 详情页

  • 案例列表页 / 详情页

  • 招聘列表页 / 详情页

  • 默认列表页 / 默认详情页

  • CMS 单页

  • CMS 表单页

即使新增普通栏目,也能自动继承主题的基础科技风样式。

4. 动态效果系统

主题提供全站动态效果系统:

  • 首页 Hero 粒子与光效

  • 首页分区过渡动画

  • 底部品牌点阵动画

  • 内页统一动态背景层

  • 卡片滚动 reveal 进入动画

  • 浮动操作按钮与主题增强切换

通过后台效果模式与内页动态开关可进行控制。

5. 后台主题配置

后台支持配置以下常用项目:

  • 主题主色

  • 主题辅色

  • 首页徽章文案

  • 首页按钮文案与链接

  • 滚动提示文案

  • 关于区英文标签

  • 首页轮播图开关

  • 首页合作伙伴开关

  • 内页动态效果开关

  • 主题效果模式

  • 底部点阵文字

  • 底部品牌副文案

使用建议

  • 建议先完成站点基础信息、关于我们、栏目与内容数据的录入

  • 再进入主题设置,配置首页动态栏目与首页展示文案

  • 产品、新闻、案例、招聘等栏目建议优先完善封面图、摘要、推荐状态等字段,以获得更好的展示效果

  • 对性能敏感的服务器可使用“标准科技”效果模式,以获得更稳的前台体验

适用场景

  • 工作室官网

  • 软件产品官网

  • SaaS 服务官网

  • 企业技术品牌官网

  • 案例展示站

  • 新闻资讯站

版权说明

本主题由 CPAGE 工作室出品。

  • 官网:https://www.cpage.cn

QQ
微信
客服