PBOOTCMS新增并开启手机端模板_独立移动端_模板上传_设备识别
PbootCMS支持PC和手机端独立模板，手机访问自动切换到手机模板。配置步骤：准备手机模板→上传→后台开启→测试。
准备手机端模板：手机模板结构和PC模板一样，包含index.html（首页）、list.html（列表页）、article.html（内容页）、header.html、footer.html、about.html等。HTML结构针对手机优化（单列布局、大按钮、汉堡菜单），CSS用媒体查询或专门的移动端样式。静态资源（CSS/JS/图片）放在模板目录下，用`{pboot:sitetplpath}`标签引用路径。
上传模板：FTP或宝塔文件管理器进入template目录，新建子目录（如`mobile`、`default_m`、`wap`），把手机模板文件上传进去。目录名用英文，权限755。确保模板文件完整，缺文件会导致对应页面报错。
后台开启手机模板：登录PbootCMS→系统配置→站点设置，找到"手机端模板"下拉，选择刚上传的模板目录名。找到"开启手机端"开关设为开启。保存。PbootCMS通过User-Agent识别设备，手机浏览器访问自动用手机模板，PC访问用PC模板。
测试：用手机访问网站，或电脑浏览器F12切换手机模拟模式（Chrome按F12，点手机图标，选机型）。确认加载的是手机模板（布局、样式和PC不同）。如果还是PC模板，清缓存：后台清缓存+浏览器清缓存，检查模板目录名是否正确、模板文件是否完整。
手机模板和PC模板共用数据库和后台，内容只维护一份。后台发文章，两端同时更新。模板标签用法一样，`{pboot:list}`、`{pboot:content}`、`{pboot:nav}`等在手机模板里同样能用。
响应式 vs 独立手机模板：如果PC模板已经是响应式（CSS媒体查询适配手机），不需要单独手机模板，一套模板搞定。独立手机模板的优势是移动端体验可以做到极致（专门的布局、交互），劣势是维护两套模板。根据需求选择。
手机模板优化要点： - 导航用汉堡菜单（点击展开），节省顶部空间 - 正文字体15-16px，行高1.6，按钮高度44px以上 - 图片宽度100%自适应，不固定宽度 - 页面简洁，减少侧边栏和多余元素 - 加载速度：压缩图片、合并CSS/JS、用CDN，手机网络慢 - 不用flash、不用hover交互（触屏没有hover） - 电话链接用``，点击直接拨打
关闭手机模板：后台站点设置里"开启手机端"设为关闭，所有设备用PC模板。手机模板出问题时临时关闭，不影响PC访问。切换模板后清缓存。
模板切换不影响数据。PC和手机模板只是展示层，数据库内容不变。随时可以切换、更换模板。建议先在测试环境（本地或二级域名）把手机模板调好，再上传到生产环境。
手机端SEO：手机模板要有完整的meta标签（title、description），和PC端一致或单独优化。百度有移动适配规则，手机模板做好后在百度搜索资源平台提交移动适配，提升移动端排名。
更新时间：2026-08-26 17:25:52
上一篇：宝塔面板提示网络连接失败：DNS、节点、防火墙、代理十种原因速查