悠悠楠杉
网站页面
从零开始掌握DedeCMS模板定制
07/27
1. 模板基础认知（约200字）
DedeCMS采用经典的"模板+标签"架构，模板文件存放于/templets目录。新手必须理解三个核心文件：
- index.htm：首页框架
- list_article.htm：栏目列表页
- article_article.htm：内容页
建议首次开发时复制默认模板（default）作为基础，避免破坏系统完整性。通过后台"系统"→"模板管理"可查看当前使用的模板方案。
2. 结构拆解实战（约300字）
以修改文章页为例，典型结构包含：html
{dede:include filename="header.htm"/}
{dede:field.title/}
作者：{dede:field.writer/}
时间：{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
时间：{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
{dede:field.body/}
{dede:include filename="footer.htm"/}
关键点说明：
- 使用{dede:include}实现模块复用
- function属性可对字段进行二次处理
- CSS文件建议通过<link>引入而非直接写入
3. 样式深度优化技巧（约300字）
3.1 自适应布局方案
css
.content {
width: 80%;
margin: 0 auto;
transition: all 0.3s;
}
@media (max-width: 768px) {
.content {
width: 95%;
padding: 10px;
}
}
3.2 增强内容可读性
- 正文行高建议1.6-1.8倍
- 段落首行缩进使用
text-indent: 2em - 图片添加自适应样式：
css .dede-content img { max-width: 100%; height: auto; display: block; margin: 15px auto; }
4. 高级功能实现（约200字）
4.1 自定义字段调用
后台添加字段后，通过以下方式调用：html
{dede:field name='custom_price'/}元
4.2 多模板支持方案
在栏目高级设置中可指定不同模板，配合条件判断标签：
html
{dede:type}[field:id runphp='yes']
if(@me==1) @me="special_template";
else @me="normal_template";
[/field:id]{/dede:type}
