核心要点
- 下载 ≠ 直接使用:你下载的模板通常只是一个静态HTML文件,它包含了HTML、CSS和JavaScript,你需要手动将DedeCMS的模板标签(如
{dede:field.title/})嵌入到这个HTML结构中,才能让它变成DedeCMS可识别的动态模板文件(.htm)。 - 模板文件位置:DedeCMS的内容页模板文件通常位于你的网站根目录下的
/templets/default/文件夹里,默认的文件名是article_article.htm,你可以直接修改这个文件,或者复制一份重命名后再进行修改。 - 官方资源是首选:最安全、最规范的模板来源是DedeCMS的官方网站。
在哪里下载DedeCMS内容页模板?
以下是几个可靠的资源渠道:

官方资源(最推荐)
- DedeCMS官方论坛:这是最权威的社区,有大量的开发者分享模板和插件。
- 网址:
https://www.dedecms.com/bbs/ - 如何查找:进入论坛后,在“模板插件”或“DedeCMS交流”板块搜索“内容页模板”、“article模板”等关键词。
- 网址:
- DedeCMS官方模板市场:这里有一些商业化的模板,虽然主要是整站模板,但你可以购买后提取其中的内容页模板。
- 网址:
https://www.dedecms.com/moban/
- 网址:
第三方模板网站
这些网站提供了大量免费的DedeCMS模板,包括整站模板和单页面模板。
- 模板天下:老牌的模板下载站,资源丰富。
- 网址:
https://www.mb5.com.cn/dedecms/
- 网址:
- 站长素材:综合性素材网站,也提供DedeCMS模板。
- 网址:
https://sc.chinaz.com/
- 网址:
- 源码之家:可以找到一些打包好的整站模板,里面包含内容页文件。
- 网址:
https://www.codezu.com/
- 网址:
搜索关键词:在这些网站上搜索时,使用 dedecms 内容页模板、dedecms article模板、织梦cms 文章页 等关键词。
GitHub 和 Gitee
一些开发者会将他们制作的DedeCMS模板开源到这里。
- 搜索关键词:
dedecms template、织梦模板。 - 优点:通常代码质量较高,且免费。
- 缺点:需要一定的技术能力来筛选和使用。
如何将下载的模板应用到DedeCMS?(核心步骤)
假设你已经从网上下载了一个HTML格式的网页模板,现在需要把它变成DedeCMS可用的内容页模板。

第1步:准备你的HTML模板文件
下载的文件通常是 index.html 或类似的名称,用代码编辑器(如 VS Code, Sublime Text, Dreamweaver)打开它。
第2步:识别并替换关键区域
你需要找到HTML文件中需要动态显示内容的部分,并用DedeCMS的特定标签替换它们。
常见DedeCMS内容页标签列表:
| DedeCMS 模板标签 | 说明 |
| :--- | :--- | :--- |
| | {dede:field.title/} | 显示当前文章的标题。 |
| | {dede:field.body/} | 最核心的标签,显示文章正文内容。 |
| 文章来源 | {dede:field.source/} | 显示文章的来源。 |
| 作者 | {dede:field.writer/} | 显示文章的作者。 |
| 发布时间 | {dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/} | function 用于格式化时间,Y-m-d H:i 是年-月-日 时:分。 |
| 点击次数 | {dede:field.click/} | 显示文章被点击的次数。 |
| 文章标签 | {dede:tag row='5' getall='1'}<a href='[field:link/]'>[field:tag/]</a>{/dede:tag} | 显示与文章关联的标签。 |
| 上一篇/下一篇 | {dede:prenext get='pre'/}{dede:prenext get='next'/} | 分别显示上一篇和下一篇文章的链接。 |
| 当前位置(面包屑) | {dede:field name='position'/} | 显示 首页 > 栏目 > 子栏目 > 文章标题 这样的路径。 |
| 文章缩略图 | {dede:field.litpic/} | 显示文章设置的缩略图。 |
| SEO相关 | {dede:field.seotitle/}{dede:field.description function='html2text(@me)'/} | 分别用于SEO标题和页面描述。 |
操作示例:

假设你的HTML模板标题部分是这样的:
<h1 class="post-title">这是一个示例文章标题</h1>
你需要把它修改为:
<h1 class="post-title">{dede:field.title/}</h1>
部分:
<div class="post-content">
<p>这里是文章的具体内容...</p>
</div>
修改为:
<div class="post-content">
{dede:field.body/}
</div>
第3步:整合模板结构
一个完整的DedeCMS模板文件,不仅仅是内容部分,它还包含了网站的整体框架(如头部head、导航栏header、页脚footer)。
- 最佳实践:不要从头写一个完整的页面,直接去你的网站
/templets/default/目录下,复制一个现有的完整模板文件(article_article.htm),然后用你的新设计去替换其中的{dede:field.title/}和{dede:field.body/}等核心内容区域,并保留{dede:include filename='head.htm'/}、{dede:include filename='footer.htm'/}这样的公共包含文件标签。 - 包含文件:
head.htm通常包含网站的<head>部分(CSS、JS引入、标题等),header.htm是网站顶部导航,footer.htm是页脚,这样设计可以统一管理,修改一次就能影响所有页面。
第4步:上传并设置
- 保存文件:将你修改好的模板文件保存为
.htm格式,my_article.htm。 - 上传到服务器:通过FTP工具,将这个文件上传到你的网站
/templets/default/目录下。 - 后台设置:
- 登录你的DedeCMS后台。
- 进入 【系统】-> 【系统基本参数】-> 【核心设置】**。
- 找到 “文章命名规则” 和 “列表命名规则” 等选项,确保它们符合你的文件名需求(
{typedir}/{aid}.html)。 - 进入 【模板】-> 【默认模板管理】**。
- 页模板(文章页模板)的列表中,找到你刚才上传的
my_article.htm,点击右侧的“设为默认”按钮。
第5步:生成HTML
去 【生成】-> 【一键生成HTML】,选择“更新所有HTML”或“更新指定栏目/内容**”,这样DedeCMS就会用你的新模板重新生成所有文章的静态页面。
注意事项和进阶技巧
- 移动端适配:现代网页必须适配手机,下载的模板如果是响应式的,直接使用即可,如果不是,你可能需要引入Bootstrap或自己编写媒体查询(
@media)来实现。 - CSS和JS路径:如果你的模板引入了额外的CSS或JS文件,请确保它们的路径是正确的,使用 来返回上一级目录,或者使用绝对路径 从网站根目录开始。
- 代码整洁:从网上下载的模板可能包含大量冗余代码或恶意链接,使用前最好清理一下。
- 学习官方标签:DedeCMS的标签非常强大,官方文档是最好的学习资料,你可以通过
{dede:sql sql="..."}等标签实现更复杂的数据查询和展示。
希望这份详细的指南能帮助你成功下载并应用DedeCMS内容页模板!如果在操作过程中遇到具体问题,可以随时提出。
