如何替换织梦默认模板？

我将从准备工作、核心替换方法、进阶技巧和常见问题四个方面，为你提供一份详尽的指南。

准备工作：磨刀不误砍柴工

在开始替换模板之前,请务必完成以下准备工作，这能让你事半功倍，避免不必要的麻烦。

1. 获取新模板

   • 来源：你可以从织梦模板市场、第三方模板网站（如模板堂、织梦58等）购买或下载免费的模板。
   • 模板结构：一个标准的织梦模板通常包含以下文件夹和文件：
     • 根目录：包含 index.html (首页模板)、article_list.html (列表页模板)、article_article.html (文章页/内容页模板) 等核心HTML文件。
     • /images/：存放模板用到的所有图片。
     • /css/：存放样式表文件，如 style.css。
     • /js/：存放JavaScript脚本文件。
     • /include/：存放一些公共的模板片段文件（如头部 head.htm、底部 footer.htm 等）。

2. 备份！备份！备份！

   • 这是最重要的一步！请务必备份你的整个网站，特别是 /templets/ 目录和 /data/ 目录，这样即使操作失误，也能轻松恢复。

3. 了解织梦模板目录结构

   
   （图片来源网络，侵删）
   • 织梦默认的模板存放在 /dede/templets/ 目录下。
   • /dede/templets/ 目录下通常会有一个 default/ 文件夹，这就是织梦的默认模板。
   • 你可以将你的新模板文件夹直接上传到 /dede/templets/ 目录下，例如命名为 mynewtemplate。

核心替换方法：两种主流方式

替换模板主要有两种方法：直接FTP上传替换（推荐新手） 和 后台在线编辑修改（适合微调）。

直接FTP上传替换（最常用、最彻底）

这种方法适合你有一个完整的、全新的模板包。

操作步骤：

1. 通过FTP连接你的服务器，使用工具如 FileZilla、FlashFXP 等。

   
   （图片来源网络，侵删）

2. 定位到织梦模板目录：/dede/templets/。

3. 上传你的新模板：

   • 将你准备好的新模板文件夹（mynewtemplate）完整地上传到 /dede/templets/ 目录下。
   • 注意：请使用二进制模式上传，特别是CSS和JS文件，可以避免编码错误。

4. 登录织梦后台：

   进入后台首页。

5. 切换模板风格：

   • 在后台左侧菜单中找到 【系统】 -> 【系统基本参数】。
   • 在打开的页面顶部,找到 【核心设置】 标签页。
   • 找到 “站点默认模板风格” 这个选项，它的值目前是 default。
   • 将其修改为你刚刚上传的新模板文件夹名称,mynewtemplate。
   • 点击 【确定保存】。

6. 更新缓存：

   • 为了确保所有更改生效,请在后台执行 【系统】 -> 【一键更新网站】。
   • 在更新选项中,务必勾选 “更新HTML” 和 “更新缓存”，然后点击开始更新。

完成！ 现在清空浏览器缓存，访问你的网站首页，应该就已经显示为新模板了。

后台在线编辑修改（适合微调或替换单个文件）

如果你只想修改某个页面（比如只换首页），或者你的模板文件不大，可以使用这个方法。

操作步骤：

1. 登录织梦后台。
2. 进入模板管理：
   • 在左侧菜单找到 【模板】 -> 【模板默认模板管理】。
3. 选择并编辑模板文件：
   • 你会看到一个文件列表,显示了当前模板（default）下的所有模板文件。
   • 找到你想要替换的文件,index.html (首页)，点击其右侧的 【修改】 按钮。
4. 复制粘贴新模板代码：
   • 打开你的新模板对应的 index.html 文件，全选并复制其代码。
   • 回到后台的模板编辑器,清空原有的所有代码，然后将你复制的代码粘贴进去。
   • 注意：请确保你的新模板文件是 UTF-8编码 且 无BOM头 的，否则可能导致网站出现乱码或样式错乱，你可以用 Notepad++ 或 VS Code 等工具来检查和转换编码。
5. 保存模板：
   • 点击编辑器上方的 【保存】 按钮。
6. 更新HTML：
   • 后台会提示你更新HTML,点击 “更新主页HTML”，系统会自动生成新的首页静态文件。

对其他页面重复以上步骤，article_list.html (列表页)、article_article.html (文章页) 等。

进阶技巧与注意事项

1. {dede:include filename='head.htm'/}”等标签

   • 你会发现在模板文件中有很多这样的标签,它们是织梦的包含标签，用于引入公共部分，如头部、底部、侧边栏等。
   • 最佳实践：不要直接在一个大模板文件里写所有内容，而是将头部 (head.htm)、底部 (footer.htm)、导航 (nav.htm) 等公共部分拆分到 /templets/你的模板目录/include/ 文件夹中，然后在主模板里用 {dede:include} 标签引入，这样做的好处是修改一个文件就能全站更新，维护非常方便。

2. CSS和JS路径问题

   • 当你把新模板上传后,如果网站上的图片、样式或脚本加载不出来，99% 是路径问题。
   • 错误路径：<link href="css/style.css" rel="stylesheet">
   • 正确路径：<link href="{dede:global.cfg_templets_skin/}/css/style.css" rel="stylesheet">
   • 解析后：<link href="/templets/mynewtemplate/css/style.css" rel="stylesheet">
   • 解释：{dede:global.cfg_templets_skin/} 是织梦的一个全局变量，它会自动解析成当前模板的路径，如 /templets/你的模板名称/，使用这个变量可以确保无论你以后如何切换模板，路径都是正确的。

3. 图片路径问题

   • 模板里的图片路径也建议使用绝对路径或织梦标签。
   • 错误：<img src="images/logo.png">
   • 正确：<img src="{dede:global.cfg_templets_skin/}/images/logo.png">

4. 修改模板文件后一定要更新缓存

   无论是修改了模板文件,还是修改了系统配置，养成“更新缓存”的好习惯，可以避免很多奇怪的问题。

常见问题与排查

• 问题1：网站首页样式乱了，但图片还在。

  • 原因：CSS文件路径错误或未上传CSS文件夹。
  • 排查：检查浏览器开发者工具（F12）的Console（控制台）和Network（网络）标签，看是否有CSS文件加载失败，然后检查模板中CSS的路径是否正确，并确认FTP上 /css/ 文件夹是否已上传。

• 问题2：网站首页一片空白，或者显示“模板不存在”。

  • 原因：
    1. 模板文件夹名称输入错误（在后台基本参数里）。
    2. 模板文件编码不正确（不是UTF-8，或有BOM头）。
    3. 模板文件中使用了不兼容的PHP代码或织梦标签。
  • 排查：
    1. 再次核对后台“站点默认模板风格”的设置。
    2. 用Notepad++等工具检查并转换所有模板文件为 UTF-8 无BOM格式。
    3. 如果是空白,可能是PHP语法错误，检查日志或恢复备份。

• 问题3：后台登录后模板错乱。

  • 原因：你只替换了前台模板，但后台模板路径可能也指向了你的新模板。
  • 解决：进入 【系统】 -> 【系统基本参数】 -> 【核心设置】，检查 “后台默认模板风格”，确保它指向的是 default 或一个专门为后台设计的模板文件夹，而不是你替换的前台模板。

希望这份详细的指南能帮助你顺利完成织梦默认模板的替换！祝你建站愉快！