织梦模板修改与替换完整教程
织梦CMS的模板系统非常灵活，它将网站的“内容”与“样式/结构”分离开来，我们修改的只是网站的“外衣”（模板）,而不会影响后台的数据。
（图片来源网络，侵删）
本教程将分为三个核心部分：
- 准备工作：了解基本概念和必备工具。
- 模板修改：在现有模板基础上进行微调和个性化。
- 模板替换：完全更换一个全新的模板。
第一部分：准备工作
在开始之前,请确保你已经准备好以下工具和环境。
必备工具
- FTP/SFTP 客户端：用于连接你的网站服务器，上传和下载文件，推荐使用 FileZilla（免费且易用）。
- 代码编辑器：用于修改模板文件，推荐使用 VS Code（免费、功能强大）、Sublime Text 或 Dreamweaver。切勿使用 Windows 自带的记事本,它可能会导致编码问题。
- 浏览器开发者工具：按
F12或Ctrl+Shift+I(Windows) /Cmd+Opt+I(Mac) 打开，是调试网页、定位CSS和HTML元素的神器。
织梦模板基本结构
一个标准的织梦模板文件存放在网站的 /templets/ 目录下,主要包含以下文件和文件夹：
/templets/：所有模板的根目录。/default/：织梦自带的默认模板文件夹。/你的模板名称/：你下载或创建的模板文件夹，/pc/、/mobile/等。index.html：首页模板文件。article_article.html：页模板文件。list_article.html：文章列表页模板文件。search.html：搜索结果页模板文件。- ...以及其他各种页面模板。
/images/：模板使用的图片资源目录。/style/或/css/：模板的CSS样式表文件目录（如style.css）。/js/：模板的JavaScript脚本文件目录。/skin/：一些模板会把CSS、JS、图片等都放在这个目录下。
备份！备份！备份！
这是最重要的一步！在进行任何修改之前,务必备份：
（图片来源网络，侵删）
- 整个网站程序。
- 你的数据库（在织梦后台“系统” -> “数据库备份/恢复”中操作）。
- 你即将修改的模板文件夹（通过FTP下载到本地）。
这样，即使修改失败,你也可以轻松恢复到之前的状态。
第二部分：模板修改（在现有模板基础上调整）
如果你只是想在当前模板上做一些小改动，比如修改颜色、文字、Logo等,可以按照以下步骤操作。
步骤1：通过FTP下载模板文件
使用FTP工具连接你的服务器，进入 /templets/你的模板名称/ 目录，将你想要修改的文件（如 index.html）下载到本地电脑。
步骤2：使用代码编辑器打开并修改
用你的代码编辑器（如VS Code）打开下载的HTML文件。
（图片来源网络，侵删）
常见的修改内容：
A. 修改Logo
- 在HTML文件中搜索
<img src="...">标签,找到Logo图片。 - 修改
src属性的路径，如果你的新Logo图片已经上传到服务器的/templets/你的模板名称/images/目录下，路径就应该是images/你的新logo.png。 - 或者，你也可以直接替换掉服务器上原来的Logo图片文件（如果名称和大小不变的话）。
B. 修改网站标题或副标题
- 在HTML文件中找到
<title>标签，通常里面是{dede:global.cfg_webname/}这样的标签，这是织梦的调用标签，不要直接修改HTML文件里的{dede:global.cfg_webname/}。 - 正确的修改方法是：登录织梦后台，进入“系统” -> “系统基本参数” -> “站点设置”，修改“网站名称”和“网站副标题”，然后保存,织梦会自动在所有页面调用这些信息。
C. 修改首页某个板块的文字或链接
- 在HTML文件中找到对应板块的代码。
- 通常被
{dede:arclist titlelen='30' row='5'}这样的标签包裹，这些标签用于调用文章列表，要修改显示的文字，你需要修改织梦的标签属性，而不是直接在HTML里硬编码。titlelen='30'表示标题显示30个字符,你可以修改这个数字。- 如果要修改板块的标题（如“热门文章”），通常在标签外面，直接是HTML文字,可以直接修改。
- 重要提示：织梦模板的修改核心是理解标签，常见的标签有：
{dede:global.name/}：调用网站名称。{dede:arclist}：调用文章列表。{dede:field.title/}：调用当前页面标题（如文章页的文章标题）。{dede:field.body/}：调用文章内容。
D. 修改CSS样式
- 找到HTML文件头部的
<link rel="stylesheet" href="style.css">或<style>- 如果是外部CSS文件（
.css）,用代码编辑器打开它。- 如果是内联样式,直接在HTML文件中修改。
- 修改CSS属性来改变颜色、字体、间距、布局等，修改背景色：
body { background-color: #f0f0f0; }。- 保存修改后的文件，并通过FTP上传回服务器原来的位置,覆盖旧文件。
- 如果是外部CSS文件（
步骤3：清空缓存并刷新网站
- 登录织梦后台。
- 进入“系统” -> “HTML更新” -> “更新主页HTML”。
- 进入“系统” -> “缓存管理” -> “删除所有HTML缓存”。
- 清理浏览器缓存,然后访问你的网站查看效果。
第三部分：模板替换（更换一个全新的模板）
如果你想完全换一个新模板，比如从网上下载一个免费的模板,可以按照以下步骤操作。
步骤1：下载并解压新模板
从可靠的网站下载织梦模板（通常是 .zip 格式）,并将其解压到本地。
步骤2：上传新模板到服务器
- 使用FTP工具连接你的服务器。
- 进入
/templets/目录。 - 不要直接上传解压后的文件夹到
/templets/下,因为里面可能包含很多无用文件。 - 只上传模板的核心文件夹，通常解压后会有一个主文件夹（
pc、muban_v1等），把这个主文件夹上传到/templets/目录下。
步骤3：在后台设置新模板
这是最关键的一步,你需要告诉织梦使用新上传的模板。
- 登录织梦后台。
- 进入“模板” -> “默认模板管理”。
- 你会看到各种页面类型的设置，如：
indexpage：首页list_article：文章列表页article_article页search：搜索页- ...等等
- 点击每一项后面的“选择”或“设置”按钮。
- 在弹出的窗口中，你会看到模板列表，选择你刚刚上传的新模板文件夹（
pc）。 - 选中对应的主页模板文件（如
index.html），然后点击“更新”或“确定”。 - 对所有页面类型重复此操作。
步骤4：检查并调整（可选）
新模板替换后，网站可能不会100%完美,你需要进行一些检查和微调：
- 检查页面元素：访问首页、文章列表页、文章内容页，看图片、链接、样式是否都正常，特别是Logo的路径、图片的路径,可能需要根据新模板的结构进行调整。
- 调用自定义栏目：如果新模板有特定的模块（如“产品展示”、“团队介绍”），而你的网站没有对应栏目，你需要在后台“模板” -> “自定义标识管理”中，创建对应的自定义标识，并在模板中调用，或者,你可以直接在模板HTML中注释掉或删除你不用的模块。
- 修改CSS：如果颜色、字体等不符合你的品牌风格，按照第二部分的“D. 修改CSS样式”方法进行调整。
步骤5：清空缓存并刷新
和第二部分最后一步一样，清空后台缓存和浏览器缓存,查看最终效果。
常见问题与技巧
- Q: 网站显示错乱，或者样式丢失？
- A: 99%的原因是CSS或图片路径错误，检查HTML中
src和href的路径是否正确，确保它们指向了/templets/你的模板名称/下的正确位置。
- A: 99%的原因是CSS或图片路径错误，检查HTML中
- Q: 如何在首页添加一个自定义的HTML模块（比如一个广告位）？
- A: 在后台“模板” -> “首页调用”中，可以添加自定义调用代码，或者，直接在
index.html文件中找到合适的位置，手动添加你的HTML代码,然后清空缓存即可。
- A: 在后台“模板” -> “首页调用”中，可以添加自定义调用代码，或者，直接在
- Q: 织梦标签不懂怎么办？
- A: 织梦官方有详细的标签说明文档，你也可以在网上搜索“织梦标签大全”或“dede:arclist用法”等关键词,最好的学习方式是分析现有模板中的标签是如何使用的。
- Q: 模板安装后，后台某些页面（如“系统”菜单）不见了？
- A: 这通常是因为新模板的
index_menu.htm文件被覆盖或修改了，你可以从默认模板中下载一个index_menu.htm文件,覆盖到你当前模板目录下。
- A: 这通常是因为新模板的
希望这份详细的教程能帮助你顺利完成织梦模板的修改和替换！耐心和细心是成功的关键。
