dedecms手机模板安装教程在哪看？-建站教程-锦华智联科技

DedeCMS 手机模板安装完整教程

DedeCMS 的手机模板安装主要分为两种情况：

（图片来源网络，侵删）

安装官方自带或购买的手机模板：这是最常见、最简单的方式。
安装自定义开发的手机模板：需要手动上传文件并修改配置。

本教程将重点讲解第一种情况,并简要说明第二种情况的区别。

第一步：准备工作

在开始之前,请确保你已经准备好以下内容：

DedeCMS 程序：确保你的网站已经成功安装了 DedeCMS 程序（V5.7 或 V6.0 版本）。
手机模板文件：通常是一个 .zip 压缩包，你可以从 DedeCMS 官方网站、模板市场或第三方开发者处获取。
FTP 工具：用于将文件上传到你的服务器，常用的有 FileZilla、FlashFXP 等。
网站后台登录地址：http://你的域名/dede/。
网站前台访问地址：http://你的域名/。

第二步：获取并解压手机模板文件

下载模板：从官方或可靠来源下载手机模板的 .zip 文件。
解压文件：在你的电脑上，将下载的 .zip 文件解压，解压后，你会看到一个或多个文件夹，其中最重要的通常是 m 或 mobile 文件夹，以及一个 install.txt 或 说明.txt 文件。

第三步：上传手机模板文件到服务器

这一步是整个安装过程的核心。

连接服务器：打开你的 FTP 工具，输入你的 FTP 主机地址、用户名、密码和端口号，连接到你的服务器。
（图片来源网络，侵删）
找到网站根目录：连接成功后，找到你的网站根目录，这通常是 public_html、wwwroot 或 htdocs 文件夹。
上传模板文件夹：
- 在本地电脑上,找到你刚刚解压出的 手机模板文件夹（m 或 mobile 文件夹）。
- 将该整个文件夹上传到网站根目录下。
操作示例：
- 假设你解压后的文件夹名为 m。
- 你需要将它上传到 public_html/ 目录下。
- 上传完成后,你的网站根目录结构会变成这样：
```
public_html/
├── dede/          (后台文件夹)
├── images/        (图片文件夹)
├── include/       (核心文件文件夹)
├── m/            <-- 手机模板文件夹（新上传的）
├── plus/         (插件文件夹)
├── special/       (专题文件夹)
├── templets/      (PC端模板文件夹)
├── index.php      (PC端首页)
└── ... (其他文件)
```
注意：不要直接上传解压后的所有零散文件，而是要上传那个包含所有模板文件的主文件夹。

第四步：在 DedeCMS 后台进行设置

文件上传完成后,需要在网站后台进行一些关键配置，让网站识别并使用这个新的手机模板。

登录后台：打开浏览器，访问你的网站后台地址（http://你的域名/dede/），使用管理员账号登录。
进入“模板”管理：
- 在后台左侧菜单中,找到并点击 【系统】 -> 【系统基本参数】。
- 在打开的页面顶部,点击 【核心设置】 选项卡。
设置手机模板目录：
- 在“核心设置”页面中，找到 手机版模板默认目录 这一栏。
- 在输入框中,填入你刚刚上传的手机模板文件夹的名称，你上传的文件夹叫 m，这里就填 m。
- 重要：如果模板文件夹在根目录下，直接填文件夹名即可，如果放在了子目录（如 template/mobile），则需要填写完整路径，如 template/mobile。
保存设置：点击页面底部的 【保存】 按钮。
生成手机首页：
- 保存后,返回后台首页。
- 在左侧菜单中,找到 【模板】 -> 【默认模板管理】。
- 在打开的页面中,你会看到两个选项卡：【主页模板】和【手机主页模板】，请点击 【手机主页模板】。
- 在“主页模板”一栏，选择你的手机模板首页文件，通常是 index.htm。
- 在“频道首页模板”等栏目，也请一并选择对应的手机模板文件。
- 点击 【更新】 或 【保存】 按钮。
更新网站缓存：
- 为了确保所有设置生效,建议更新一下系统缓存。
- 在后台左侧菜单,找到 【系统】 -> 【一键更新网站】。
- 在更新选项中,勾选【更新系统缓存】，然后点击 【开始执行】。

第五步：测试与验证

最激动人心的时刻到了！让我们来验证手机模板是否安装成功。

电脑端测试：
- 打开浏览器,访问你的网站前台（http://你的域名/）。
- 按下键盘上的 F12 键，打开开发者工具。
- 点击开发者工具左上角的 手机/平板图标（或按 Ctrl+Shift+M），切换到移动设备视图。
- 你应该能看到你刚刚安装的手机模板样式了,如果显示正常，说明基本安装成功。
真机测试（最准确）：
- 用你的智能手机（安卓或 iPhone），连接同一个 Wi-Fi 网络。
- 在手机浏览器中输入你的网站域名（http://你的域名/）。
- 你应该直接看到适配手机的网站样式了。

第六步：常见问题与解决方案 (FAQ)

问题1：切换到手机视图后，网站样式还是 PC 版的。

原因：
1. 没有在后台正确设置“手机版模板默认目录”。
2. 上传的文件夹路径不正确。
3. 没有在“默认模板管理”中为手机端指定模板文件。
4. 模板文件中可能存在路径错误,导致样式或图片加载不出来。
解决：
1. 仔细检查第四步的设置,确保路径和文件名都正确无误。
2. 清除浏览器缓存后重试。
3. 检查手机模板目录下的 index.htm 文件，看其引用的 CSS、JS、图片路径是否正确（通常应使用 /{dede:global.cfg_templeturl/}/ 这样的全局变量）。

问题2：手机模板的图片不显示，或者样式错乱。

原因：模板文件中的资源路径（CSS、JS、图片）是相对于原模板开发者的环境，与你的网站不符。
解决：
1. 打开手机模板的 index.htm 文件。
2. 查找类似 css/style.css、images/logo.png 这样的路径。
3. 将它们修改为使用 DedeCMS 的全局变量，
  - /css/style.css -> /{dede:global.cfg_templeturl/}/css/style.css
  - /images/logo.png -> /{dede:global.cfg_templeturl/}/images/logo.png
  - {dede:global.cfg_templeturl/} 会自动替换为你当前设置的模板目录（即你上传的 m 文件夹）。
4. 修改后,重新上传该模板文件，并更新网站缓存。

问题3：安装的是自定义模板，没有 install.txt 怎么办？

解决：自定义模板通常没有一键安装脚本，你需要手动完成：
1. 上传文件：同第三步，将自定义模板文件夹上传到网站根目录。
2. 修改配置：同第四步，在后台设置“手机版模板默认目录”。
3. 修改模板文件：这是最关键的一步，你需要仔细检查并修改自定义模板中的所有静态资源路径，确保它们能正确指向你的网站目录，检查模板中的 DedeCMS 标签（如 {dede:arclist}）是否与你的栏目结构匹配，可能需要调整。
4. 测试：同第五步，进行详细测试。

安装 DedeCMS 手机模板的核心流程可以概括为： 下载 -> 解压 -> 上传文件夹 -> 后台设置目录 -> 指定模板文件 -> 更新缓存 -> 测试。

只要按照以上步骤一步步操作,绝大多数手机模板都能成功安装，如果在操作中遇到问题，请优先检查文件路径和后台设置，这通常是 90% 以上问题的根源，祝你安装顺利！