新手也能看懂的phpcms移动端适配设置完整教程

为啥一定要做phpcms移动端适配设置？

说真的，我玩phpcms快十年了，见过太多老板用phpcms搭完站，放那好几年不管，pc端看着还行，手机一打开，字缩得像蚂蚁，排版歪得像被踩过的纸箱，划屏划得手都酸了，客人还没找到联系方式直接走了，这不纯纯把生意往外推吗？

我上个月还帮一个开水果采摘园的老哥修站，他说投了几千块做推广，结果咨询的人没几个，我拿手机一打开，哦豁，整个页面都歪了，按钮都跑到屏幕外面去了，这哪是网站，这就是个二维码都印歪的宣传单啊！这不做phpcms移动端适配设置，谁能受得了啊？

说白了，现在十个人有八个人用手机搜东西，你不做phpcms移动端适配设置，就是把八成客人拦在门外，相当于你开饭馆只开大堂，不做外卖，人家想点单都找不到窗口，亏不亏啊？我踩过这么多坑，告诉你，phpcms移动端适配设置真不难，看完你新手也能搞定。

两种常用的phpcms移动端适配设置方法，选一个就行

我给你们整理了两种最常用的方法，一种是官方原生的独立移动端站点，适合大多数老站改造，成功率几乎100%；另一种是响应式适配，不用新增域名，适合新站或者小站点，你看你情况选，我都给你说清楚步骤。

方法一：原生独立移动端站点适配（90%的人选这个就对了）

这个方法是phpcms官方自带的，不用改太多代码，你哪怕只会点后台，跟着走就行，我把坑都给你标出来了：

• 第一步：登录你的phpcms后台，找到模块 -> 移动端门户 -> 设置，别瞎找啊，我当初刚学的时候，以为在站点管理里面，翻了半小时才找到，这个入口藏在模块分类下，记住了啊！
• 第二步：找到开启移动端访问这个选项，把勾勾打上，这一步相当于给你的外卖档口开门，不开门一切白搭，做phpcms移动端适配设置第一步就是开这个，别漏。
• 第三步：填写移动端域名，一般大家都用m.你的域名.com，解析做好之后填进去就行，重点来了！一定要把自动识别移动端跳转打开！这个太重要了，不打开，用户用手机进来还是看乱哄哄的pc端，等于你开了外卖档口不立牌子，客人还是往大堂挤，白忙活。
• 第四步：选择移动端模板，phpcms默认自带一套移动端模板，你要是搭个普通站，直接用默认的就行；要是你自己做了设计，就把模板文件上传到/phpcms/templates/default/wap/这个目录，文件名别错，错了就404，我当初少打了一个w，硬是调试了一晚上，这个坑我替你踩了啊。
• 第五步：划重点！做完一定要点右上角的更新缓存，全选之后点确定！phpcms的缓存比你家冰箱底的陈年冻肉还顽固，不清缓存你刷一百遍都是旧内容，你还以为哪里做错了，白着急，这个是做phpcms移动端适配设置最容易忘的一步！

弄完之后拿手机清个缓存打开试试，要是能正常打开移动端页面，跳转也对，那你这phpcms移动端适配设置就成了一大半了。

方法二：响应式适配改造（不用新域名，省心省力）

要是你不想新增域名，嫌解析绑定麻烦，那就用这个方法，说白了就是给网站做一件能伸能缩的弹力服，大屏幕小屏幕都能穿得合身，步骤也不多：

• 第一步：打开你pc端模板的头部文件，加上这段视口代码，这是响应式适配的核心： ``` ``` 我见过好多人做phpcms移动端适配设置就是漏了这一步，结果手机打开还是缩成一团，白改了半天css，一定要加上啊！
• 第二步：给你的css加媒体查询断点，一般就是在css末尾加上，屏幕宽度小于768px的时候，把侧边栏挪到内容下面，调大字体和按钮，把超出屏幕的内容都适配好，这个就像给弹力服收腰，屏幕小了就改改版型，穿着舒服才重要。
• 第三步：回到phpcms后台的移动端设置，把自动识别移动端跳转关掉，因为你现在用响应式，所有内容都在同一个域名，不需要跳转到m站点了，不关的话一会跳这一会跳那，乱得像早市，客人都懵了。
• 第四步：还是那句话，清缓存！清缓存！做phpcms移动端适配设置永远要记得清缓存！

做完phpcms移动端适配设置，一定要做这几个检查

我给你们整理了几个必查的项，别做完就不管了，不然出问题你都不知道：

• 检查跳转逻辑：拿手机打开你的域名，做独立站的要正常跳m域名，做响应式的不要跳转，别搞反了，我之前就碰见过一个客户，把跳转搞反了，电脑打开跳移动端，手机打开跳pc，用户都以为进了错网站，太冤了。
• 检查图片适配：别让图片超出屏幕，记得给所有img加cssmax-width: 100%;，不然大图片超出屏幕，用户划来划去，烦都烦死了，这个小细节很影响体验。
• 检查按钮大小：按钮、链接别做太小，至少要比手指头大，别让人家点三次才点中，细节做好了，留客率才会高，就像你外卖档口的点餐码，别印得比指甲盖还小，谁愿意扫啊？
• 多换设备测试：别自己手机看着对就完了，多找几个不同尺寸的手机，哪怕拿你爸妈的老人机试试，适配全了才叫真的做好phpcms移动端适配设置。

说真的，其实phpcms移动端适配设置真没你想的那么难，我踩了这么多坑，整理出来这几步，你跟着一步步走，半个小时就能搞定，哪有那么多复杂的东西啊？

现在搜索引擎都优先推移动端了，你做好phpcms移动端适配设置，不仅用户用着舒服，排名还能往上走，客源不就多了吗？说白了就是一句话，路子对了，少踩坑了，啥事都能成，祝你做好phpcms移动端适配设置，客源滚滚，生意兴隆呀！