CMS 网络安全主题 v1.0.0
网络安全主题首次发布
2026-11-10 更新日志

内容介绍

网络安全主题是一套面向网络安全、数据安全与等保合规服务商的深色科技 CMS 主题。深紫黑底配荧光绿主色与青色小面积强调,所有图形(含 20 张封面)均为自绘 SVG 与 CSS,不依赖位图素材、第三方 UI 库与图标字体。

主题覆盖首页(首屏安全态势看板、威胁现状、平台能力、核心能力、行业方案、客户评价、服务方案、安全资讯、常见问题、行动区)、安全服务与行业方案的列表与详情、安全资讯的列表与详情、关于我们、联系我们、在线留言以及站内搜索与标签页。Backup/init_data.json 预置 6 个栏目、20 条演示内容与完整主题配置,导入后即可对外演示或直接运营。

产品介绍

适合网络安全、数据安全、等保合规与安全运营服务商搭建营销型官网,尤其适合需要用「服务 + 行业方案 + 资讯」三层内容承接询盘的团队。

  • 开箱即用:安装并导入初始化数据,即得到栏目、内容、导航与主题配置齐全的演示站点;
  • 深色安全调性:深紫黑底 + 荧光绿主色,首屏态势看板由 HTML/CSS 绘制,不引入任何外部资源;
  • 内容三层结构:安全服务、行业方案各自列表与详情,安全资讯支撑长期内容运营;
  • 后台可配置:首页各区块文案与卡片、能力条目、客户评价、服务方案、常见问题、企业信息与联系方式、页脚导航分组均可后台维护;
  • 转化入口齐全:在线留言与「免费安全体检」行动区承接询价,表单依赖客户咨询模块(CmsBook);
  • 响应式与动效:电脑与手机双端适配,配套滚动入场与卡片悬停动效。
CMS 网络安全主题

CMS 网络安全主题(CmsThemeAegis)

模块介绍

面向 网络安全、数据安全与等保合规服务商 的深色科技 CMS 主题:深紫黑底 + 荧光绿主色 + 青色小面积强调,
所有图形(含 20 张封面)均为自绘 SVG / CSS,无位图素材、无第三方 UI 库与图标字体。

主题覆盖首页(首屏安全态势看板、威胁现状、平台能力、核心能力、行业方案、客户评价、服务方案、安全资讯、常见问题、行动区)、安全服务与行业方案的列表 / 详情、安全资讯的列表 / 详情、关于我们、联系我们、在线留言以及站内搜索与标签页;
Backup/init_data.json 预置 6 个栏目、20 条演示内容(安全服务 6 条、行业方案 6 条、安全资讯 6 条、单页 2 条)与完整主题配置,导入后即是一套可对外演示与直接运营的安全服务站点。

功能特性

主题的页面与区块按下图组织,首页各区块、内容页面与通用组件的文案、卡片、联系方式均由后台配置项驱动,无需改动模板:

Aegis 网络安全主题
    视觉与图形
        深紫黑底 + 荧光绿主色 + 青色小面积强调
        首屏安全态势看板由 HTML/CSS 绘制,无位图
        20 张自绘 SVG 封面(雷达 / 盾牌 / 网络拓扑 / 柱状 / 加密锁 / 同心弧)
        40 个自绘线性 SVG 图标,不引入图标字体与外部 CDN
    首页
        首屏
            小标签 / 主副标题 / 荧光绿高亮行
            双按钮(预约安全评估 / 了解安全服务)
            三项数据指标与办公地址
            安全态势看板(进行中威胁 / 本周拦截 / 拦截量柱状 / 最近事件流)
        威胁现状
            标题与描述 + 3 条图标卡片
        平台能力
            4 项能力(AI 威胁检测 / 自动化响应 / 7×24 监测 / 零信任)
        核心能力
            6 张能力卡片(图标 / 标题 / 描述)
        行业方案
            6 个行业卡片 + 「查看全部行业方案」入口
        客户评价
            3 条评价(引语 / 姓名 / 职务 / 五星与成效指标)
        服务方案
            3 档方案(价格 / 计价单位 / 推荐角标 / 功能清单 / 按钮)
        安全资讯
            读取安全资讯栏目最新 6 条,栏目地址可配
        常见问题
            5 条问答,手风琴单一展开
        行动区
            标题 / 描述 / 双按钮 / 补充说明
    内容页面
        安全服务
            卡片列表 + 分页
            详情(封面 / 摘要 / 正文 / 上下篇 / 侧栏相关服务与咨询卡)
        行业方案
            列表与详情
        安全资讯
            封面卡片列表 + 分页
            详情(日期 / 标签 / 上下篇)
        关于我们
            使命 / 四项企业数据 / 四项价值观
        联系我们 / 在线留言
            邮箱 / 热线 / 地址卡片 + 在线咨询表单
        站内搜索与标签页
            内容网格 + 分页 + 「无关键词」「无结果」两种空状态
    通用组件
        顶部导航(动态栏目 + 二级菜单 + 手机抽屉 + 在线留言 / 免费试用入口)
        内页横幅(标题高亮 + 副标题 + 面包屑)
        悬浮工具条(客服二维码 / 咨询热线 / 回到顶部)
    后台配置
        首页全部文案与卡片,逐区块结构化编辑
        企业信息与联系方式(公司名 / 电话 / 手机 / 邮箱 / 地址 / 工作时间 / QQ / 微信 / 二维码)
        详情页文案(相关内容标题 / 上下篇 / 咨询卡)
        页脚导航分组与版权备案信息
    体验
        PC / 手机自适应
        滚动入场、卡片悬停与看板状态动效,支持 prefers-reduced-motion 降级
    演示数据
        一键导入 6 个栏目、20 条内容与主题配置

