CMS 信息技术主题 v1.0.0
信创科技主题首次发布
2026-11-10 更新日志

内容介绍

信创科技主题是一套面向信创基础软件、数据库与云原生服务企业的科技蓝 CMS 主题。主色取信创蓝,首屏为深蓝全幅轮播,正文区块在白与浅蓝之间交替,页脚落在深灰,整体呈现稳定、克制、偏工程化的技术企业气质,适合强调自主可控与交付能力的品牌表达。

页面按企业官网的完整信息架构铺开:首页(轮播 / 优势卡片 / 产品能力 Tab / 解决方案 / 客户案例 / 行动条 / 数据统计 / 新闻中心)、产品中心、解决方案、客户案例、新闻中心、加入我们、服务支持、资质荣誉、合作伙伴计划、关于我们、联系我们与在线留言,模板按「列表 / 详情 / 单页 / 表单」四类场景拆分。导入自带演示数据后,站点即有 21 个栏目、38 条内容、19 条导航与 3 帧轮播,打开首页即可浏览完整站点。

产品介绍

适合信创基础软件、数据库与云原生等技术公司搭建品牌官网,尤其是需要「产品能力 + 解决方案 + 客户案例」三段式内容结构的产品型站点。

  • 开箱即用:导入演示数据即有 21 个栏目与 38 条内容,首页可直接浏览;
  • 结构完整:产品中心、解决方案、客户案例、新闻中心、招聘、服务支持、资质荣誉、合作伙伴计划齐备;
  • 能力展示:首页以产品能力 Tab 切换展示多条产品线,配合数据统计与行动条;
  • 信任要素:客户案例、资质荣誉与合作伙伴共同支撑技术型客户的选型判断;
  • 后台可配置:区块文案、图标、图片位与栏目标识都在主题配置中维护;
  • 响应式与动效:电脑与手机双端适配,配套滚动入场与卡片悬停动效。
CMS 信息技术主题

CMS 信息技术主题(CmsThemeCobalt)

面向 信创与数字化服务企业 的科技蓝 CMS 主题:深蓝全幅轮播首屏 + 信创蓝主色 + 深灰页脚,
覆盖企业官网常见的全部页面类型,安装后即为一个内容完整的行业站点。

模块介绍

面向信创基础软件、数据库与云原生服务企业的科技蓝 CMS 主题。主色取信创蓝 #1B6FD8,首屏为深蓝全幅轮播,正文区块在白与浅蓝之间交替,页脚落在深灰 #33373D,整体呈现稳定、克制、偏工程化的技术企业气质,适合强调自主可控与交付能力的品牌表达。

页面按企业官网的完整信息架构铺开:首页(轮播 / 优势卡片 / 产品能力 Tab / 解决方案 / 客户案例 / 行动条 / 数据统计 / 新闻中心)、产品中心、解决方案、客户案例、新闻中心、加入我们、服务支持、资质荣誉、合作伙伴计划、关于我们、联系我们与在线留言,模板按「列表 / 详情 / 单页 / 表单」四类场景拆分。导入自带演示数据后,站点即有 21 个栏目(11 个顶级栏目与 10 个子栏目)、38 条内容、19 条导航与 3 帧轮播,打开首页即可浏览完整站点;区块文案、图标、图片位与栏目标识都在后台主题配置中维护。

功能特性

视觉层解决「看得专业」,结构层解决「内容放得下」:首页是一条从轮播到新闻的完整叙事链路,内页共用横幅、左侧栏目导航、详情外壳与底部行动区,同一套文案配置即可支撑多栏目并行运营。

