CMS Asana瑜伽健身主题 v1.0.0
瑜伽健身主题首次发布
2026-11-10 更新日志

内容介绍

Asana 瑜伽健身主题是一套面向瑜伽馆、健身工作室与形体培训机构的 CMS 主题。整体采用白色画布 + 玫粉点缀 + 纯黑区块的配色,用圆形图标、四列课程墙与双栏资讯面板构建出安静干净的行业官网结构,配图与文案全部可在后台维护。

主题覆盖首页、瑜伽课程、教练团队、会馆环境、新闻资讯与联系页面,内页统一采用「面包屑 + 侧栏 + 内容」布局,并提供在线报名表单,同时内置一套可一键导入的演示数据。

产品介绍

适合瑜伽馆、形体工作室、普拉提与健身机构搭建品牌官网与课程展示站。

  • 开箱即用:安装主题并导入初始化数据,即可得到栏目、课程、教练、资讯、导航、轮播与主题配置齐全的演示站点;
  • 后台可配置:主题配置中可维护各栏目地址与首页展示数量、首屏标题与按钮、各区块标题描述、联系方式与页脚信息;
  • 课程与教练并重:课程支持大图卡片与详情并带上下篇,教练团队提供列表与简介详情,会馆环境以图集方式展示;
  • 报名可沉淀:在线报名表单接入客户咨询模块,报名记录在后台统一管理;
  • 体验完整:PC 与手机端响应式适配,导航收进抽屉、侧栏在窄屏下移,配套滚动入场与卡片悬停动效,并支持系统「减少动态效果」偏好。
CMS Asana瑜伽健身主题

模块介绍

Asana 瑜伽健身主题是一套面向瑜伽馆、健身工作室与形体培训机构的 ModStart CMS 前台模板。
整体采用白色画布 + 玫粉点缀 + 纯黑区块的配色,用 92px 圆形图标、四列课程墙与双栏资讯面板
构建出安静、干净的行业官网结构,配图与文案全部可在后台维护。

功能特性

Asana 瑜伽健身主题
    首页
        通栏轮播首屏(Banner,可后台维护,标题与按钮可配置)
        优秀服务(取「关于我们」子栏目,四列圆形图标卡)
        关于我们(深色区块,左文右图)
        课程展示(四列课程墙)
        热门课程(深色区块,横向滚动 + 左右箭头)
        新闻资讯(双栏面板,分类标题为实底标签)
        教练团队(深色区块,四列教练卡)
        在线报名(客户咨询表单,biz=contact_form)
    内容页面
        瑜伽课程(两列大图卡片 + 详情,含上一篇 / 下一篇)
        教练团队(两列教练卡 + 教练简介详情)
        会馆环境(三列图集 + 环境详情)
        新闻资讯(会馆活动 / 瑜伽资讯 / 常见问题 + 资讯详情)
        单页(关于我们 / 塑形美体 / 经典纯粹 / 理疗修复 / 情绪释放 / 联系我们)
        站内搜索与标签页
        内页统一「面包屑 + 侧栏(教练团队 / 新闻资讯)+ 内容」布局
    后台配置
        各栏目地址与首页展示数量
        首屏标题、副标题、按钮文字与链接
        各区块标题与描述
        联系方式、微信二维码、页脚简介与页脚热线
    体验
        PC / 手机响应式(导航收进抽屉、侧栏下移)
        滚动入场与卡片悬停动效
        支持 prefers-reduced-motion 降级

使用场景

  • 瑜伽馆、形体工作室、普拉提与健身机构的品牌官网;
  • 需要「课程 + 教练 + 会馆环境 + 资讯 + 预约」结构的教培类站点;
  • 希望课程、教练、环境图片都能在后台自助维护的场馆。

安装说明

  1. 安装本主题模块后,在「网站设置 → 网站主题」中选择本主题;
  2. 在后台「CMS管理 → 备份恢复 → 数据库恢复」中导入本主题自带的初始化数据(Backup/init_data.json),导入后栏目、内容、导航、轮播与主题配置自动生成,站点即为完整的演示站点;
  3. 进入「功能设置 → 模板设置 → Asana主题配置」按需修改首屏文案、区块标题、栏目地址与联系方式。

后台菜单

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