主题特性

CMS 网络安全主题
├── 视觉风格
│   ├── 深紫黑底 + 荧光绿主色 + 青色强调(唯一品牌色相,正文与深底文字对比度均达标)
│   ├── 首屏「安全态势看板」由 HTML/CSS 绘制(指标 / 柱状图 / 事件流,无位图)
│   ├── 20 张自绘 SVG 封面图形(雷达 / 盾牌 / 网络拓扑 / 柱状 / 加密锁 / 同心弧)
│   └── 40 个自绘线性 SVG 图标(不使用图标字体,不引入外部 CDN)
├── 页面结构
│   ├── 首页(首屏 / 威胁现状 / 平台能力 / 核心能力 / 行业方案 / 客户评价 / 服务方案 / 安全资讯 / 常见问题 / 行动区)
│   ├── 安全服务列表与详情
│   ├── 行业方案列表与详情
│   ├── 安全资讯列表与详情(封面卡片 + 分页)
│   ├── 关于我们(使命 / 企业数据 / 价值观)
│   ├── 联系我们(联系卡片 + 在线咨询表单)
│   └── 在线留言、站内搜索、标签页
├── 页面功能
│   ├── 顶部导航(动态栏目导航 + 二级菜单 + 手机端抽屉导航)
│   ├── 内页横幅(标题高亮 + 副标题 + 面包屑)
│   ├── 列表页卡片栅格 + 分页;详情页封面 + 摘要 + 正文 + 上下篇 + 侧栏相关内容与咨询卡
│   ├── 滚动入场、卡片悬停与看板状态动效,支持 prefers-reduced-motion 降级
│   └── 悬浮工具条(客服二维码 / 咨询热线 / 回到顶部)
├── 后台配置
│   ├── 首页全部文案与卡片(首屏 / 看板 / 各内容区块 / 行动区)
│   ├── 企业信息与联系方式(公司名 / 电话 / 手机 / 邮箱 / 地址 / 工作时间 / QQ / 微信 / 二维码)
│   └── 页脚导航分组与版权备案信息
└── 预定义演示数据
    └── 一键导入栏目、内容、导航与主题配置,安装后即为完整的安全服务站点

页面清单

页面说明
首页首屏与安全态势看板、威胁现状、平台能力、核心能力、行业方案、客户评价、服务方案、安全资讯、常见问题、行动号召
安全服务服务卡片列表 + 服务详情(能力说明 + 侧栏相关服务 + 咨询入口)
行业方案行业卡片列表 + 方案详情
安全资讯封面卡片列表 + 分页 + 资讯详情(日期 / 标签 / 上下篇)
关于我们使命介绍 + 四项企业数据 + 四项价值观
联系我们邮箱 / 热线 / 地址卡片 + 在线咨询表单(客户咨询模块)
在线留言联系信息 + 留言表单
站内搜索 / 标签内容网格 + 分页,区分「无关键词」「无结果」两种空状态

使用场景

  • 网络安全、数据安全、等保合规与安全运营服务商官网
  • 需要「安全服务 + 行业方案 + 安全资讯」内容结构的营销型站点
  • 偏好深色科技风格、希望开箱即用(含演示数据)的 CMS 站点

安装说明

  1. 安装并启用「CMS 网络安全主题」模块;
  2. 进入后台「CMS 管理 → 备份恢复 → 数据库恢复」,导入本主题的初始化数据(Backup/init_data.json);
  3. 导入完成后站点「网站主题」会自动切换为本主题,前台即为完整的安全服务站点;
  4. 进入「功能设置 → 模板设置 → 网络安全主题配置」,按需替换公司信息与联系方式。
初始化数据为覆盖式导入(等同后台数据库恢复),建议在空站或已备份站点上操作。

后台菜单

  • 功能设置
  • 功能设置 → 模板设置
  • 功能设置 → 模板设置 → 网络安全主题配置
QQ
微信
客服