核心原理:模板与数据的分离

首先要理解 DedeCMS 的工作方式:

dede如何找对应的模板修改
(图片来源网络,侵删)
  1. 模板文件:存放着网站的 HTML 结构和样式,以及一些特殊的 DedeCMS 标签(如 {dede:arclist}{dede:field} 等),它决定了网站“长什么样”。
  2. 数据库:存放着网站的所有内容数据,如文章标题、内容、作者、发布时间等,它决定了网站“有什么内容”。
  3. PHP 程序:作为桥梁,当用户访问一个页面时,PHP 程序会:
    • 根据用户的请求(如点击了“新闻”栏目),从数据库中读取相应的数据。
    • 加载对应的模板文件。
    • 将数据库中的数据填充到模板文件的标签中。
    • 最终生成一个完整的 HTML 页面,发送给用户的浏览器。

要修改页面效果,就必须找到生成这个页面的那个“模板文件”。


模板文件存放位置

在 DedeCMS 安装目录下,模板文件通常存放在 /templets/ 文件夹中,这个文件夹里通常会有几个子文件夹:

  • /templets/default/:这是系统默认的模板文件夹,如果你没有做过模板切换,你的网站就使用这里的文件。
  • /templets/你的自定义文件夹名/:如果你在后台“模板管理”中切换到了自定义模板,你的模板文件就会存放在这里。
  • /templets/system/:存放一些系统级别的模板,比如会员中心、后台管理界面等。

我们主要关注的是 /templets/default/ 或你自定义的文件夹。


如何找到具体页面对应的模板?(核心方法)

这是最关键的一步,下面提供几种最常用、最有效的方法,你可以根据情况组合使用。

dede如何找对应的模板修改
(图片来源网络,侵删)

后台“模板管理”法(最推荐)

这是最官方、最准确的方法,适用于查找列表页、文章页等常规页面。

  1. 登录 DedeCMS 后台
  2. 在左侧菜单中找到 【模板】 -> 【模板管理】
  3. 在“模板管理”页面,你会看到左侧是栏目列表,右侧是模板文件列表。
  4. 查找列表页模板
    • 在左侧点击你想修改的栏目(公司新闻”)。
    • 在右侧的“列表模板”选项中,会显示当前栏目使用的模板文件名,list_companynews.htm
    • 点击这个文件名,就可以直接在线编辑它了。
  5. 查找文章页模板
    • 同样在左侧选择一个栏目。
    • 在右侧找到“文章列表模板”或“页模板”。
    • “文章列表模板”就是栏目首页的模板(index_companynews.htm)。
    • 页模板”就是点击某篇文章后进入的详情页模板(article_article.htm)。注意:通常所有文章详情页共用一个模板。

浏览器“审查元素”法(可视化查找)

如果你不知道后台对应的是哪个模板,可以用这个方法快速定位。

  1. 在浏览器中打开你想要修改的网页(一篇新闻文章的详情页)。
  2. 在页面上任意位置点击鼠标 右键,选择 “检查”“审查元素” (Inspect)。
  3. 浏览器会开发者工具,通常会直接定位到你点击位置的 HTML 代码。
  4. 在开发者工具的代码中,找到某个你想要修改的文本、图片或样式。
  5. 关键一步:在开发者工具的右上角,找到一个 < > 图标(“Elements” 旁边的“Select element by mouse”),点击它。
  6. 然后将鼠标移动到网页上,你会发现鼠标变成了一个“选择器”图标,点击网页上的某个元素(比如文章标题),开发者工具会自动跳转到对应的 HTML 代码。
  7. 观察 URL:查看浏览器地址栏的 URL,虽然你看到的是 https://www.yoursite.com/a/2025/xx/xx.html 这样的动态地址,但在开发工具的 Network(网络)面板中,你可以找到生成这个页面的 PHP 文件
    • F12 打开开发者工具,切换到 Network 标签页。
    • 勾选 "Preserve log" (保留日志)。
    • 刷新一下页面。
    • 在列表中找到类型为 document 的请求,点击它。
    • 在右侧的 Headers 标签页中,查看 "General" 下的 "Request URL",这个 URL 就是你访问的页面。
    • 再切换到 "Response" 标签页,这里会显示服务器返回的完整 HTML 代码,你可以在这里直接搜索你想要修改的文本,如果能搜到,说明你已经找到了正确的模板内容。
    • 找到后,根据这个页面的特征(比如是文章页还是列表页),再结合 方法一 在后台模板管理中找到对应的 .htm 文件进行修改。

直接分析 URL 规则法(经验判断)

