核心概念:织梦后台模板的结构
在开始修改之前,你需要了解织梦后台模板的存放位置和基本结构。

(图片来源网络,侵删)
-
主模板目录:
/dede/templets/- 这个目录是存放所有后台页面主框架和核心页面的地方,后台首页 (
index_body.htm)、登录页 (login.htm)、系统设置页 (sys_info.htm) 等都在这里。
- 这个目录是存放所有后台页面主框架和核心页面的地方,后台首页 (
-
子目录/功能模块目录:
/dede/templets/下的各个子目录- 内容管理相关的页面在
/dede/templets/content/目录下。 - 会员管理相关的页面在
/dede/templets/member/目录下。 - 模块管理相关的页面在
/dede/templets/module/目录下。
- 内容管理相关的页面在
-
模板文件命名规则:
- 模板文件通常是
.htm后缀,但它们是 PHP模板,里面可以嵌入PHP代码。 - 文件名通常与对应的PHP文件名相对应。
index.php对应的模板文件是index_body.htm。
- 模板文件通常是
第一步:如何找到并修改一个具体的页面(以修改后台首页为例)
假设你想修改后台首页的布局或样式。

(图片来源网络,侵删)
定位模板文件
- 后台首页对应的PHP文件是
/dede/index.php。 - 打开这个文件,找到类似这样的代码:
require_once(DEDEINC."/dedetemplate.class.php"); $dtp = new DedeTemplate(); $tpl->LoadTemplate(DEDEADMIN."/templets/index_body.htm"); // ... 其他PHP逻辑 ... $tpl->Display();
- 这行
$tpl->LoadTemplate(DEDEADMIN."/templets/index_body.htm");明确告诉你,后台首页的模板文件是/dede/templets/index_body.htm。
备份原始模板
这是最重要的一步! 在修改任何文件之前,请务必先复制一份原始文件并重命名(index_body.htm.bak),这样如果修改出错,你可以随时恢复。
修改模板文件
现在你可以用任何代码编辑器(如 VS Code, Sublime Text, Dreamweaver 等)打开 index_body.htm 文件进行修改。
- 修改HTML结构:你可以像修改普通网页一样,修改
<div>,<table>,<ul>等标签的布局和嵌套关系。 - 修改CSS样式:
- 内联样式:直接在HTML标签上使用
style="..."属性,不推荐,因为难以维护。 - 内部样式表:在HTML文件的
<head>部分找到<style>标签,在里面添加或修改CSS规则。 - 外部样式表:这是最推荐的方式,织梦后台主要使用
/dede/images/style.css这个文件来定义全局样式。- 操作:打开
/dede/images/style.css,修改其中的CSS类选择器(如.divTitle,td.bg)来改变颜色、字体、间距等。 - 技巧:为了不覆盖核心文件,你可以创建一个新的CSS文件(如
my_admin_style.css),然后在index_body.htm的<head>部分通过<link>标签引入它,并使用!important来覆盖默认样式。
- 操作:打开
- 内联样式:直接在HTML标签上使用
刷新页面查看效果
修改完成后,保存文件,然后刷新你的织梦后台页面,即可看到修改效果。
第二步:通用修改技巧和常见场景
场景1:修改后台的Logo和标题
-
Logo:
- 位置:
/dede/templets/index_body.htm - 方法:找到
<img src="images/logo.gif" ...>这一行。 - 修改:将
images/logo.gif替换成你自己的Logo图片路径,建议将你的Logo图片也上传到/dede/images/目录下,以保持路径简洁。
- 位置:
-
- 位置:
/dede/templets/index_body.htm - 方法:找到
<title>网站后台管理</title>或类似显示网站标题的HTML/PHP代码。 - 修改:直接修改这里的文字为你想要的标题。
- 位置:
场景2:修改后台的整体配色方案
- 主文件:
/dede/images/style.css - 方法:这是最有效的方法,在这个文件中搜索关键颜色值,如:
#EBF4FA(淡蓝色背景)#3666B0(蓝色按钮)#333333(深灰色文字)
- 修改:使用代码编辑器的“查找并替换”功能,将你想要修改的颜色值批量替换成新的颜色值,这可以快速统一整个后台的风格。
场景3:修改或删除某个功能模块
- 定位:在
index_body.htm中,每个功能模块(如“文档管理”、“系统基本参数”)通常被一个<div>或<table>包裹,并且有特定的ID或类名。 - 修改:你可以直接修改这个模块内部的HTML来改变其显示内容。
- 删除:直接找到对应的HTML块,将其注释掉(
<!-- ... -->)或直接删除,删除后,可能会留下空白,你需要调整周围的CSS(如margin或padding)来优化布局。
第三步:进阶技巧与注意事项
使用Dreamweaver等可视化编辑器
对于不熟悉代码的用户,可以使用Dreamweaver等可视化工具打开 .htm 文件进行拖拽式布局调整,但请注意,修改后一定要检查生成的代码是否规范。
模板引擎标签
织梦模板使用自己的标签系统,
{dede:global.cfg_webname/}:调用网站全局配置中的“网站名称”。{dede:field.title/}:调用当前页面的标题。
在修改时,请务必保留这些标签,它们是动态显示内容的关键,不要误删。
修改后的缓存问题
你修改了模板文件但后台页面没有变化,这可能是缓存问题。
- 浏览器缓存:尝试按
Ctrl + F5强制刷新浏览器。 - 服务器缓存:如果使用了CDN或服务器缓存,可能需要清除缓存。
- 织梦缓存:织梦本身有模板缓存,可以尝试登录后台,在“系统” -> “系统基本参数” -> “性能选项”中,清空一下所有缓存。
安全性考虑
- 文件权限:确保你的模板文件(通常是
.htm文件)权限设置为644,目录权限为755,不要给templets目录或其下的文件过高的权限(如777),以免被恶意篡改。 - 备份:再次强调,每次修改前备份!无论是备份整个
templets文件夹,还是只备份你正在修改的单个文件。
修改织梦后台模板的流程
- 确定目标:你想修改哪个页面?(如:首页、登录页、某个列表页)
- 定位文件:根据PHP文件或目录结构,找到对应的
.htm模板文件。 - 备份原始文件:复制一份
.bak或其他后缀名的备份。 - 进行修改:
- 修改HTML结构(布局)。
- 修改CSS样式(
/dede/images/style.css或内联/外部样式)。 - 修改图片路径或Logo。
- 修改或删除特定模块。
- 保存并预览:保存文件,刷新后台页面查看效果。
- 解决问题:如果效果不理想,检查代码、清除缓存,或从备份中恢复。
遵循以上步骤,你就可以安全、有效地对织梦DedeCMS的后台模板进行个性化定制了。
