织梦CMS手机端模板适配与自动跳转全流程实操

一、核心思路与目录结构确认

在开始操作之前，必须明确织梦CMS（DedeCMS）实现手机端适配的核心逻辑：系统通过检测访问设备的User-Agent，判断是PC端还是移动端，从而将用户引导至对应的模板目录。默认情况下，织梦手机端站点根目录为/m。

请通过FTP或文件管理器检查你的网站根目录。如果不存在/m文件夹，你需要从织梦官方安装包中提取/m目录上传，或者手动创建该目录结构。标准的/m目录下必须包含index.php、config.php以及templets文件夹。

二、后台系统参数配置

这一步是告诉织梦系统开启移动站生成功能。请严格按照以下路径进行操作，不要遗漏任何设置。

步骤1：登录织梦后台

输入你的后台地址，通常为http://你的域名/dede，输入管理员账号和密码登录。

步骤2：修改系统基本参数

点击顶部菜单栏的【系统】，选择左侧菜单的【系统基本参数】。在右侧的参数设置中找到“核心设置”分组，请确保以下参数设置正确：

• 站点默认网址：填写你的主域名，例如http://www.example.com，末尾不要带斜杠。
• 主页链接名：通常保持默认为“网站主页”。

向下滚动找到“其他设置”分组（部分版本可能在“性能选项”中），找到以下关键项：

• 是否启用多站点：选择【是】。这是开启手机端独立生成的前提。
• 默认站点ID：保持默认为1。

继续向下寻找“移动站点设置”分组（DedeCMS V5.7以上版本）：

• 手机站默认模板：输入default（对应/m/templets/default目录）。
• 手机站生成位置：输入m（即/m目录）。

设置完成后，点击页面底部的【确定】按钮保存配置。

三、手机端模板文件部署

配置好后台后，需要准备手机端的HTML文件。为了快速上手，我们采用“复制PC模板并修改”的策略。

步骤1：创建手机端模板目录

进入/m/templets/目录，如果不存在default文件夹，请手动创建它。路径结构应为：/m/templets/default/。

步骤2：复制并重命名模板文件

将PC端模板目录（通常是/templets/default/）下的核心文件复制到手机端模板目录中。为了区分，建议将手机端模板文件名加上_m后缀，或者直接覆盖同名文件。推荐文件名对应关系如下：

• PC端首页 index.htm -> 复制为手机端 index_m.htm
• PC端列表页 list_article.htm -> 复制为手机端 list_article_m.htm
• PC端内容页 article_article.htm -> 复制为手机端 article_article_m.htm

步骤3：修改模板中的资源路径

打开刚才复制到/m/templets/default/下的文件，检查CSS、JS和图片的引用路径。由于手机端站点在/m目录下，如果你的资源路径使用了相对路径（如../style/css.css），可能会导致样式加载失败。

建议将所有资源引用改为绝对路径，或者确保CSS文件在手机端目录下有对应副本。最简单的办法是在PC端根目录存放资源，模板中使用{dede:global.cfg_cmsurl/}/style/css.css这种标签调用。

四、PC端自动跳转代码植入

为了实现PC用户访问PC页、手机用户访问手机页，我们需要在PC端模板的头部加入判断代码。这里提供最通用的JavaScript跳转方案，无需修改服务器配置，零门槛。

操作位置：PC端模板文件头部（标签内）。

请将以下代码复制到PC端的index.htm、list_article.htm和article_article.htm的标签中：

```html ```

注意：代码中的{dede:global.cfg_mobileurl/}标签会自动读取后台配置的手机站域名。如果你配置的是二级域名（如m.example.com），请确保该域名已正确解析并绑定到了网站的/m目录。

五、手机端样式适配（CSS调整）

手机端屏幕尺寸较小，直接使用PC模板会导致布局错乱。必须通过CSS强制适配。在手机端模板的CSS文件中（或