CMS摄影影像工作室主题 v1.0.0
摄影影像工作室主题首次发布
2026-11-10 更新日志

内容介绍

摄影影像工作室主题为摄影工作室、婚纱婚拍团队、人像写真馆与影像品牌打造。奶油纸面配暖金强调,白框照片与衬线标题把「作品、服务、团队、口碑与预约入口」一次讲清。

页面覆盖首页、服务、作品、团队、客户评价与预约咨询:作品墙四列错落排版,图内白底标题条悬停换金底;服务项目由 CMS 栏目维护,四列卡片悬停给出遮罩与圆形链接;作品详情带上下篇与侧栏,可长期累积作品。

产品介绍

适合婚纱婚拍、人像写真、家庭与儿童摄影工作室搭建官方站点,以及以客片说话的影像团队。

  • 开箱即用:安装并导入初始化数据,即得到作品、服务、团队、评价与预约齐全的站点;
  • 看片转化路径:作品墙 → 服务 → 团队 → 客户评价 → 预约,构成一条完整的浏览顺序;
  • 作品可累积:作品分栏目长期沉淀,详情带上下篇与侧栏,越拍越有内容;
  • 服务讲流程:服务项目说明拍摄内容与交付方式,详情页承接说明与注意事项;
  • 团队与口碑:团队成员与客户评价并列,先看人再看评价;
  • 预约可沉淀:预约咨询表单依赖客户咨询模块(CmsBook),档期需求统一进入后台;
  • 响应式与动效:电脑与手机双端适配,配套滚动入场与卡片悬停动效。
CMS摄影影像工作室主题

CMS 摄影影像工作室主题(CmsThemeLumina)

模块介绍

为摄影工作室、婚纱婚拍团队、人像写真馆与影像品牌打造的企业官网主题。奶油纸面配暖金强调,
白框照片与衬线标题把「作品、服务、团队、口碑与预约入口」一次讲清。

主题以作品为核心组织页面:首页用四张白框照片拼出首屏,依次展示简介、数据、服务、作品墙、团队与客户评价;
服务项目、作品案例、团队、客户评价、摄影笔记各自独立成栏目,列表与详情版式由栏目模型自动匹配;
预约表单统一接入「客户咨询」模块,联系页、页脚与侧栏三个入口共用一个表单,线索集中进入后台。

功能特性

首页区块、栏目取数与转化入口均可在后台配置,功能范围如下:

摄影影像工作室官网
    首页
        首屏照片拼图(4 张白框照片 + 小标题 / 主标题 / 副标题 + 主次按钮,可配置)
        关于我们(双图交错 + 要点清单 + 角标数据 + 更多入口)
        数据条(数值 + 说明,条目可增删)
        服务项目(按栏目标识取数,四列白卡错位排布,hover 出现遮罩与圆形链接)
        作品案例(四列错落作品墙,图内白底标题条,hover 换金底)
        团队(图片与文案左右镜像,图片内缘留白,金色描边社交圆标)
        客户评价轮播(桌面三卡 / 平板两卡 / 手机单卡,居中卡金底高亮)
        页脚(简介、导航分组、联系方式、友情链接、版权)
    栏目页面
        关于我们(单页图文 + 数据条 + 团队)
        服务项目(四列服务卡片列表 + 详情)
        作品案例(四列作品墙 + 详情,含上一篇 / 下一篇与侧栏)
        团队(两列交错人像列表 + 详情)
        客户评价(评价卡片列表 + 详情)
        摄影笔记(三列卡片列表 + 详情,带侧栏)
        联系我们(联系方式 + 在线预约表单)
        站内搜索与标签聚合
    转化入口
        联系页预约表单、页脚快速预约、侧栏预约卡片(统一接入客户咨询模块)
        悬浮工具(预约热线 / 客服二维码 / 邮件 / 回到顶部)
    后台配置
        站点标语、营业时间、预约热线、邮箱、地址、二维码与社交入口
        首屏文案、4 张拼图与按钮文字 / 链接
        关于、数据条、服务、作品、团队、客户评价、摄影笔记各区块标题与栏目标识
        联系页与表单文案、页脚简介、公司信息与友情链接
    体验
        PC / 手机响应式布局
        滚动入场与卡片悬停,动效只用 transform / opacity
        支持 prefers-reduced-motion 降级

功能亮点

  • 首屏照片拼图:四张白框照片错落排布,主标题 + 副标题 + 主/次按钮,手机端自适应
  • 作品瀑布墙:四列错落网格,图内白底标题条,hover 换金底,点击进入作品详情
  • 服务卡片网格:四列白卡错位排布,hover 出现遮罩与圆形链接按钮,服务内容由 CMS 维护
  • 团队交错排版:图片与文案左右镜像,图片内缘留白色缺口,金色描边社交圆标
  • 客户评价轮播:桌面三卡、平板两卡、手机单卡,居中卡金底高亮
  • 摄影笔记:列表 / 详情 / 标签 / 站内搜索完整闭环,详情页带侧栏
  • 预约咨询闭环:联系我们页表单、页脚快速预约、侧栏预约卡片统一接入「客户咨询」模块
  • 后台可配置:站点标语、首屏文案与拼图、区块标题与栏目标识、数据条、联系方式、二维码、友情链接

页面组成

  • 首页:首屏拼图、关于我们、数据条、服务、作品、团队、客户评价
  • 关于我们:单页图文 + 数据条 + 团队
  • 服务项目:四列服务卡片列表 + 详情
  • 作品案例:四列作品墙 + 详情(含上下篇与侧栏)
  • 团队:两列交错人像列表 + 详情
  • 客户评价:评价卡片列表 + 详情
  • 摄影笔记:三列卡片列表 + 详情
  • 联系我们:联系方式 + 在线预约表单

技术说明

  • 纯 CSS 设计令牌 + 原生 JavaScript,无第三方前端框架、无外部 CDN、无字体文件
  • 图标为内联 SVG,动效仅使用 transform / opacity,支持 prefers-reduced-motion
  • 模板名只用系统自带 default / news,切换主题不会出现视图缺失

使用场景

  • 婚纱婚拍、人像写真、家庭与儿童摄影工作室的官方站点,作品墙 → 服务 → 团队 → 客户评价 → 预约构成一条完整的看片转化路径;
  • 以客片说话的影像团队,作品墙四列错落排版、图内白底标题条 hover 换金底,作品详情带上下篇与侧栏,可长期累积作品;
  • 需要把服务与拍摄流程讲清楚的团队,服务项目由 CMS 栏目维护,四列卡片在 hover 时给出遮罩与圆形链接,详情页承接拍摄内容与说明;
  • 依赖口碑转化的工作室,客户评价以轮播呈现并支持后台增删,桌面三卡、手机单卡,居中卡高亮,适合展示长段真实反馈;
  • 需要内容运营承接自然流量的工作室,摄影笔记提供列表 / 详情 / 标签 / 站内搜索的完整闭环,用拍摄技巧与幕后故事持续更新。

安装说明

  1. 安装并启用本主题;
  2. 在「CMS管理 → 备份恢复 → 数据库恢复」导入本主题的初始化数据(Backup/init_data.json),

栏目、内容、导航与主题配置会一并就位;

  1. 在「网站设置 → 网站主题」中确认已选择「CMS摄影影像工作室主题」;
  2. 发布静态资源:php artisan modstart:module-install CmsThemeLumina --force。

后台菜单

后台菜单

  • 功能设置
  • 功能设置 → 模板设置
  • 功能设置 → 模板设置 → 摄影影像主题配置
QQ
微信
客服