DedeCMS 织梦模板制作完整教程 常用标签语法零基础详解

一、织梦模板基础认知

1、模板存放目录

织梦所有前端模板文件统一存放根目录 templets/，站点可新建独立模板文件夹，后台系统参数切换模板。 目录划分：

• templets/default/：系统默认模板文件夹
• templets/你的模板名/：自定义模板文件夹

2、网站必备 5 套核心页面模板

1. index.htm：网站首页模板
2. list_article.htm：文章栏目列表页模板
3. article_article.htm：文章详情内容页模板
4. head.htm：公共头部（导航、meta、css/js）
5. footer.htm：公共底部（版权、底部链接）

3、模板调用逻辑

首页 / 列表 / 详情页面通过 {dede:include filename="head.htm"/} 引入公共头部、底部，统一全站样式，修改一次全站同步更新。

二、织梦基础全局标签（全站通用，放入 head.htm）

1、网站基础 SEO 标签

<pre class="language-html"><code> <!-- 网站标题 --> <title>{dede:global.cfg_webname/}</title> <!-- 网站关键词 --> <meta name="keywords" content="{dede:global.cfg_keywords/}"> <!-- 网站描述 --> <meta name="description" content="{dede:global.cfg_description/}"> <!-- 网站根域名 --> {dede:global.cfg_basehost/} </code></pre>

2、引入公共头部 / 底部

<pre class="language-html"><code> <!-- 引入公共头部 --> {dede:include filename="head.htm"/} <!-- 页面主体内容 --> <!-- 引入公共底部 --> {dede:include filename="footer.htm"/} </code></pre>

三、导航栏目调用标签（头部导航必备）

1、顶级栏目导航（首页顶部菜单）

<pre class="language-html"><code> <ul class="nav"> <li><a href="{dede:global.cfg_basehost/}">首页</a></li> {dede:channel type='top' row='10'} <li><a href="[field:typeurl/]">[field:typename/]</a></li> {/dede:channel} </ul> </code></pre>

参数说明：

• type='top'：调用顶级父栏目
• row='10'：最多调用 10 个栏目

2、当前栏目高亮判断

<pre class="language-html"><code> {dede:channel type='top'} <li class="[field:currentstyle/]"> <a href="[field:typeurl/]">[field:typename/]</a> </li> {/dede:channel} </code></pre>

后台栏目设置中填写高亮 CSS 类名，访问对应栏目自动添加样式。

四、列表页常用标签 list_article.htm

1、当前栏目信息（栏目名称、栏目简介、栏目图）

<pre class="language-html"><code> <h1>{dede:field.typename/}</h1> <p>栏目简介：{dede:field.description/}</p> <img src="{dede:field.typeimg/}" alt="[dede:field.typename/]"> </code></pre>

2、栏目文章循环列表

<pre class="language-html"><code> {dede:list pagesize="10"} <div class="item"> <a href="[field:arcurl/]">[field:title/]</a> <span>发布时间：[field:pubdate function="MyDate('Y-m-d',@me)"/]</span> <p>[field:description/]...</p> </div> {/dede:list} <!-- 分页 --> {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/} </code></pre>

参数：pagesize="10" 每页展示 10 篇文章

五、文章详情页核心标签 article_article.htm

<pre class="language-html"><code> <!-- 文章标题 --> <h1>{dede:field.title/}</h1> <!-- 发布时间 --> 发布时间：{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/} <!-- 文章正文 --> <div class="content">{dede:field.body/}</div> <!-- 文章关键词 --> 标签：{dede:field.keywords/} <!-- 上一篇、下一篇 --> 上一篇：{dede:prenext get='pre'/} 下一篇：{dede:prenext get='next'/} </code></pre>

六、首页调用文章标签（arclist 万能循环）

arclist 是织梦最常用万能标签，首页、侧边栏均可调用。

示例：首页最新 10 篇文章

<pre class="language-html"><code> {dede:arclist row="10" titlelen="30" orderby="pubdate"} <div class="news"> <a href="[field:arcurl/]">[field:title/]</a> <span>[field:pubdate function="MyDate('m-d',@me)"]</span> </div> {/dede:arclist} </code></pre>

常用参数：

• row：调用条数
• titlelen：标题文字长度
• orderby="pubdate"：按发布时间倒序（最新文章）
• typeid="2"：指定调用 2 号栏目文章

七、模板开发新手完整流程

1. 复制默认 default 模板文件夹，重命名自定义模板；
2. 修改 head.htm 公共头部，配置网站导航、CSS、JS；
3. 制作首页 index.htm，使用 arclist 调用各栏目资讯；
4. 制作列表 list_article.htm，实现栏目文章列表 + 分页；
5. 制作详情 article_article.htm，完善正文、上下篇、标签；
6. 后台系统参数设置默认模板名称；
7. 后台更新全站缓存，生成静态页面查看效果。

八、新手常见模板报错避坑

1. 标签未闭合：{dede:xxx/} 单标签必须带斜杠，循环标签成对 {dede:xxx}{/dede:xxx}；
2. 路径错误：图片、CSS、JS 使用相对路径，不要使用本地绝对路径；
3. 缓存不生效：修改模板后必须后台更新缓存 + 刷新静态页面；
4. 栏目调用空白：typeid 栏目 ID 填写错误，或栏目未发布文章。

九、总结

织梦模板开发门槛极低，核心只需要掌握 include 公共引入、channel 栏目导航、arclist 文章循环、list 列表、field 内容标签 5 类基础标记语法，即可完成绝大多数企业站、技术博客模板制作，代码简洁、静态页面收录友好，适合个人站长快速建站。

本文配套模板、静态源码可前往艾立兹素材库alisucai.com下载