DedeCMS 的 URL 有一定的规律,通过分析 URL 可以大致判断模板类型。

  • 首页https://www.yoursite.com/ -> 对应模板文件 /templets/default/index.htm
  • 栏目列表页https://www.yoursite.com/plus/list.php?tid=2https://www.yoursite.com/cate/2/ -> 对应模板文件 /templets/default/list_栏目ID.htm/templets/default/list_default.htm
  • https://www.yoursite.com/a/2025/10/10/123.html -> 对应模板文件 /templets/default/article_article.htm
  • 单页文档https://www.yoursite.com/plus/view.php?aid=456 -> 对应模板文件 /templets/default/article_singlepage.htm
  • 搜索页https://www.yoursite.com/search.php?... -> 对应模板文件 /templets/default/search.htm
  • TAG 标签页https://www.yoursite.com/tags.php?/关键词/ -> 对应模板文件 /templets/default/taglist.htm

注意栏目ID.htm 这种命名方式只在开启了“文件式命名”时才会生成,如果没开启,则默认使用 list_default.htm

dede如何找对应的模板修改
(图片来源网络,侵删)

实战场景举例

场景1:修改首页的网站标题

  1. 分析:首页的标题通常是 {dede:global.cfg_webname/} 这个标签。
  2. 查找模板
    • 方法一:进入后台【模板】->【模板管理】,点击左侧的“首页”,右侧“默认模板”index.htm
    • 方法二:打开首页,右键“检查”,在 <title> 标签里找到网站名称。
  3. 修改:点击 index.htm 进行编辑,找到 {dede:global.cfg_webname/},直接修改标签内容即可,或者,更推荐的做法是进入后台【系统】->【系统基本参数】->【站点信息】,修改“站点名称”,这样所有调用此标签的地方都会同步更新。

场景2:修改文章详情页的“发布时间”格式

  1. 分析:文章的发布时间通常用 {dede:field.pubdate function='strftime("%Y-%m-%d %H:%M:%S",@me)'/} 标签调用。
  2. 查找模板
    • 方法一:进入后台【模板】->【模板管理】,选择任意一个栏目,在右侧找到“文章内容页模板”,文件名通常是 article_article.htm
    • 方法二:打开任意一篇文章的详情页,右键“检查”,找到显示时间的那个 <span><p> 标签,检查其内容。
  3. 修改:打开 article_article.htm 文件,找到时间标签,修改 strftime 函数里的格式化字符即可,改成 strftime("%Y年%m月%d日",@me)

场景3:修改列表页每篇文章的缩略图大小

  1. 分析:列表页的文章缩略图通常由 {dede:field.litpic/} 标签调用,并配合 <img> 标签的 widthheight 属性来控制大小。
  2. 查找模板
    • 方法一:进入后台【模板】->【模板管理】,选择对应的栏目,在右侧找到“列表模板”,文件名如 list_companynews.htm
    • 方法二:打开栏目列表页,右键“检查”,点击缩略图,查看其 <img>
  3. 修改:打开 list_companynews.htm 文件,找到 <img src='{dede:field.litpic/}' ...> 这一行,直接修改 widthheight 的值即可。

重要注意事项

  1. 修改前备份:在修改任何模板文件之前,务必备份原始的 .htm 文件,以防修改出错,可以快速恢复。
  2. 清除缓存:修改模板文件后,如果前台页面没有立即生效,请务必进入后台【系统】-> 【一键更新缓存】【更新首页】,清除模板缓存。
  3. FTP/SFTP 工具:对于不熟悉后台在线编辑器的用户,建议使用 FTP/SFTP 软件(如 FileZilla)下载模板文件到本地,用专业的代码编辑器(如 VS Code, Sublime Text, Dreamweaver)修改,然后再上传覆盖,这样可以避免在线编辑器可能带来的格式错乱问题。
  4. 模板标签:修改时不要随意删除不认识的 {dede:...} 标签,它们是 DedeCMS 的数据调用核心,如果需要删除,最好先搞清楚它的作用。

查找模板的通用流程

  1. 确定页面类型:是首页、列表页还是文章详情页?
  2. 首选方法:登录后台,进入【模板】->【模板管理】,根据栏目找到对应的模板文件名(如 index.htm, list_xxx.htm, article_article.htm)。
  3. 辅助方法:如果找不到,用浏览器“审查元素”功能,结合开发者工具的 Network 面板,定位到页面的 HTML 源码,再反推到后台的模板文件。
  4. 修改并测试:下载模板文件进行修改,上传后清除缓存,在前台刷新页面查看效果。

希望这份详细的指南能帮助你轻松地在 DedeCMS 中找到并修改任何你想要的模板!