CMS 信息技术主题
    视觉风格
        深蓝全幅轮播首屏(轮播管理 Cms 位置,演示数据 3 帧)
        信创蓝主色与深灰页脚,白 / 浅蓝交替内容区块
        24×24 自绘线性 SVG 图标,不引入图标字体与外链
    首页
        首屏轮播
            轮播图、标题、说明与按钮取自轮播管理
            无轮播数据时回退为主题配置的首屏兜底文案
        优势卡片
            三张卡片,图标可选,数量可增删
        产品能力
            按产品中心子栏目生成切换 Tab
            每个 Tab 展示该子栏目首条内容的封面、摘要与详情入口
        解决方案与客户案例
            按栏目标识分别取 6 条方案卡与 4 条案例卡
        数据统计
            四组数值 / 单位 / 说明并列展示
        新闻中心
            公司新闻与媒体报道双栏并列,每栏 3 条
        中部行动条
            标题、描述与按钮,按钮链接可指向任意页面
    内页通用
        内页横幅
            栏目标题 + 副标题 + 面包屑
            优先读取栏目的横幅图或封面图
        左侧栏目导航
            自动读取当前顶级栏目的子栏目
            附服务热线与留言入口
        列表布局
            卡片网格、图文行与岗位表格三种
            超出一页显示分页控件
        详情页
            封面、参考价格、摘要与正文懒加载
            上一篇 / 下一篇与侧栏相关内容 5 条
        底部行动区
            统一行动区文案与「联系我们」按钮
    内容页面
        产品中心
            产品卡片列表与产品详情(相关产品侧栏)
        解决方案
            方案卡片列表与方案详情
        客户案例
            案例卡片列表与案例详情
        新闻中心
            公司新闻与媒体报道两个子栏目
            图文行列表,详情含标签与浏览量
        加入我们
            岗位表格(职位类型 / 招聘人数 / 发布时间 / 操作)
            小屏自动堆叠为卡片
        单页
            服务支持 / 资质荣誉 / 合作伙伴计划
            关于我们(配图 + 要点)与联系我们(联系卡片 + 留言表单)
        在线留言
            基于客户咨询模块 CmsBook 的独立表单页
        站内搜索与标签
            卡片网格并标注内容类型,空状态文案独立配置
    后台配置
        首页全部区块文案与栏目标识绑定
        页脚链接分组、友情链接与版权说明
        联系方式、企业信息与客服 / 公众号二维码
        图片位:关于我们配图、两个二维码
    响应式
        PC / 平板 / 手机自适应(1180 / 1024 / 860 / 720 断点)
        滚动入场、卡片悬停与首屏轮播动效
        prefers-reduced-motion 无障碍降级

主题特性

