DedeCMS 的默认模板风格是其官方为新手用户和开发者提供的一套基础、完整的模板系统，它的核心设计理念是：功能优先、结构清晰、易于理解和二次开发。
下面我将从几个方面为你全面解析这个默认风格。
核心特点与设计理念
-
功能导向：默认模板的首要目标是展示 DedeCMS 的所有核心功能，如文章列表、文章内容、图集、软件下载、留言簿等，它的设计并不追求花哨,而是确保每个功能模块都有清晰的展示区域。
-
结构清晰：模板文件组织得井井有条，遵循了 DedeCMS 的标准命名和目录结构，这对于新手理解模板的工作原理,以及开发者进行二次开发非常友好。
-
代码规范：模板代码基于 XHTML 1.0 过渡标准，使用
Dede标签（如{dede:arclist},{dede:field}）来动态调用数据，这种将 HTML 结构与 PHP 逻辑分离的方式，是 DedeCMS 模板系统的精髓。
（图片来源网络，侵删） -
响应式布局（较新版本）：从 DedeCMS 5.7 系列开始，默认模板开始引入响应式设计，这意味着它可以在桌面电脑、平板和手机等不同尺寸的设备上都有不错的显示效果,这大大提升了网站的实用性。
文件结构解析
默认模板通常位于 /templets/default/ 目录下，了解其文件结构是掌握 DedeCMS 模板的第一步。
/templets/default/
├── index.html # 首页模板文件
├── article_article.htm # 文章内容页模板
├── list_channel.htm # 文章列表页模板
├── search.htm # 搜索结果页模板
├── tags.htm # 标签首页
├── plus/ # 功能模块目录
│ ├── feedback_templet.htm # 留言板模板
│ ├── guestbook.htm # 留言列表页
│ └── ...
├── style/ # 样式文件目录
│ └── base.css # 基础样式表
├── images/ # 图片资源目录
│ ├── logo.png # 默认Logo
│ └── defaultpic.gif # 默认无图时显示的图片
├── js/ # JavaScript脚本目录
│ └── ...
└── ...主要模板文件详解
首页模板 (index.html)
首页是整个网站的门面,默认首页通常包含以下区块：
- 网站头部：
- Logo：通常使用
<a>标签包裹,链接到首页。 - 主导航菜单：使用
{dede:channel}标签调用栏目列表,实现动态导航。 - 搜索框：调用站内搜索功能。
- Logo：通常使用
- 焦点图/幻灯片：使用
{dede:arclist}标签指定特定栏目（如“网站公告”）或特定id的文章，配合 JavaScript 实现轮播效果,这是首页最显眼的位置。 - 区：
- 栏目文章列表：通过多个
{dede:arclist}标签调用不同子栏目的最新文章，通常以“图文”或“列表”形式展示。 - 网站公告：调用一个特定的公告栏目。
- 栏目文章列表：通过多个
- 侧边栏：
- 热门文章：调用点击量最高的文章。
- 推荐文章：调用带有“首页推荐”属性的文章。
- 最新评论：调用最新的用户评论。
- 友情链接：使用
{dede:flink}标签调用。
- 网站底部：
版权信息、备案号、 powered by DedeCMS 等。
（图片来源网络，侵删）
文章列表页 (list_channel.htm)
用于展示某个栏目下的所有文章列表。
- 面包屑导航：显示当前栏目在网站结构中的位置，如“首页 > 科技 > 互联网”。
- 栏目名称和描述：显示当前栏目的标题和简介。
- 分页列表：核心部分，使用
{dede:list}或{dede:arclist}标签循环输出文章，并配合{dede:pagelist}标签实现分页功能，每篇文章通常包含标题、发布时间、点击量、摘要和缩略图。 - 侧边栏：与首页侧边栏结构类似，调用的是全站的热门、推荐等内容。
页 (article_article.htm)
用于展示单篇文章的详细内容。
- 面包屑导航：同样用于定位。
- ：使用
{dede:field.title/}调用。 - 文章元信息：包括作者、来源、发布时间、点击量、标签等，使用
{dede:field}系列标签调用。 - ：核心部分，使用
{dede:field.body/}调用文章正文，默认模板通常会在这里加载一个编辑器（如ckeditor）的样式。 - 上下篇导航：方便用户连续阅读，使用
{dede:prenext get='pre'/}和{dede:prenext get='next'/}实现。 - 相关文章：调用与当前文章同标签或同栏目的其他文章,增加用户粘性。
- 评论区域：调用评论模板,允许用户发表评论。
默认样式分析 (style/base.css)
默认的 CSS 样式表 (base.css) 风格朴素,以实用为主。
- 布局：早期版本多使用
table布局，较新版本已转向div + css布局，并开始使用flex或grid等现代布局技术,以实现响应式效果。 - 色彩：通常采用蓝、白、灰为主色调，搭配红色作为链接和高亮色，这是早期企业网站的常见配色方案，显得专业、稳重。
- 字体：默认使用宋体或微软雅黑，字号和行距都经过基本优化,保证了良好的可读性。
- 组件：定义了常见的样式类，如：
.title: 标题样式.text: 正文样式.box: 内容块容器样式.ul, .li: 列表样式.page: 分页样式
如何修改默认风格？
修改默认风格是 DedeCMS 用户最常进行的操作,基本步骤如下：
- 备份：在修改任何文件之前，务必备份你的
/templets/default/目录。 - 修改 HTML 结构：使用 Dreamweaver、VS Code 或 Sublime Text 等编辑器打开
.htm模板文件，根据你的需求调整 HTML 代码，例如改变区块的顺序、增删模块等。 - 修改 CSS 样式：打开
/style/base.css文件，修改颜色、字体、边距、宽度等属性，来改变网站的视觉呈现，你也可以创建一个新的 CSS 文件，并在模板的<head>部分通过<link>标签引入它,以覆盖默认样式。 - 修改 Logo 和图片：直接替换
/images/目录下的logo.png和defaultpic.gif等图片文件。 - 清除缓存：修改模板后，登录 DedeCMS 后台，在“系统” -> “一键更新网站” -> “更新主页HTML”中，点击“更新主页HTML”和“更新所有HTML”,才能看到修改后的效果。
DedeCMS 的默认模板风格可以概括为：一个功能完整、结构标准、代码清晰、易于扩展的“教科书式”基础模板，它虽然不够惊艳，但对于新手来说是最好的学习材料，对于开发者来说也是一个绝佳的二次开发起点，通过学习和修改默认模板，你可以逐步掌握 DedeCMS 的模板机制,并最终打造出符合自己需求的个性化网站。
