什么是DedeCMS手机网站模板？
DedeCMS手机网站模板（也常被称为“移动端模板”、“M站模板”或“响应式模板”）是专门为手机、平板等移动设备设计的网站前端界面。
（图片来源网络，侵删）
它的主要特点是：
- 移动优先：布局、字体大小、按钮尺寸等都为触摸操作进行了优化。
- 响应式设计：这是目前的主流，模板能够自动识别用户设备的屏幕尺寸，并自动调整布局，以提供最佳的浏览体验，无论是手机、平板还是电脑。
- 加载速度快：移动网络环境复杂，优秀的移动模板会进行代码优化、图片压缩等，以加快加载速度。
- SEO友好：搜索引擎（尤其是百度和Google）非常重视移动端体验，拥有一个优秀的移动网站对SEO排名至关重要。
如何获取DedeCMS手机网站模板？
获取模板的途径主要有以下几种,各有优劣：
官方市场
- 来源：DedeCMS官方论坛或官方商城。
- 优点：
- 与DedeCMS版本兼容性最好,官方会提供支持。
- 相对安全,无后门风险。
- 通常有详细的安装和使用文档。
- 缺点：
- 免费模板选择较少,质量参差不齐。
- 付费模板价格可能较高。
- 建议：适合对安全性和稳定性要求极高的用户，或者愿意付费购买高质量模板的用户。
第三方模板网站
这是最主流、选择最多的方式，国内有很多知名的Dedecms模板资源站。
- 知名网站举例：
- 织梦家园
- 模板王
- 站长素材
- 易想网络
- Dede58
- 优点：
- 模板数量巨大：有海量的免费和付费模板可选，风格多样。
- 价格实惠：付费模板通常比官方市场便宜很多。
- 更新快：紧跟设计潮流。
- 缺点：
- 兼容性风险：模板可能不是为最新版的DedeCMS设计的，需要自己进行修改和调试。
- 安全风险：这是最大的风险！ 务必从信誉良好的网站下载，并使用杀毒软件扫描，避免使用来源不明的模板，以防被植入后门。
- 技术支持有限：购买后可能只能获得基础安装指导，深度问题需要自己解决。
- 建议：对于绝大多数用户来说，这是首选方案。 下载后一定要仔细检查文件。
免费资源网站
- 来源：如Bootstrap、GitHub等。
- 优点：
- 完全免费。
- 设计和代码质量通常很高（特别是基于Bootstrap的）。
- 缺点：
- 需要二次开发：这些是通用的HTML/CSS/JS框架，你需要自己将其“改造”成DedeCMS可以识别和调用的模板文件（如
index.htm,article_artlist.htm等），需要一定的PHP和DedeCMS模板标签知识。
- 需要二次开发：这些是通用的HTML/CSS/JS框架，你需要自己将其“改造”成DedeCMS可以识别和调用的模板文件（如
- 建议：适合有开发能力，希望打造独一无二网站的高级用户。
定制开发
- 来源：雇佣专业的网页设计师或前端开发团队。
- 优点：
- 完全独一无二：完全按照你的需求设计，没有版权问题。
- 功能强大：可以实现任何你想要的功能。
- 代码质量高：专业的团队会写出高质量的代码，注重SEO和性能。
- 缺点：
- 成本最高：价格从几千到几万甚至更高不等。
- 建议：适合企业或有特殊需求、预算充足的网站。
如何安装和使用DedeCMS手机模板？
以最常见的第三方模板为例,安装步骤如下：
（图片来源网络，侵删）
步骤1：下载并解压模板
从模板网站下载你选择的模板包,通常是一个 .zip 文件，解压后，你会看到类似下面的文件结构：
mobile_template/
├── index.htm (首页模板)
├── list_article.htm (文章列表页模板)
├── article_article.htm (文章内容页模板)
├── head.htm (头部公共模板)
├── footer.htm (底部公共模板)
├── images/ (图片文件夹)
├── style/ (CSS和JS文件夹)
└── ... (其他页面模板)步骤2：上传模板文件
- 通过FTP工具连接到你的服务器。
- 找到DedeCMS的安装目录,进入
/templets/文件夹。 - 在
/templets/文件夹内，创建一个新文件夹，命名为你的模板名称，my_mobile。 - 将解压出来的所有模板文件（
*.htm）和images、style等文件夹全部上传到你刚创建的/templets/my_mobile/目录下。
步骤3：在后台设置模板
- 登录你的DedeCMS后台管理系统。
- 在左侧菜单栏找到并点击 【系统】 -> 【系统基本参数设置】。
- 在“站点设置”中，找到 “站点默认模板目录” 这一项，将其值修改为你刚才创建的文件夹名称，
my_mobile。 - 保存设置。
步骤4：设置首页和频道页
这一步非常关键,决定了哪个页面在移动端显示。
- 在后台左侧菜单栏,点击 【核心】 -> 【频道管理】。
- 你会看到网站的所有栏目,包括“主页”。
- 设置移动首页：
- 点击最顶部的 【主页】 这一行。
- 在打开的页面中,找到 “选择主页模板”，从下拉菜单中选择你的移动端首页模板
index.htm。 - 找到 “列表页模板”、“文章页模板”等，也分别选择对应的移动端模板（如
list_article.htm,article_article.htm）。 - 保存。
- 设置其他栏目的移动模板：
- 依次点击下面的每个栏目（如“公司新闻”、“产品中心”等）。
- 同样地,为每个栏目分别设置其移动端的列表页和内容页模板。
步骤5：设置PC站与移动站的跳转（非常重要）
为了让用户在PC和手机之间访问时能自动跳转到对应的站点,你需要进行以下设置：
-
在PC端模板的
head.htm中添加跳转代码： 在PC站点的头部模板文件（/templets/pc_default/head.htm）的<head>和</head>标签之间加入以下代码：
（图片来源网络，侵删）<script> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { // 将这里的 /mobile/ 替换成你的移动站目录 window.location.href = "http://你的域名.com/m/"; } } browserRedirect(); </script> -
在移动端模板的
head.htm中添加返回代码： 在移动站点的头部模板文件（/templets/my_mobile/head.htm）的<head>和</head>标签之间加入以下代码：<script> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var b