CMS 信息技术主题
├── 视觉风格
│   ├── 深蓝全幅轮播首屏(3 帧演示轮播,可后台替换)
│   ├── 信创蓝主色(#1B6FD8)与深灰页脚(#33373D)
│   ├── 白 / 浅蓝交替的内容区块,主色强调的图标底与侧栏
│   └── 40 个 24×24 自绘线性 SVG 图标(不使用第三方图标字体)
├── 页面结构
│   ├── 首页(轮播 / 三张优势卡片 / 产品能力 Tab / 解决方案 / 客户案例 / 行动条 / 数据统计 / 新闻中心)
│   ├── 产品中心列表与详情(支持参考价格)
│   ├── 解决方案列表与详情
│   ├── 客户案例列表与详情
│   ├── 新闻中心列表与详情(公司新闻 / 媒体报道两个子栏目)
│   ├── 加入我们(岗位列表与详情)
│   └── 单页(服务支持 / 资质荣誉 / 合作伙伴计划 / 关于我们 / 联系我们)与在线留言(客户咨询 CmsBook)
├── 页面功能
│   ├── 深色内页横幅(栏目标题 + 副标题 + 面包屑,读取栏目横幅图)
│   ├── 左侧栏目导航(自动读取子栏目,附服务热线与留言入口)
│   ├── 列表页卡片网格 / 图文行两种布局 + 分页(新闻每页 6 条,演示数据可见分页控件)
│   ├── 详情页封面 + 参考价格 + 正文 + 上一篇 / 下一篇 + 侧栏相关内容
│   ├── 站内搜索(头部搜索按钮展开搜索面板,手机端抽屉内搜索框)与标签页
│   └── 悬浮工具条(客服二维码 / 服务热线 / 联系我们 / 回到顶部,小屏自动隐藏)
├── 后台配置
│   ├── 首页全部文案与卡片(轮播兜底文案 / 优势卡片 / 产品能力 / 解决方案 / 案例 / 统计 / 行动条 / 新闻 / 页脚)
│   ├── 联系方式与企业信息(公司名称 / 地址 / 电话 / 手机 / 邮箱 / QQ / 微信 / 工作时间 / 二维码)
│   └── 图片位(关于我们配图、两个二维码)可直接上传替换
├── 响应式设计
│   ├── PC / 平板 / 手机自适应(1180 / 1024 / 860 / 720 四档断点)
│   ├── 滚动入场、卡片悬停、首屏轮播与悬浮工具动效
│   └── 支持 prefers-reduced-motion 无障碍降级
└── 预定义演示数据
    └── 一键导入栏目、内容、导航、轮播与主题配置,安装后即为完整的企业站点

页面清单

页面说明
首页全幅轮播首屏、三张优势卡片、产品能力 Tab、解决方案、客户案例、行动条、数据统计、新闻中心
产品中心产品卡片列表(含参考价格)与产品详情(图文正文 + 相关产品 + 咨询入口)
解决方案方案卡片列表与方案详情(含四个子方案栏目)
客户案例案例卡片列表与案例详情(含上下篇导航)
新闻中心图文行列表与详情(含标签、浏览量、上下篇导航),分「公司新闻 / 媒体报道」两个子栏目
加入我们岗位表格(职位类型 / 招聘人数 / 发布时间 / 操作,小屏自动堆叠为卡片)与岗位详情
服务支持 / 资质荣誉 / 合作伙伴计划单页内容 + 统一行动区
关于我们 / 联系我们单页内容 + 联系方式卡片 + 在线留言表单
在线留言独立留言页(客户咨询模块 CmsBook)
站内搜索头部搜索入口 + 结果网格(卡片标注内容类型)+ 分页
标签通用内容网格 + 分页(独立空状态文案)

使用场景

  • 信创基础软件、数据库、云原生等技术公司的品牌官网
  • 需要「产品能力 + 解决方案 + 客户案例」三段式内容结构的产品型站点
  • 需要「新闻中心 + 招聘 + 服务支持」等完整栏目体系的企业官网
  • 希望开箱即用(含预定义演示数据与整套原创配图)并可在后台自定义全部文案的站点

安装说明

  1. 安装模块后,在「功能设置 → 模板设置 → 信息技术主题配置」中按需修改首页各区块文案、页脚链接分组与联系方式;
  2. 在「网站设置 → 网站主题」中选择「CMS 信息技术主题」;
  3. 在后台「CMS管理 → 备份恢复 → 数据库恢复」中导入本主题自带的初始化数据(Backup/init_data.json),导入后栏目、内容、导航、轮播与主题配置自动生成,网站主题也会自动切到本主题;
  4. 首页「产品能力 / 解决方案 / 客户案例 / 新闻中心」区块按栏目标识(url)取数,

默认分别为 product、solution、cases、news-company、news-media,可在主题配置中按实际栏目调整;留空即不显示该区块;

  1. 首屏轮播使用「轮播管理」中位置为 Cms 的数据(演示数据已预置 3 帧),轮播为空时自动回退到主题配置中的首屏兜底文案;

头部搜索按钮提交到 CMS 自带的站内搜索(/search),无需额外配置;

  1. 建议同时安装「客户咨询(CmsBook)」模块以启用在线留言功能;
  2. 导入演示数据后建议在后台执行一次「清除缓存」,让栏目与模型配置立即生效。

后台菜单

  • 功能设置
  • 功能设置 → 模板设置
  • 功能设置 → 模板设置 → 信息技术主题配置

兼容性说明

本主题已适配 CMS 的「列表 + 详情」「单页」「表单」三种栏目模式,所有栏目与模型使用的模板名均为
CMS 自带模板(news / cases / product / job / default),
因此在切换其它网站主题时页面仍可正常渲染,不会出现模板缺失。

QQ
微信
客服