第一步:准备 WAP 模板文件
在设置之前,你首先需要有一套专门为移动端设计的 WAP 模板,你可以自己制作,也可以从网上下载现成的 DedeCMS WAP 模板。

(图片来源网络,侵删)
- 获取模板文件:下载或制作一套 WAP 模板,通常包含
index.html(首页)、list_article.html(列表页)、article_article.html(文章页) 等核心文件。 - 上传模板文件:
- 通过 FTP 或你的主机控制面板文件管理器,登录到你的网站服务器。
- 找到 DedeCMS 的安装目录。
- 将你的 WAP 模板文件夹上传到
/templets/目录下。 - 你可以创建一个名为
mobile的文件夹,然后将所有 WAP 模板文件上传到/templets/mobile/目录中。
目录结构示例:
/你的网站根目录/
├── /templets/
│ ├── /default/ (PC 端默认模板)
│ │ ├── index.html
│ │ └── ...
│ └── /mobile/ (我们新创建的 WAP 模板目录)
│ ├── index.html
│ ├── list_article.html
│ ├── article_article.html
│ └── ...
├── /dede/ (DedeCMS 后台目录)
└── ...
第二步:在 DedeCMS 后台进行设置
模板文件已经就位,接下来就是在后台告诉 DedeCMS 去哪里找这些 WAP 模板。
推荐设置(在后台直接修改)
这是最常用也是最安全的方法,不需要修改任何核心文件。
-
登录后台:使用管理员账号登录你的 DedeCMS 后台。
(图片来源网络,侵删) -
进入系统基本参数设置:
- 在后台左侧菜单栏,找到并点击 【系统】 -> 【系统基本参数】。
-
找到 WAP 模板设置项:
- 在打开的页面中,切换到 【核心设置】 选项卡。
- 在列表中找到
cfg_mobiletpl这一项,它的说明文字是 “手机版模板目录”。 - 在右侧的输入框中,填入你刚才创建的 WAP 模板文件夹的名称。
-
填写目录名称:
- 如果你把 WAP 模板放在了
/templets/mobile/目录下,那么就在这里填写mobile。 - 注意:这里只需要填写文件夹名称,不需要填写
/templets/这个路径,系统会自动去templets目录下查找。
- 如果你把 WAP 模板放在了
-
保存设置:
- 检查填写无误后,点击页面底部的 【保存】 按钮。
- 系统会提示“成功更新系统基本参数!”,设置即生效。
原理说明:
DedeCMS 在生成移动端页面时,会自动去 templets 目录下寻找你在这里设置的目录(mobile),并调用该目录下的相应模板文件。
第三步:验证和测试
设置完成后,你需要验证 WAP 模板是否生效。
-
生成 WAP 首页:
- 在后台左侧菜单,点击 【生成】 -> 【首页更新】。
- 在弹出的页面中,勾选 “选择首页模板”,然后在下拉列表中选择你刚刚设置的 WAP 模板目录下的首页模板(
mobile/index.html)。 - 点击 “开始生成”。
-
访问测试:
- 方法一(推荐):使用手机访问你的网站域名,DedeCMS 会自动检测访问设备,如果是手机,就会调用你设置的 WAP 模板。
- 方法二(PC 模拟):在电脑上使用浏览器的“开发者工具”(按 F12 打开),切换到手机模拟模式(如 iPhone X, Android 等),然后刷新你的网站首页,看页面是否变成了你设置的 WAP 模板样式。
如果页面显示正常,说明你已经成功设置了 WAP 模板目录!
常见问题与解决方案 (FAQ)
问:设置了之后,手机访问还是 PC 版页面怎么办?
答: 这通常有两个原因:
- 模板文件未生成:请确保按照第三步,使用“首页更新”功能生成了 WAP 首页。
- 网站未开启自动识别设备功能:检查你的 PC 端模板(如
templets/default/index.html)中,是否包含调用 WAP 版本的代码,通常在<head>标签里会有类似这样的代码:{dede:global.cfg_mobileurl runphp='yes'} @me = (strpos(@me, '://') === false ? 'http://' : '') . $_SERVER['HTTP_HOST'] . @me; {/dede:global.cfg_mobileurl} <link rel="alternate" media="only screen and (max-width: 640px)" href="{dede:global.cfg_mobileurl/}/" > <meta name="mobile-agent" content="format=xhtml; url={dede:global.cfg_mobileurl/}/" />这段代码的作用是告诉搜索引擎和浏览器你的 WAP 版本地址,如果缺失,手动添加到你的 PC 端模板头部即可。
问:我想为不同的栏目设置不同的 WAP 模板怎么办?
答: 你可以为特定栏目单独指定模板。
- 在后台进入 【栏目管理】。
- 找到你想要设置的栏目,点击后面的 【修改】。
- 在栏目编辑页面,找到 “移动端模板” 这一栏(通常在“列表模板”或“文章模板”附近)。
- 你可以选择或输入该栏目专用的 WAP 模板文件路径,
mobile/list_special.html,如果留空,则会使用全局设置的 WAP 模板目录。
通过以上步骤,你就可以轻松地为你的 DedeCMS 网站设置好 WAP 模板目录,让网站在手机上也能有出色的表现。
