织梦系统如何添加模板?

99ANYc3cd6
预计阅读时长 12 分钟
位置: 首页 织梦建站 正文

织梦系统添加模板完整指南

添加模板主要分为三个核心步骤:

  1. 准备模板文件:获取或制作好你的网站模板。
  2. 上传模板文件:将模板文件上传到织梦系统的指定目录。
  3. 后台设置模板:在织梦后台将上传的模板应用到对应的页面。

第一步:准备模板文件

在开始之前,你需要有一套织梦模板,织梦模板通常包含以下文件和目录结构:

my_template/              <-- 你的模板文件夹(可以自定义名称)
├── index.html            <-- 首页模板
├── list_article.html     <-- 文章列表页模板
├── article_article.html  <-- 文章内容页模板
├── search.html           <-- 搜索页模板
├── /css/                 <-- CSS样式文件夹
│   └── style.css
├── /js/                  --> JavaScript脚本文件夹
│   └── common.js
└── /images/              --> 图片资源文件夹
    └── logo.png

重要提示

  • 文件命名:模板文件的命名必须和织梦系统预设的模板文件名一致,index.html 代表首页,list_article.html 代表文章列表页,你可以在织梦默认模板 /templets/default/ 目录下找到这些标准文件名。
  • 编码格式:所有模板文件(HTML, CSS, JS)强烈建议保存为 UTF-8 无BOM格式,使用错误的编码(如GBK或带BOM的UTF-8)是导致网站乱码的最常见原因,你可以使用 Sublime Text、VS Code、Notepad++ 等编辑器来保存和转换编码。

第二步:上传模板文件到服务器

将准备好的整个模板文件夹上传到织梦网站服务器的指定目录。

登录你的网站空间/服务器

  • 你可以通过 FTP软件(如 FileZilla)或 主机控制面板 的文件管理器来操作。

找到正确的上传目录 织梦模板存放的根目录是:/templets/ 你需要将你的模板文件夹(my_template)上传到 /templets/ 目录下。

路径示例: 假设你的网站根目录是 /home/wwwroot/,那么上传路径就是: /home/wwwroot/templets/my_template/

操作步骤(以FTP为例)

  • 连接你的FTP服务器。
  • 进入网站根目录。
  • 找到并进入 templets 文件夹。
  • 将你本地的 my_template 文件夹整个拖拽到这个目录中。

上传完成后,你的服务器 /templets/ 目录下就有了一个新的模板文件夹。


第三步:在织梦后台设置模板

这是最后也是最关键的一步,你需要告诉织梦系统使用你刚刚上传的模板。

登录织梦后台 打开你的网站,在后面加上 /dede/(这是织梦默认的后台目录,如果你修改过,请使用你修改后的目录),然后输入用户名和密码登录。

进入模板管理界面 在后台左侧菜单栏中,找到并点击 【模板】 -> 【默认模板管理】

应用模板 在默认模板管理页面,你会看到一个表格,里面列出了网站所有需要模板的页面模块(如首页、栏目页、文章页等),每一行都有一个 “选择模板” 的按钮。

  • 首页模板
    • 找到 “主页模板” 这一行,点击 “选择模板”
    • 在弹出的窗口中,你会看到左侧列出了所有你上传到 /templets/ 下的模板文件夹,选择你自己的文件夹(my_template)。
    • 右侧会显示该文件夹下的所有 .html 文件,选择你的首页模板文件(index.html)。
    • 点击 “选择” 按钮确认。

  • 栏目页/列表页模板

    • 找到 “列表页模板” 这一行,点击 “选择模板”
    • 同样,在左侧选择你的模板文件夹 my_template
    • 在右侧选择你的列表页模板文件(list_article.html)。
    • 点击 “选择” 确认。
  • 页模板

    • 找到 “文章页模板” 这一行,点击 “选择模板”
    • 选择你的内容页模板文件(article_article.html)。
    • 点击 “选择” 确认。
  • 其他页面模板

    按照同样的方法,为搜索页、软件页、图片集等其他页面设置对应的模板。

更新网站缓存(非常重要!) 设置完所有模板后,不要急着关闭页面,在页面的最下方,找到一个 “更新” 按钮,点击它。

点击“更新”后,织梦会重新生成网站首页,并更新模板缓存,这个过程可能需要几秒钟到几十秒不等,请耐心等待。

清理浏览器缓存并预览

  • 清理缓存:为了确保看到的是最新效果,请按 Ctrl + F5 (或 Cmd + Shift + R on Mac) 强制刷新你的浏览器。
  • 预览网站:现在打开你的网站首页,你应该就能看到你新设置的模板了。

常见问题与解决方案

问题1:网站显示乱码怎么办?

  • 原因:几乎可以肯定是模板文件编码问题,HTML文件、CSS文件、数据库字符集、后台字符集需要统一。
  • 解决方法
    1. 用专业编辑器(如Notepad++)重新打开你的所有模板文件,将其编码转换为 “UTF-8 无BOM格式”,然后重新上传覆盖。
    2. 检查织梦后台系统设置 -> 系统基本参数中的 “核心设置” -> “模板默认编码” 是否为 utf-8
    3. 如果网站数据是GBK,而你用了UTF-8的模板,反之亦然,需要统一。

问题2:为什么设置了模板,网站样式(CSS/JS)没生效?

  • 原因:模板文件中的CSS和JS路径是相对路径,上传后路径可能不正确。
  • 解决方法
    1. 检查你的模板HTML文件中引入CSS和JS的代码。<link href="{dede:global.cfg_templets_skin/}/css/style.css" rel="stylesheet">
    2. {dede:global.cfg_templets_skin/} 这个标签会自动替换成你当前设置的模板路径,如 /templets/my_template/
    3. 确保你的CSS、JS、images文件夹是放在你的模板文件夹 my_template 内部的,并且HTML文件中的引用路径是正确的(通常是相对路径)。

问题3:为什么更新了模板,网站还是没变化?

  • 原因
    1. 忘记点击最后的 “更新” 按钮。
    2. 浏览器缓存问题。
    3. 文件权限问题,服务器无法读取新文件。
  • 解决方法
    1. 回到后台模板管理页面,确保点击了 “更新”
    2. 使用 Ctrl + F5 强制刷新浏览器。
    3. 检查上传的模板文件和文件夹的权限是否正确(通常是755或644,文件夹755,文件644)。

添加织梦模板的流程可以概括为: 准备模板 -> 上传到 /templets/ -> 后台【默认模板管理】中选择 -> 点击【更新】

遵循以上步骤,你就可以顺利地为你的织梦网站更换或添加新的模板了,祝你建站顺利!

-- 展开阅读全文 --
头像
织梦调用导航栏目图片
« 上一篇 03-20
织梦后台为何无法上传图片?
下一篇 » 03-20
取消
微信二维码
支付宝二维码

目录[+]