织梦Dw模板修改，新手如何快速上手？-织梦建站-盈思创科技

这篇指南将从基础概念到具体操作，再到高级技巧，由浅入深，希望能帮助你全面掌握。

第一部分：核心概念 - 理解织梦模板的构成

在动手修改之前,你必须先明白织梦模板是如何工作的，它和传统的静态HTML网站完全不同。

织梦的模板系统可以看作是“模板 + 数据”的分离模式。

模板文件：
- 位置：位于 /templets/ 目录下，通常你会在这里创建一个自己的文件夹，mywebsite/，然后把所有模板文件放进去。
- 主要是 HTML + 特殊标签，它定义了网站的“骨架”和“样式”，比如哪里显示导航栏、哪里显示文章列表、哪里显示页脚。
- 扩展名：通常是 .htm。
特殊标签：
- 这是织梦模板的灵魂，它们不是真正的HTML代码，而是织梦系统识别的指令。
- 当用户访问网站时,织梦引擎会读取模板文件，解析这些标签，然后从数据库中获取对应的数据，最后生成一个完整的HTML页面返回给浏览器。
- 最常用的标签：
  - {dede:arclist}：用于获取文章列表，比如首页的文章列表、栏目页的文章列表。
  - {dede:field}：用于获取单个文档的字段，比如文章的标题、内容、发布时间、作者等，常用于内容页模板。
  - {dede:channel}：用于获取栏目列表，比如主导航、侧边栏的栏目列表。
  - {dede:global}：用于获取全局变量，比如网站标题、网站描述等。
  - {dede:include}：用于包含其他文件，比如包含头部(head.htm)、底部(footer.htm)，实现代码复用。
生成机制：
- 用户访问网站 -> 织梦引擎解析模板标签 -> 从数据库调用数据 -> 动态生成HTML页面 -> 缓存到/html/目录 -> 返回给用户。
- 这就是为什么你直接打开/templets/下的.htm文件会看到一堆奇怪的标签，因为它们缺少了数据注入。

第二部分：准备工作 - 修改模板前的必要步骤

本地环境：强烈建议你在本地搭建一个织梦环境（如使用 phpStudy、Docker 等工具），先在本地进行修改和测试，确认无误后再上传到服务器，这样可以避免因修改错误导致网站无法访问。
文件备份：在修改任何文件之前，务必备份！
- 备份整个网站程序。
- 备份数据库（在织梦后台 -> 系统 -> 数据库备份/恢复）。
- 备份 /templets/ 目录下的模板文件。
FTP/SFTP工具：你需要一个FTP工具（如 FileZilla）来连接你的服务器，上传和下载文件。
代码编辑器：使用一个好的代码编辑器，如 VS Code、Sublime Text 或 Dreamweaver，它们能提供语法高亮，让你更容易识别织梦标签和HTML代码。

第三部分：实战操作 - 修改不同页面的模板

织梦的模板通常分为三种,分别对应不同类型的页面。

修改首页模板 (`index.htm`)

位置：/templets/你的默认模板文件夹/index.htm

场景：你想修改首页的标题、Logo、文章列表数量、页脚版权信息等。

操作步骤：

通过FTP下载 /templets/你的默认模板文件夹/index.htm 文件到本地。
用代码编辑器打开它。
修改网站标题：
- 找到类似 {dede:global.cfg_webname/} 的标签。
- 将其修改为你想要的网站名称。
修改Logo：
- 找到 <img src="..." /> 标签，其 src 属性可能是 {dede:global.cfg_cmspath/}/images/logo.gif 这样的形式。
- 你需要：
  - 准备好一个新的Logo图片（如 new_logo.png）。
  - 通过FTP上传到 /templets/你的默认模板文件夹/images/ 目录下。
  - 修改HTML中的 src 属性为 images/new_logo.png。
修改文章列表：
- 找到 {dede:arclist} 标签。
```
{dede:arclist row='8' titlelen='24'}
<li>
    <a href="[field:arcurl/]">[field:title/]</a>
    <span>[field:pubdate function="MyDate('Y-m-d', @me)"/]</span>
</li>
{/dede:arclist}
```
- row='8'：表示调用8篇文章。
- titlelen='24'最多显示24个字符。
- [field:arcurl/]：文章链接。
- [field:title/]。
- 你可以修改这些属性来调整列表的显示方式和数量。
包含文件（重要）：
- 首页通常由多个部分组成,比如头部、主体、底部。
- 你会看到类似这样的代码：
```
{dede:include filename="head.htm"/}

{dede:include filename="footer.htm"/}
```
- 这意味着 head.htm 和 footer.htm 是被单独存放的，如果你想修改导航栏，应该去修改 head.htm 文件，而不是 index.htm。
保存并上传：修改完成后，保存文件，通过FTP上传回原来的位置。

修改列表页模板 (`list_article.htm`)

位置：/templets/你的默认模板文件夹/list_*.htm (list_article.htm 用于文章列表)

