赞片CMSH5页面

学完这篇，你能把赞片CMS的H5手机端页面从"默认能打开但不好用"调成"域名独立、模板可改、缓存不捣乱"的状态。

第一步：确认版本，找到H5模板的真实目录

不同大版本的赞片CMS，H5模板放的位置不一样，先确认再动手，能省掉一小时瞎找的时间。登录后台，看「系统 → 系统信息」里的版本号：

• v2.x：模板在 /template/wap/
• v3.x：模板在 /template/mobile/，个别衍生版在 /template/default/mobile/

用宝塔面板的「文件」功能进网站根目录，看这两个路径哪个真实存在。找到后先整个目录复制一份，改名成 mobile_bak。

注意：别在原目录直接改。赞片CMS升级时通常会覆盖 template 目录，你的改动会全部丢失。

第二步：绑定独立的手机端域名

做完这步，用户用手机访问 m.你的域名.com 会直接进H5页面，而不是靠JS判断后跳转。

进后台 →「系统」→「基本设置」→「手机设置」（v3.x 里可能显示为「移动端设置」）：

1. 手机端域名填 m.xxx.com，不要带 http://
2. 手机端开关选「开启」
3. 跳转方式选「域名跳转」，不要选「模板判断」，前者对搜索引擎收录更友好

保存后去域名服务商加一条 A 记录，把 m 指向服务器IP；再进宝塔「网站 → 你的站点 → 域名管理」，把 m.xxx.com 添加进去。

注意：只加A记录、不在宝塔里绑站点，访问会落到默认站点上，表现出来就是"配置没生效"。

第三步：改H5的头部和底部

H5模板里最常动的是两个文件：mobile/header.html（导航、logo、搜索框）和 mobile/footer.html（底部菜单、版权信息）。

打开 header.html，找到写死的 logo 图片地址，换成自己的；确认搜索框的 action 指向站内搜索路由，比如 /index.php/index/search。

底部菜单一般是四个图标（首页／分类／排行／我的），链接都在 footer.html 里，改 href 就行。

第四步：本地预览和真机调试

前三步做完，用手机浏览器打开 m.xxx.com 看效果。要调样式，用 Chrome 打开这个页面，按 F12 → 点左上角的手机图标（Toggle device toolbar）→ 顶部下拉选 iPhone 14 Pro，就能模拟手机视口。

改完模板不生效，通常是编译缓存没清：进后台「系统 → 缓存管理」点「清除缓存」，或者直接删掉 /runtime/temp/ 下的文件。

注意：/runtime/ 目录必须有可写权限，否则会白屏并报 "template not exists"。宝塔里右键该目录 →「权限」→ 设为 755，所有者 www。

第五步：常见问题对照

• 手机访问还是PC页面 → 手机端开关没开，或域名没绑到站点
• H5页面空白 → 编译缓存没清，或 runtime 无可写权限
• 图片不显示 → 模板里用了相对路径，改成 __STATIC__ 或完整域名
• 分享到微信标题乱码 → 检查 header.html 里的 <meta name="description"> 有没有被截断

小结

1. 先查版本号：v2.x 在 /template/wap/，v3.x 在 /template/mobile/
2. 动手前备份模板目录，升级会覆盖
3. 手机端域名在「基本设置 → 手机设置」里配，同时要在宝塔绑定站点
4. 改完模板必清缓存，/runtime/ 要可写
5. 真机加 Chrome 设备模拟，两边都验过再上线

最后提醒一句：不管用什么CMS，站内影视内容都得有合法授权，别把省下来的时间花在处理版权函上。