CMS Tidal海事服务主题 v1.0.0
海事服务主题首次发布
2026-11-10 更新日志

内容介绍

Tidal 海事服务主题是一套面向游艇与海洋服务企业(游艇租赁、帆船体验、海上团建、船艇托管)的 CMS 企业官网主题,以白色底 + 冷调海蓝墨色 + 单一砖红强调色构建克制的航海视觉语言,适用于服务型企业官网、航海俱乐部、码头运营方与文旅项目。

首页由首屏轮播、关于我们(左图右文 + 要点清单 + 数据角标)等区块组成,服务与预约入口贯穿全站,并内置一套可一键导入的演示数据。

产品介绍

适合游艇会、航海俱乐部与码头运营方的品牌官网,帆船体验、海上团建与海钓包船等服务型企业的业务展示站点,以及海洋文旅项目的官网与在线预约入口。

  • 开箱即用:安装主题并导入初始化数据,即可得到服务、资讯、导航与主题配置齐全的演示站点;
  • 后台可配置:首屏轮播(图片 / 标题 / 副标题 / 按钮)与各区块文案、配图均可后台维护;
  • 服务讲得清:服务项目按体验类型陈列,配合要点清单与数据角标说明服务内容与规模;
  • 预约可沉淀:在线预约表单进入客户咨询,预订与咨询记录在后台统一管理;
  • 视觉克制:白色底 + 冷调海蓝墨色 + 单一砖红的航海视觉语言,与海洋文旅调性一致;
  • 体验完整:PC 与手机端响应式适配,配套滚动入场与卡片悬停动效,并含站内搜索与标签页。
CMS Tidal海事服务主题

模块介绍

「CMS Tidal海事服务主题」是一套面向游艇与海洋服务企业(游艇租赁、帆船体验、海上团建、船艇托管)的 CMS 企业官网主题,以白色底 + 冷调海蓝墨色 + 单一砖红强调色构建克制的航海视觉语言,适用于服务型企业官网、航海俱乐部、码头运营方与文旅项目。

功能特性

官网展示
    首屏轮播(图片 / 标题 / 副标题 / 按钮,来自后台轮播管理)
    关于我们(左图右文 + 要点清单 + 数据角标)
    合作伙伴(读取友情链接模块 home 位置,灰度到彩色的 hover 效果)
    服务项目(6 个图标卡片,图标与文案可在后台配置)
    服务案例(3 列图片卡,取自 CMS 案例栏目)
    新闻资讯(3 列卡片,取自 CMS 新闻栏目)
    行动号召(背景图 + 标题 + 按钮,可在后台配置)
内容管理
    新闻资讯列表与详情(公司动态 / 出海攻略)
    服务项目列表与详情
    服务案例列表(支持按子栏目筛选)与详情
    服务套餐页(3 档套餐卡片 + 图文说明,套餐可在后台配置)
    关于我们页(介绍 + 数据统计 + 服务团队 + 服务能力进度 + 客户评价)
    联系我们页(位置示意图 + 联系方式 + 在线预约表单)
    在线留言页(基于客户咨询 CmsBook 模块)
页面功能
    内页统一浅灰标题条 + 面包屑
    侧栏小工具:搜索 / 栏目导航 / 最近更新 / 标签云 / 出海咨询
    文章详情:正文 + 标签 + 上一篇 / 下一篇 + 返回列表
    搜索页与标签页(区分「未输入关键词」与「无结果」两种空状态)
    悬浮工具(服务电话 / 微信二维码 / 回到顶部)
    页脚快速咨询表单(手机号回电)
后台配置
    首页区块(关于我们 / 数据统计 / 服务项目 / 服务案例 / 新闻资讯 / 行动号召)
    关于页与套餐页(服务能力 / 服务团队 / 客户评价 / 套餐)
    联系方式(公司名称 / 地址 / 电话 / 手机 / 邮箱 / QQ / 微信 / 营业时间 / 位置示意图 / 二维码 / 域名)
响应式设计(PC + 移动端,滚动入场与卡片悬停动效,支持 prefers-reduced-motion 降级)

使用场景

  • 游艇会、航海俱乐部、码头运营方的品牌官网
  • 帆船体验、海上团建、海钓包船等服务型企业的业务展示站点
  • 海洋文旅项目的官网与在线预约入口
  • 希望开箱即用(含预定义演示数据)并可在后台自定义文案的站点

安装说明

  1. 安装模块后,在「功能设置 → 模板设置 → Tidal主题配置」中按需修改首页区块、服务项目、套餐与联系方式;
  2. 在「网站设置 → 网站主题」中选择「CMS Tidal海事服务主题」;
  3. 在后台「CMS管理 → 备份恢复 → 数据库恢复」中导入本主题自带的初始化数据(Backup/init_data.json),导入后栏目、内容、导航、轮播、合作方与主题配置自动生成,站点即为完整的演示站点;
  4. 在线预约与留言表单依赖「客户咨询(CmsBook)」模块,未安装时前台会给出安装提示。

后台菜单

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