第一部分:修改模板的基本步骤
在动手修改之前,你需要了解织梦模板的存放位置和基本结构。
模板文件存放位置
织梦的模板文件位于你网站根目录下的 /templets/ 文件夹中。
你的网站根目录/
├── dede/ (后台管理程序)
├── include/ (核心程序文件)
├── special/ (专题目录)
├── uploads/ (上传文件目录)
└── **templets/** (★★★ 模板主目录 ★★★)
├── default/ (默认模板文件夹,通常我们在这里修改)
│ ├── img/ (模板用到的图片)
│ ├── js/ (模板用到的JS脚本)
│ ├── css/ (模板用到的CSS样式表)
│ ├── plus/ (一些独立页面模板,如反馈、留言等)
│ └── ... (各种HTML模板文件)
└── style/ (全局样式和脚本,通常不直接修改这里的HTML)
修改模板的两种方式
-
A. 直接FTP修改 (最常用)
- 使用FTP工具(如FileZilla)连接到你的服务器。
- 进入
/templets/default/目录。 - 找到你想修改的HTML文件(如
index.htm是首页),下载到本地。 - 使用代码编辑器(如 VS Code, Sublime Text, Dreamweaver 本身)打开并修改。
- 保存后,将修改后的文件重新上传到服务器,覆盖原文件。
-
B. 在织梦后台修改
- 登录织梦后台。
- 菜单栏找到 【模板】 -> 【模板管理】。
- 在这里你可以看到网站的所有模板文件。
- 点击对应模板文件后面的 【修改】 按钮,即可在后台的编辑器里直接修改代码。
- 修改后点击 【保存】。
注意:后台修改方便,但对于复杂的代码,本地编辑器(如VS Code)的语法高亮和代码提示功能更强大,推荐优先使用FTP方式。
第二部分:理解织梦的模板标签
这是修改模板的核心,织梦的模板不是纯HTML,它嵌入了一套自己的标签语言,用于从数据库中调用内容。
最核心的标签:{dede:...}
都是通过这个标签来调用的。
-
:
{dede:global.cfg_webname/}调用的是后台“系统参数”中设置的网站名称。
-
调用栏目列表:
<nav> {dede:channel type='top' row='8'} <a href="[field:typelink/]">[field:typename/]</a> {/dede:channel} </nav>type='top':调用顶级栏目。row='8':显示8个栏目。[field:typelink/]:调用栏目的链接地址。[field:typename/]:调用栏目的名称。
-
调用文章列表 (最常用):
{dede:arclist typeid='1' row='10' titlelen='30'} <li> <a href="[field:arcurl/]">[field:title/]</a> <span>[field:pubdate function="MyDate('Y-m-d', @me)"/]</span> </li> {/dede:arclist}typeid='1':指定调用ID为1的栏目下的文章,不写则全站调用。row='10':显示10篇文章。titlelen='30'长度限制为30个字符。[field:arcurl/]:文章的链接地址。[field:title/]。[field:pubdate ... ]:发布日期,function="MyDate(...)"是一个函数,用于格式化日期显示。
-
调用文章内容:
{dede:field name='body'/}这个标签通常用在文章详情页模板(
article_article.htm)中,用于显示文章的正文内容。
特殊模板文件
- 首页模板:
index.htm - 列表页模板:
list_article.htm(文章列表),list_product.htm(产品列表) 等。 - 文章详情页模板:
article_article.htm - 首页文件:
/index.php(这个是PHP程序,不要修改它,它负责把index.htm解析成HTML输出给浏览器)。
第三部分:常见修改场景与示例
场景1:修改网站Logo
- 准备新Logo:将你的新Logo图片上传到
/templets/default/img/目录。 - 找到Logo代码:打开
index.htm,找到类似这样的代码:<a href="{dede:global.cfg_cmsurl/}/"><img src="{dede:global.cfg_templeturl/}/img/logo.png" alt="{dede:global.cfg_webname/}" /></a> - 修改路径:将
src属性中的路径img/logo.png修改为你上传的新Logo文件名,img/new-logo.png。
场景2:修改首页的“最新文章”标题和数量
- 找到调用代码:在
index.htm中找到调用最新文章的arclist标签。{dede:arclist titlelen='30' row='10' orderby='pubdate'} - 修改参数:
- ?修改
[field:title/]标签即可。 - 想增加显示数量?将
row='10'改为row='15'。 - 想按点击量排序?将
orderby='pubdate'改为orderby='click'。
- ?修改
场景3:修改文章详情页的“相关文章”
- 找到模板文件:打开
article_article.htm。 - 找到相关文章标签:通常是这样的形式:
{dede:likeart titlelen='42' row='8'} <li><a href="[field:arcurl/]">[field:title/]</a></li> {/dede:likeart} - 修改参数:
row='8':修改相关文章的数量。titlelen='42':修改相关文章标题的长度。- 可以在
<li>标签里添加更多样式,<span>[field:pubdate function="MyDate('m-d', @me)"/]</span>来显示日期。
场景4:修改页脚信息
页脚信息(如版权、备案号、统计代码等)通常存放在一个公共模板文件中,这样修改一次,所有页面都会生效。
- 找到公共模板:登录后台,【模板】->【模板管理】->【默认模板设置】。
- 修改页脚模板:找到名为
footer.htm的文件,点击【修改】。 - :在
footer.htm中,你会看到类似{dede:global.cfg_powerby/}这样的标签,你可以直接在它们周围添加HTML标签或修改文字,<footer> <p>版权所有 © 2025-2025 <a href="{dede:global.cfg_webname/}">{dede:global.cfg_webname/}</a></p> <p>{dede:global.cfg_beian/}</p> <!-- 你的统计代码放在这里 --> </footer>
第四部分:重要注意事项与排错
-
缓存问题:修改模板后,如果前台页面没有立即更新,请务必去后台清理缓存。
- 路径:【系统】-> 【一键更新网站】 -> 【更新缓存】。
- 有时也需要更新HTML,点击【更新主页HTML】。
-
保留备份:在修改任何模板文件之前,务必备份原始文件!这样万一修改出错,可以快速恢复。
-
语法错误:织梦标签对语法很敏感。
- 标签必须成对出现:
{dede:arilogy...}必须有对应的{/dede:arclist}。 - 引号要配对:
typeid='1'里面的单双引号要写对。 - 如果页面显示错乱或部分内容不显示,很可能是标签语法写错了。
- 标签必须成对出现:
-
使用浏览器开发者工具:当你不确定某个样式或内容来自哪里时,使用浏览器的“检查”或“审查元素”功能(通常按F12打开),你可以点击页面上的任何一个元素,浏览器会告诉你这段HTML和CSS代码在哪个文件的第几行,这对于定位问题非常有帮助。
修改织梦模板的流程可以概括为:
- 定位:通过FTP或后台找到需要修改的HTML模板文件(如
index.htm)。 - 理解:识别文件中的织梦标签(
{dede:...})和字段标签([field:...])。 - 修改:根据需求,修改HTML结构、CSS样式,或调整织梦标签的参数。
- 验证:上传文件后,访问前台页面查看效果。
- 排错:如果效果不对,检查语法、清理缓存,并使用浏览器开发者工具辅助排查。
希望这份详细的指南能帮助你顺利修改织梦模板!祝你成功!