场景：修改栏目页的文章列表样式、分页样式等。

操作步骤：

下载 list_article.htm 文件。
修改列表样式：这里的 {dede:arclist} 或 {dede:list} 标签决定了列表的展示形式，你可以自由修改包裹它们的HTML代码，比如改成表格、卡片式布局等。
修改分页代码：找到 {dede:pagelist listsize='4' listitem='info,index,pre,next,pageno,option'/} 这类标签。
- listsize='4'：显示页码的数量。
- listitem='...'：控制显示哪些分页元素（首页、上一页、页码、下一页、末页）。
- 你可以修改这些属性来定制分页的样式和功能,分页的CSS样式通常在 css.css 文件中定义。

页模板 (`article_article.htm`)

位置：/templets/你的默认模板文件夹/article_article.htm

场景：修改文章详情页的标题、内容区域、作者信息、相关文章等。

操作步骤：

下载 article_article.htm 文件。
修改文章标题：找到 {dede:field.title/}。
修改文章内容：找到 {dede:field.body/}，这是文章正文所在的地方。不要直接在这里修改内容是存在数据库里的，这个标签的作用是调用并显示内容。
修改文章信息：如发布时间 {dede:field.pubdate function='strftime("%Y-%m-%d %H:%M:%S",@me)'/}、来源 {dede:field.source/}、作者 {dede:field.writer/} 等。
修改相关文章：找到 {dede:likearticle} 标签块，它用于显示与当前文章相关的文章列表，你可以调整它的显示数量和样式。

第四部分：使用Dreamweaver (DW) 修改织梦模板

如果你习惯使用Dreamweaver,操作流程类似，但可以利用DW的一些特性。

站点设置：
- 打开DW,新建一个“站点”。
- 站点名称：给你的站点起个名字，如“我的织梦站”。
- 本地站点文件夹：选择你本地存放织梦程序的文件夹。
- 服务器：设置远程服务器信息，填写你的FTP主机、用户名、密码等，这样DW可以直接连接和编辑服务器上的文件，非常方便。
模板文件管理：
- 在DW的“文件”面板中，你就可以看到整个网站的文件结构。
- 直接双击 /templets/你的模板文件夹/ 下的 .htm 文件即可打开进行编辑。
设计视图与代码视图：
- 代码视图：和普通编辑器一样，可以直接修改HTML和织梦标签。
- 设计视图：DW会尝试将HTML渲染出来，但织梦标签（如{dede:arclist}）在设计视图中是无法正确显示的，通常会显示为乱码或空白。不要依赖设计视图来预览最终效果，最终效果必须通过浏览器访问网站来查看。
查找和替换：

DW的“查找和替换”功能非常强大，尤其是在需要批量修改某个标签或文本时，可以指定在当前文件、整个站点或某个文件夹范围内进行搜索和替换。

第五部分：高级技巧与常见问题

CSS和JS文件：
- 模板中的样式通常在 /templets/你的模板文件夹/css/ 目录下的 css.css 或 style.css 文件中。
- 脚本通常在 /templets/你的模板文件夹/js/ 目录下。
- 修改样式时,主要编辑这些CSS文件。
缓存问题：
- 修改模板后,如果网站没有立即更新，可能是缓存问题。
- 解决方案：
  - 在织梦后台,进入“系统” -> “清除缓存”，点击“一键更新网站”或“仅更新HTML”。
  - 删除 /data/cache/ 目录下的缓存文件。
如何添加新的区块或功能？
- 步骤：
  1. 在模板文件中,用HTML写出你想要的新区块的结构。
  2. 在需要显示动态数据的地方,插入相应的织梦标签（如 {dede:arclist}）。
  3. 保存模板,并去后台“更新”对应的页面（如首页、栏目页）。
标签自定义：

织梦允许你自定义标签,如果你需要更复杂的数据调用，可以学习如何编写自定义标签函数，但这需要一定的PHP基础。

修改织梦模板的核心思路是：“找到文件 -> 理解标签 -> 修改HTML/标签属性 -> 保存上传 -> 清除缓存”。

耐心：初次接触可能会觉得标签很复杂，多看、多试、多对比官方默认模板，很快就能上手。
备份：这是铁律，永远不要在无备份的情况下进行修改。
从简单开始：先尝试修改文字、图片等静态内容，再逐步挑战列表、样式等动态内容。

希望这份详细的指南能帮助你顺利完成织梦模板的修改工作！

第一部分：核心概念 - 理解织梦模板的构成

第二部分：准备工作 - 修改模板前的必要步骤

第三部分：实战操作 - 修改不同页面的模板

修改首页模板 (index.htm)

修改列表页模板 (list_article.htm)

页模板 (article_article.htm)

第四部分：使用Dreamweaver (DW) 修改织梦模板

第五部分：高级技巧与常见问题

相关文章

目录[+]

修改首页模板 (`index.htm`)

修改列表页模板 (`list_article.htm`)

页模板 (`article_article.htm`)