Dedecms 手机网站模板安装教程

在开始之前，请确保你已经拥有一个已经可以正常访问的 Dedecms 桌面网站，并且你知道你的网站后台登录地址、FTP/SFTP 信息以及数据库信息。

dedecms手机网站模板安装教程
（图片来源网络，侵删）

我们将安装过程分为两大核心部分：上传安装模板文件 和 后台设置与启用。

第一部分：上传安装模板文件

这一步的目的是将你下载好的手机模板文件，通过 FTP 工具上传到你网站的指定目录中。

步骤 1：准备你的手机模板文件

你下载的 Dedecms 手机模板会包含以下文件和文件夹：

  • index.html 或 default 文件夹：这是模板的首页文件或主文件夹。
  • images 文件夹：存放模板所需的图片。
  • style 文件夹：存放 CSS 样式文件。
  • js 文件夹：存放 JavaScript 脚本文件。
  • 可能还会有其他功能文件。

步骤 2：通过 FTP 连接到你的服务器

你需要使用一个 FTP 客户端软件来连接你的服务器,常用的工具有：

dedecms手机网站模板安装教程
（图片来源网络，侵删）
  • FileZilla (免费,推荐新手使用)
  • FlashFXP
  • Cyberduck

连接信息：

  • 主机/服务器: 你的服务器 IP 地址或域名
  • 用户名: 你的 FTP 用户名
  • 密码: 你的 FTP 密码
  • 端口: 一般为 21 (SFTP 端口为 22)

步骤 3：找到并上传到正确的目录

这是最关键的一步！Dedecms 的模板目录结构非常清晰,必须上传到正确的位置。

  1. 登录 FTP，连接成功后，你会看到网站的根目录，里面通常有 dede、data、images、include 等文件夹。

  2. 找到模板目录：在根目录下，找到一个名为 templets 的文件夹，这个文件夹就是存放所有 Dedecms 模板的地方。

    dedecms手机网站模板安装教程
    （图片来源网络，侵删）

  3. 进入 templets 文件夹：你会看到里面可能已经有 default (默认模板)、plus (页面模板) 等文件夹。

  4. 上传你的手机模板：

    • 推荐做法：为了方便管理，不要直接上传到 templets 根目录，建议在 templets 文件夹内新建一个文件夹，命名为你的手机模板名称，m、mobile、mb 等。
    • 将你下载的手机模板里的所有文件和文件夹（如 index.html, images, style 等）上传到你刚刚新建的文件夹里（templets/m/）。

总结一下路径结构：

你的网站根目录/
└── templets/
    ├── default/          (你的桌面模板)
    ├── plus/
    └── m/               <-- 你新建的手机模板文件夹
        ├── index.html   <-- 手机模板首页
        ├── images/
        ├── style/
        └── js/

上传完成后，第一部分就结束了！

第二部分：后台设置与启用

文件上传好后，我们需要在 Dedecms 后台告诉系统使用这个新上传的手机模板。

步骤 1：登录 Dedecms 后台

在浏览器中输入你的网站后台地址，通常是 你的域名/dede/,然后输入你的用户名和密码登录。

步骤 2：设置默认手机模板

  1. 在后台左侧菜单中，找到并点击 【系统】 -> 【系统基本参数】。

  2. 在打开的页面中，切换到 【核心设置】 选项卡。

  3. 找到 “手机版默认模板目录” 这一项。

  4. 在输入框中，填入你刚才在 FTP 中创建的手机模板文件夹的名称，你创建的文件夹是 m，那么这里就填 m，如果你创建的是 mobile，就填 mobile。

  5. 点击页面底部的 【保存】 按钮。

步骤 3：生成手机首页

这一步是让 Dedecms 根据你的新模板文件，生成一个真正的 HTML 页面,这样才能被访客访问到。

  1. 在后台左侧菜单中，找到并点击 【生成】 -> 【主页更新】。

  2. 在打开的页面中，你会看到多个选项。请务必勾选【选择主页模板】。

  3. 在【主页模板】的下拉菜单中，选择你的手机模板首页文件，它通常显示为 m/index.html 的格式（取决于你刚才填写的目录名）。

  4. 确保 “更新主页HTML” 选项是勾选状态。

  5. 点击 【开始生成】 按钮。

稍等片刻，生成成功后,你会看到提示信息。

步骤 4：访问测试

最激动人心的时刻来了！

  • 手机端访问：在手机浏览器中输入你的网站域名，Dedecms 默认会通过移动设备识别,自动跳转到你刚刚安装的手机版网站。
  • 桌面端模拟：你也可以在电脑浏览器上使用“开发者工具”（按 F12），切换到“响应式设计模式”（一个手机+平板的图标），然后刷新页面,查看手机版效果。

重要提示：如果你的网站没有自动跳转到手机版，请检查 Dedecms 是否开启了“手机站”功能，通常在后台的 【系统】 -> 【手机门户】 设置中,确保它是开启状态。

常见问题与解决方法

Q1: 上传后，后台找不到我的模板怎么办？

  • 原因：路径错误，你没有把模板文件上传到 templets 目录下,或者没有在指定的子文件夹里。
  • 解决：请仔细检查 FTP 中的路径，确保是 templets/你的文件夹名/。

Q2: 生成页面时提示“模板文件不存在”？

  • 原因：在“主页更新”页面选择的模板名称与实际文件名不匹配，你填写的目录是 m，但选择的模板却是 default/index.html。
  • 解决：回到“主页更新”页面，在【主页模板】下拉菜单中，重新选择你的手机模板，如 m/index.html。

Q3: 手机网站显示错乱，样式丢失？

  • 原因：
    1. CSS、JS、图片等资源的路径是相对路径,但上传后路径不正确。
    2. 模板文件中的调用标签（如 {dede:field name='title'/}）与你的数据结构不匹配。
  • 解决：
    1. 检查模板文件中的资源引用路径，确保它们相对于 index.html 的位置是正确的。
    2. 对比模板自带的说明文档,或者与原模板作者确认标签用法。

Q4: 如何让手机站和桌面站使用不同的内容？

  • 方法：在发布文章或栏目时，Dedecms 后台会有“移动端专属”的选项，你可以勾选此项，为移动端单独设置内容、缩略图等,实现内容差异化。

安装 Dedecms 手机模板的流程可以概括为：

  1. FTP上传：将模板文件放入 templets/你的文件夹名/。
  2. 后台设置：在【系统基本参数】中设置“手机版默认模板目录”为你的文件夹名。
  3. 生成页面：在【生成】->【主页更新】中,选择你的手机模板并生成。

希望这份详细的教程能帮助你顺利完成安装！如果在操作中遇到任何问题,欢迎随时提问。