1. 功能概述
| 功能描述 | 适用场景 | 说明 |
|---|---|---|
| 独立手机版 | PC 和移动端分别设置模板 | 启用后可为 PC 和移动端设计不同的模板文件，提升用户体验。 |
| 默认响应式模板 | 不需要独立手机版本 | 如果使用响应式模板，则无需开启独立手机版功能。 |
2. 配置步骤
步骤 1：后台开启手机版开关
- 登录后台管理系统。
- 进入“系统配置”或相关设置页面，找到“手机版开关”选项并启用。
步骤 2：创建手机模板目录
- 在 PC 模板目录下创建
wap文件夹。 - 将手机端使用的模板文件放入
wap文件夹中。 - 模板文件命名需与 PC 端保持一致。例如：
- PC 模板路径：
default/index.html - 手机模板路径：
default/wap/index.html
- PC 模板路径：
- 注意：如果启用了模板子目录（如
default/子目录），则手机模板路径为default/wap/子目录。
步骤 3：测试访问
- 使用手机设备或浏览器模拟工具访问站点。
- 系统会根据访问设备自动加载对应的模板文件。
3. 注意事项
| 注意事项 | 说明 |
|---|---|
| 模板文件一致性 | 手机模板文件名需与 PC 模板文件名完全一致，否则可能导致加载错误。 |
| 子目录支持 | 如果使用了模板子目录，需确保手机模板路径正确匹配子目录结构。 |
| 测试环境 | 建议在本地或测试环境中验证模板切换效果，避免影响线上用户体验。 |
4. 示例场景
场景 1：PC 和移动端差异化设计
- PC 端使用复杂布局，展示更多信息。
- 移动端简化布局，优化触摸操作体验。
场景 2：响应式模板与独立模板结合
- 默认使用响应式模板适配大部分设备。
- 针对特定需求（如高流量移动端用户），启用独立手机版以提供更优体验。
场景 3：多语言站点支持
- 如果站点支持多语言，需在每个语言模板目录下分别创建
wap文件夹。 - 例如：
en/wap和zh/wap分别对应英文和中文的手机模板。
