DedeCMS 切换模板完整指南

切换模板主要分为两个核心步骤:

dedecms切换模板
(图片来源网络,侵删)
  1. 上传新模板文件:将你准备好的新模板文件放到服务器的指定目录。
  2. 在后台启用新模板:在 DedeCMS 后台管理界面,选择并应用这个新模板。

第一步:准备并上传新模板

在开始之前,你需要确保你已经拥有一个完整的 DedeCMS 模板,通常一个模板包含以下文件夹和文件:

  • templets:这是存放模板文件的核心文件夹。
  • images:存放模板用到的图片资源。
  • style:存放 CSS 样式文件。
  • js:存放 JavaScript 脚本文件。
  • index.htm:网站首页模板。
  • *`list_.htm`**:列表页模板(如文章列表、产品列表等)。
  • *`article_.htm`**:文章内容页模板。
  • 等等...

上传方法:

通过 FTP/SFTP 客户端上传(推荐)

这是最常用、最稳定的方法。

  1. 连接服务器:使用 FileZilla、WinSCP 等 FTP 客户端连接到你的网站服务器。

    dedecms切换模板
    (图片来源网络,侵删)
  2. 找到模板目录:登录后,进入你的网站根目录(通常是 public_html, wwwhtdocs),然后找到 dede 目录(这是 DedeCMS 的后台管理目录),在 dede 目录下,你会看到一个名为 templets 的文件夹。

  3. 上传模板:将你的新模板文件夹(你将其命名为 mynewtemplate完整地上传到 dede/templets/ 目录下。

    • 重要:请确保上传的是整个模板文件夹,而不是解压后的单个文件,这样在后台选择时会非常方便。
    • 你的路径应该是:/wwwroot/你的网站/dede/templets/mynewtemplate/

通过 DedeCMS 后台“文件管理器”上传

如果你的服务器开启了 PHP 上传功能,也可以使用 DedeCMS 自带的文件管理器,但效率较低,适合小文件。

  1. 登录 DedeCMS 后台。
  2. 进入“系统” -> “系统基本参数设置” -> “文件上传”,检查并确保“附件目录”等设置正确。
  3. 进入“文件管理器”,导航到 dede/templets/ 目录。
  4. 上传你的模板文件或文件夹(可能需要压缩后上传,然后再解压)。

第二步:在后台启用新模板

模板文件上传成功后,就可以在后台进行设置了。

设置首页模板

  1. 登录 DedeCMS 后台。
  2. 在左侧菜单栏中,找到“模板” -> “默认模板管理”。
  3. 在打开的页面中,你会看到各种页面类型的模板设置,首先找到“主页模板”这一行。
  4. 在“选择模板”一栏中,点击下拉菜单,选择你刚刚上传的新模板文件夹下的 index.htm 文件。
    • 选择:mynewtemplate/index.htm
  5. 点击页面底部的“更新主页HTML”按钮(如果想让首页立即生效)或“保存”按钮。

设置列表页和内容页模板

为了保持网站风格统一,通常需要一并设置列表页和内容页的模板。

  1. 同样在“默认模板管理”页面。
  2. 找到“列表页模板”,选择你的新模板中的列表页文件,mynewtemplate/list_article.htm
  3. 找到“文章页模板”,选择你的新模板中的文章内容页文件,mynewtemplate/article_article.htm
  4. 根据你的网站栏目结构,你可能还需要为不同的栏目单独设置模板,点击栏目名称右侧的“设置”链接,可以为该栏目指定专属的模板。
  5. 完成所有选择后,点击页面底部的“保存”按钮。

第三步:刷新并查看效果

模板设置完成后,需要刷新缓存才能在前端看到效果。

  1. 更新缓存

    • 在后台左侧菜单中,找到“系统” -> “一键更新网站”。
    • 在打开的页面中,勾选“更新主页HTML”、“更新栏目HTML”、“更新文档HTML”等所有选项。
    • 点击“开始更新”按钮,这个过程会重新生成所有页面的静态 HTML 文件,确保新模板被正确应用。
  2. 清空浏览器缓存

    • 有时浏览器会缓存旧的 CSS 和 JS 文件,导致页面样式错乱,请按 Ctrl + F5 (Windows) 或 Cmd + Shift + R (Mac) 强制刷新浏览器。
  3. 访问网站

    在浏览器中输入你的网站域名,现在你应该就能看到新模板的样式了。


常见问题与解决方案 (FAQ)

Q1: 切换后网站样式乱了,或者图片/JS/CSS 加载不出来?

A: 这是最常见的问题,通常原因如下:

  • 路径错误:新模板中的图片、CSS、JS 路径是相对于模板文件夹的,CSS 文件路径应该是 style/style.css,而不是 /style/style.css,请检查模板文件中的路径是否正确。
  • 资源未上传:你是否将 imagesstylejs 等资源文件夹也一并上传到了 dede/templets/你的模板名/ 目录下?
  • 缓存问题:请务必执行“一键更新网站”来清空旧缓存,并使用 Ctrl + F5 强制刷新浏览器。

Q2: 后台设置里找不到我上传的新模板?

A:

  • 路径错误:请确认模板文件是否上传到了正确的目录:网站根目录/dede/templets/
  • 文件夹名:检查模板文件夹的名称是否包含中文或特殊字符,最好使用英文或数字命名。
  • 权限问题:确保 dede/templets/ 目录及其子目录的权限设置为 755,文件权限设置为 644。

Q3: 我只想更换首页,其他页面保持不变,可以吗?

A: 当然可以,你只需要在“默认模板管理”中,只修改“主页模板”的选择,而列表页和内容页保持原有的模板设置不变即可。

Q4: 为什么我更新了模板,但首页还是旧的?

A: DedeCMS 默认生成的是静态 HTML 文件,仅仅在后台选择新模板是不够的,必须执行“一键更新网站” -> “更新主页HTML”这一步,让系统用新模板重新生成首页文件。


切换 DedeCMS 模板的流程可以概括为:

上传模板文件 -> 后台选择模板 -> 一键更新缓存 -> 前端查看效果

只要按照这个步骤仔细操作,并注意检查文件路径和资源文件,就能顺利完成模板的切换,祝你使用愉快!